TicketDescriptionTemplates 的 版本 4 与 版本 5 间的差异

时间戳:

2020-02-27T19:27:03+08:00 （5年 前）

作者:

huxy

评论:

--

TicketDescriptionTemplates

@@ -15 +15 @@
 <!-- html template -->
 <style type="text/css">
-    #panel textarea {
-        margin: 2px;
+    tr.panel-row textarea {
         height: 85px;
-    }
-    #panel th {
-        width: 100px;
-        text-align: right;
-        vertical-align: top;
-        padding: 0.4em;
+        padding-right: 0.4em;
     }
     .required-field-label {
         color: red;
         font-size: 0.6em;
+    }
+    input.date-picker {
+        width: 100px;
+    }
+    #propertyform table.trac-properties {
+        table-layout: unset;
+    }
+    #properties table.trac-properties > tbody > tr > th.col2 {
+        border-left: 0px;
+    }
+    #properties table.trac-properties > tbody > tr > td.col1 {
+        width: 28.2%;
+    }
+    #properties table.trac-properties > tbody > tr > td.col2 {
+        width: 15%;
+    }
+    #propertyform table select {
+        width: 99%;
+    }
+    #content.ticket {
+        width: 68em;
+    }
+    #properties table.trac-properties > tbody > tr > th, #properties table.trac-properties > colgroup > col.th {
+        width: 15.2%;
+    }
+    #propertyform table.trac-properties td input[type="text"], #propertyform table.trac-properties td textarea {
+        width: 99%;
+    }
+    #properties table.trac-properties > tbody > tr > td, #properties table.trac-properties > colgroup > col.td {
+        width: 0%;
     }
 </style>
@@ -44 +68 @@
 
     function createDescriptionPanel() {
-        let template = '<fieldset id="panel">' + $("#panel").html() + "</fieldset>";
+        let template = $("#panel tbody").html();
         $("#panel").remove();
-        let description_element = $("label#field-description-help").parent();
-        $(description_element).children().css("display", "none");
-        $(description_element).css("display", "");
-        $(description_element).prepend(template);
-        $("table.trac-properties").css("width", "910px");
+        let description_row = $("label#field-description-help").parent().parent();
+        description_row.css("display", "none");
+        description_row.before(template);
+        $("#field-summary").parent().attr("colspan", "5");
+        $("#field-reporter").parent().attr("colspan", "5");
+        $("#properties table th").css("vertical-align", "super");
 
         let required_fields = [
@@ -97 +122 @@
         if (description_panel != undefined && description_panel != "") {
             let panel_info = JSON.parse(description_panel);
-            $("#panel table label").each(function(index, element) {
+            $(".panel-row label").each(function(index, element) {
                 let text_element = $(element).parent().next("td").find("input:text")[0];
                 if (text_element == undefined) {
@@ -143 +168 @@
         let panel_info = [];
         let description = "";
-        $("#panel tr").each(function(index, element) {
+        $(".panel-row").each(function(index, element) {
             let labels = $(element).find("th label");
             let row_data = [];
@@ -162 +187 @@
                 let values = $(element).find("td input:text");
                 for (let i = 0; i < labels.length; i++) {
+                    let label_name = $(labels.get(i)).text();
+                    label_name = label_name.replace(/\s*\(必填\)/, '');
                     let input_val = $(values.get(i)).val();
-                    description += "- " + $(labels.get(i)).text() + input_val + "\n";
+                    description += "- " + label_name + input_val + "\n";
                     panel_info.push(input_val);
                 }
@@ -172 +199 @@
     }
 </script>
-<fieldset id="panel">
-    <table>
-        <tbody>
-            <tr title="问题描述">
-                <th><label>问题描述 <span class="required-field-label">(必填)</span>:</label></th>
-                <td colspan="5"><textarea class="required-field"></textarea></td>
-            </tr>
-            <tr title="问题场景">
-                <th><label>问题场景 <span class="required-field-label">(必填)</span>:</label></th>
-                <td colspan="5"><textarea class="required-field"></textarea></td>
-            </tr>
-            <tr title="复现步骤">
-                <th><label>复现步骤 <span class="required-field-label">(必填)</span>:</label></th>
-                <td colspan="5"><textarea class="required-field"></textarea></td>
-            </tr>
-            <tr title="出错日志">
-                <th><label>出错日志:</label></th>
-                <td colspan="5"><textarea></textarea></td>
-            </tr>
-            <tr title="初步定位">
-                <th><label>初步定位:</label></th>
-                <td colspan="5"><textarea></textarea></td>
-            </tr>
-            <tr title="问题处理时间段">
-                <th><label>发现日期 <span class="required-field-label">(必填)</span>:</label></th>
-                <td><input type="text" id="issue-occur-date" class="date-picker required-field"></td>
-                <th style="width: 130px;"><label>期望解决日期 <span class="required-field-label">(必填)</span>:</label></th>
-                <td><input type="text" id="issue-resolve-date" class="date-picker required-field"></td>
-                <th style="display: none"><label>开发人员预期解决日期:</label></th>
-                <td style="display: none"><input type="text" id="developer-resolve-date"></td>
-            </tr>
-            <tr title="联系人信息">
-                <th style="width: 109px;"><label>沟通联系人:</label></th>
-                <td><input type="text"></td>
-                <th><label>电话:</label></th>
-                <td><input type="text"></td>
-                <th style="width: 35px"><label>邮箱:</label></th>
-                <td><input type="text" style="width: 160px"></td>
-            </tr>
-        </tbody>
-    </table>
-</fieldset>
+<table id="panel">
+    <tbody>
+        <tr title="问题描述" class="panel-row">
+            <th><label>问题描述 <span class="required-field-label">(必填)</span>:</label></th>
+            <td colspan="5"><textarea class="required-field"></textarea></td>
+        </tr>
+        <tr title="问题场景" class="panel-row">
+            <th><label>问题场景 <span class="required-field-label">(必填)</span>:</label></th>
+            <td colspan="5"><textarea class="required-field"></textarea></td>
+        </tr>
+        <tr title="复现步骤" class="panel-row">
+            <th><label>复现步骤 <span class="required-field-label">(必填)</span>:</label></th>
+            <td colspan="5"><textarea class="required-field"></textarea></td>
+        </tr>
+        <tr title="出错日志" class="panel-row">
+            <th><label>出错日志:</label></th>
+            <td colspan="5"><textarea></textarea></td>
+        </tr>
+        <tr title="初步定位" class="panel-row">
+            <th><label>初步定位:</label></th>
+            <td colspan="5"><textarea></textarea></td>
+        </tr>
+        <tr title="问题处理时间段" class="panel-row">
+            <th><label>发现日期 <span class="required-field-label">(必填)</span>:</label></th>
+            <td><input type="text" id="issue-occur-date" class="date-picker required-field"></td>
+            <th><label>期望解决日期 <span class="required-field-label">(必填)</span>:</label></th>
+            <td><input type="text" id="issue-resolve-date" class="date-picker required-field"></td>
+            <th style="display: none"><label>开发人员预期解决日期:</label></th>
+            <td style="display: none"><input type="text" id="developer-resolve-date"></td>
+        </tr>
+        <tr title="联系人信息" class="panel-row">
+            <th><label>沟通联系人:</label></th>
+            <td><input type="text"></td>
+            <th><label>电话:</label></th>
+            <td><input type="text"></td>
+            <th style="width: 37px"><label>邮箱:</label></th>
+            <td><input type="text" style="width: 170px; margin-right: 5px;"></td>
+        </tr>
+    </tbody>
+</table>
 }}}