「Trac」:修訂間差異

出自Gea-Suan Lin's Wiki
跳至導覽 跳至搜尋
本頁面具有訪問限制。如果您看見此訊息,這代表您沒有訪問本頁面的權限。
(未顯示同一使用者於中間所作的 4 次修訂)
行 32: 行 32:


== 設定 ==
== 設定 ==
 在<code>templates/site.html</code>裡做了一些事情。
 在<code>templates/site.html</code>裡做了一些事情 進行客製化


JavaScript的部份:
=== CSS ===
* 用JavaScript針對今天到期以及過期的票增加CSS。
* 將票裡的attachments與modify內容展開。
 
CSS 的部份:
* 全部使用sans-serif字型。
* 全部使用sans-serif字型。
* 修正button因為CSS效果而有時會按不到的問題。
* 修正button因為CSS效果而有時會按不到的問題。
行 47: 行 43:


<pre>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:py="http://genshi.edgewall.org/"
    py:strip="">
  <!--! Add site-specific style sheet -->
  <head py:match="head" py:attrs="select('@*')">
   ${select('*|comment()|text()')}
    <style type="text/css">
    <style type="text/css">
    <!--
    <!--
行 82: 行 71:
    -->
    -->
    </style>
    </style>
  </head>
</pre>


  <body py:match="body" py:attrs="select('@*')">
=== JavaScript ===
   ${select('*|text()')}
* 用JavaScript針對今天到期以及過期的票增加CSS。
* 將新票裡的Due Date改為零點零分零秒。
* 將票裡的attachments與modify內容展開。


<pre>
    <script>
    <script>
    <!--
    <!--
   // Run immediately.
    (function() {
    (function() {
     // Due date css handling
      var d = new Date();
      var d = new Date();
      var today = (new Date(d.getTime() - d.getTimezoneOffset() * 60000)).toISOString().slice(0, 10);
      var today = (new Date(d.getTime() - d.getTimezoneOffset() * 60000)).toISOString().slice(0, 10);
      document.querySelectorAll('table.tickets td.due_date').forEach(function(el) {
      document.querySelectorAll('table.tickets td.due_date').forEach(function(el) {
        var due = el.innerText.trim();
        var due = el.innerText.trim();
行 101: 行 94:
        }
        }
      });
      });
     // Due date (newticket) set to 00:00:00
     if ('/newticket' === document.location.pathname) {
       var el = jQuery('#field-due_date');
       el.val(el.val().replace(/T.+Z/, 'T00:00:00Z'));
     }


      jQuery('tr:has(a.closed)').addClass('ticket_closed');
      jQuery('tr:has(a.closed)').addClass('ticket_closed');
    })();
    })();


   // Run after content loaded.
    jQuery(function() {
    jQuery(function() {
      jQuery('#attachments').removeClass('collapsed');
      jQuery('#attachments').removeClass('collapsed');
行 111: 行 111:
    //-->
    //-->
    </script>
    </script>
  </body>
</html>
</pre>
</pre>



於 2018年2月22日 (四) 09:04 的修訂

Trac是一套問題追蹤系統英語:Issue tracking system)。

簡介

優點

  • 簡單,專住在事情的記錄上,而不是限制行為上。

缺點

  • 目前還是不支援Python 3。

安裝

除了基本安裝外,還會安裝這些套件:

以前會安裝的:

  • DefaultCcPlugin – Trac Hacks - Plugins Macros etc.
    • 針對不同的Component設定Cc列表,對於企業內還蠻有用的。像是專案可以開Proj.開頭的Component,而組織可以開Org.開頭的Component,這些類型可以設定對應的Cc列表。

看過但還沒用過的:

設定

templates/site.html裡做了一些事情進行客製化。

CSS

  • 全部使用sans-serif字型。
  • 修正button因為CSS效果而有時會按不到的問題。
  • 針對今天到期與過期的票用不同的標示標出。
  • 將已經關掉的票變淡。
  • 讓編輯區域使用等寬字型。
  • 讓可用範圍變寬。
    <style type="text/css">
    <!--
    body, th, tr {
        font-family: sans-serif;
    }
    input[type=button]:active, input[type=submit]:active,
    input[type=reset]:active {
        position: relative;
        top: 0;
        left: 0;
    }
    table.tickets tr.duedate_overdue {
        font-weight: bold;
    }
    table.tickets tr.duedate_today {
        border: 2px solid;
    }
    table.subtickets tr.ticket_closed, .closed.ticket {
        opacity: 0.5;
    }
    textarea {
        font-family: monospace;
    }
    #content.ticket {
        width: 78em;
    }
    -->
    </style>

JavaScript

  • 用JavaScript針對今天到期以及過期的票增加CSS。
  • 將新票裡的Due Date改為零點零分零秒。
  • 將票裡的attachments與modify內容展開。
    <script>
    <!--
    // Run immediately.
    (function() {
        // Due date css handling
        var d = new Date();
        var today = (new Date(d.getTime() - d.getTimezoneOffset() * 60000)).toISOString().slice(0, 10);
        document.querySelectorAll('table.tickets td.due_date').forEach(function(el) {
            var due = el.innerText.trim();
            if (due < today) {
                el.parentElement.classList.add('duedate_overdue');
            } else if (due === today) {
                el.parentElement.classList.add('duedate_today');
            }
        });

        // Due date (newticket) set to 00:00:00
        if ('/newticket' === document.location.pathname) {
            var el = jQuery('#field-due_date');
            el.val(el.val().replace(/T.+Z/, 'T00:00:00Z'));
        }

        jQuery('tr:has(a.closed)').addClass('ticket_closed');
    })();

    // Run after content loaded.
    jQuery(function() {
        jQuery('#attachments').removeClass('collapsed');
        jQuery('#modify').parent().removeClass('collapsed');
    });
    //-->
    </script>

外部連結