Add a first draft of a tyrian based appearancedev/tyrian-theme

The bugzilla templates have been changed to match the tyrian theme. The
second customization method from [1] has been choosen, as hooks aren't
sufficient for the changes that are needed to make it work. Meaning:

A new 'custom' folder is present in the 'template' directory. The
custom directory contains templates which override the templates in
the default directory.

This is a first draft and not covering everything yet. There are still
some parts / pages that need to be migrated to the new theme. However,
this can easily be done by adding new templates in the 'custom' folder
which will override the templates in the default folder by default.

[1] https://bugzilla.readthedocs.io/en/5.0/integrating/templates.html

Signed-off-by: Max Magorsch <max@magorsch.de>

1 files changed, 230 insertions, 0 deletions

diff --git a/template/en/custom/search/field.html.tmpl b/template/en/custom/search/field.html.tmpl
new file mode 100644
index 000000000..0546e1e45
--- /dev/null
+++ b/template/en/custom/search/field.html.tmpl
@@ -0,0 +1,230 @@
+[%# This Source Code Form is subject to the terms of the Mozilla Public
+  # License, v. 2.0. If a copy of the MPL was not distributed with this
+  # file, You can obtain one at http://mozilla.org/MPL/2.0/.
+  #
+  # This Source Code Form is "Incompatible With Secondary Licenses", as
+  # defined by the Mozilla Public License, v. 2.0.
+  #%]
+  
+[% SWITCH field.type %]
+  [% CASE [ constants.FIELD_TYPE_FREETEXT,
+            constants.FIELD_TYPE_TEXTAREA, 
+            constants.FIELD_TYPE_UNKNOWN ] %]
+    [%# INCLUDE "bug/field-label.html.tmpl"
+      # field = field
+      # class = "input-group-addon"
+      # tag_name = "span"
+      # editable = 1
+      #%]
+
+    <div class="col-sm-2 align-h-right align-v-center"  style="padding-right: 0px;">
+        <a title="The bug summary is a short sentence which succinctly describes what the bug is about." style="color:#61538D;" class="field_help_link" href="page.cgi?id=fields.html#short_desc">[%- field_descs.${field.name} FILTER html %]:</a>
+    </div>
+
+    <div class="col-sm-10">
+    [% INCLUDE "search/type-select.html.tmpl"
+       name = field.name _ "_type",
+       types = types,
+       selected = type_selected
+       class = "selectwidthauto"
+    %]
+    <input name="[% field.name FILTER html %]"
+           id="[% field.name FILTER html %]" size="40" class="form-control selectwidthauto"
+    [% IF onchange %] onchange="[% onchange FILTER html %]"[% END %]
+    value="[% value FILTER html %]" [% 'autofocus' IF focus %]>
+    </div>
+
+  [% CASE constants.FIELD_TYPE_KEYWORDS %]
+    [% INCLUDE "bug/field-label.html.tmpl"
+      field = field
+      tag_name = "span"
+      editable = 1
+    %]
+    [% INCLUDE "search/type-select.html.tmpl"
+       name = field.name _ "_type",
+       types = types, 
+       selected = type_selected
+    %]
+
+    <div id="[% field.name FILTER html %]_container">
+       <input name="[% field.name FILTER html %]" 
+              id="[% field.name FILTER html %]" size="40"
+              [% IF onchange %] onchange="[% onchange FILTER html %]"[% END %]
+              value="[% value FILTER html %]" [% 'autofocus' IF focus %]>
+       <div id="[% field.name FILTER html %]_autocomplete"></div>
+    </div>
+    <script type="text/javascript">
+      if (typeof YAHOO.bugzilla.field_array === "undefined")
+        YAHOO.bugzilla.field_array = [];
+      YAHOO.bugzilla.field_array["[% field.name FILTER js %]"] = [
+        [%- FOREACH val = possible_values %]
+          [%-# %]"[% val FILTER js %]"
+          [%- "," IF NOT loop.last %][% END %]];
+      YAHOO.bugzilla.fieldAutocomplete.init('[% field.name FILTER js %]',
+                                            '[% field.name FILTER js %]_autocomplete');
+    </script>
+  [% CASE [constants.FIELD_TYPE_DATETIME, constants.FIELD_TYPE_DATE] %]
+    [%# INCLUDE "bug/field-label.html.tmpl"
+      # field = field
+      # tag_name = "span"
+      # editable = 1
+      #%]
+
+<div class="row equal">
+    <span class="col-sm-2 align-v-center align-h-right"  style="padding-right: 0px;">
+        <a title="The bug summary is a short sentence which succinctly describes what the bug is about." style="color:#61538D;" class="field_help_link" href="page.cgi?id=fields.html#short_desc">[%- field_descs.${field.name} FILTER html %] from:</a>
+    </span>
+
+    <div class="col-sm-10">
+    <input name="[% field.name FILTER html %]from"
+                id="[% field.name FILTER html %]"
+                class="form-control selectwidthauto"
+                size="10" maxlength="10"
+                value="[% value.0 FILTER html %]" 
+                onchange="updateCalendarFromField(this);[% onchange FILTER html %]" />
+        <button type="button" class="btn btn-default"
+                id="button_calendar_[% field.name FILTER html %]"
+                onclick="showCalendar('[% field.name FILTER js %]')">
+            <i class="fa fa-calendar" aria-hidden="true"></i>
+        </button>
+        <!-- class="align-v-center" -->
+        <span>to</span>
+
+        <input name="[% field.name FILTER html %]to"
+               id="[% field.name FILTER html %]to" size="10" maxlength="10"
+               class="form-control selectwidthauto"
+               value="[% value.1 FILTER html %]"
+               onchange="updateCalendarFromField(this);[% onchange FILTER html %]">
+
+        <button type="button" class="btn btn-default"
+                id="button_calendar_[% field.name FILTER html %]to"
+                onclick="showCalendar('[% field.name FILTER js %]to')">
+            <i class="fa fa-calendar" aria-hidden="true"></i>
+        </button>
+        <small>(YYYY-MM-DD or relative dates)</small>
+    </div>
+
+</div>
+
+    <span id="con_calendar_[% field.name FILTER html %]"></span>
+    <span id="con_calendar_[% field.name FILTER html %]to"></span>
+
+
+    <script type="text/javascript">
+      <!--
+        [%+ PROCESS "global/calendar.js.tmpl" id = field.name %]
+        [% PROCESS "global/calendar.js.tmpl" id = field.name _ 'to' %]
+      //--></script>
+  [% CASE [ constants.FIELD_TYPE_SINGLE_SELECT, 
+            constants.FIELD_TYPE_MULTI_SELECT ] %]
+    <div id="container_[% field.name FILTER html %]" class="search_field_grid">
+      <div class="panel panel-default">
+      <div class="panel-heading">
+          <a
+          [% IF help_html.${field.name}.defined %]
+          title="[% help_html.${field.name} FILTER txt FILTER collapse FILTER html %]"
+          class="field_help_link"
+          [% END %]
+          [% IF desc_url %]
+          href="[% desc_url FILTER html %]"
+          [% ELSE %]
+          href="page.cgi?id=fields.html#[% field.name FILTER uri %]"
+          [% END %] style="color:#555;"
+          >
+          <b>[%- field_descs.${field.name} FILTER html %]:</b>
+          </a>
+          [%# INCLUDE "bug/field-label.html.tmpl"
+            # field = field
+            # editable = 1
+            # tag_name = "span"
+            #%]
+      </div>
+      <select name="[% field.name FILTER html%]" class="form-control"
+              id="[% field.name FILTER html %]"
+        [% IF onchange %] onchange="[% onchange FILTER html %]"[% END %]
+        multiple="multiple" size="7">
+        [% legal_values = ${field.name} %]
+        [% IF field.name == "component" %]
+          [% legal_values = ${"component_"} %]
+        [% END %]
+        [% FOREACH current_value = legal_values %]
+          [% SET v = current_value.name OR '---' -%]
+          [% SET display = display_value(field.name, current_value.name) %]
+          <option value="[% v FILTER html %]"
+            id="v[% current_value.id FILTER html %]_[% field.name FILTER html %]"
+            [% ' selected="selected"' IF value.contains( v ) %]>
+            [%~ display FILTER html ~%]
+          </option>
+        [% END %]
+      </select>
+         </div>
+    </div>
+
+    [% IF value_controllers.${field.name}.defined %]
+      <script type="text/javascript"><!--
+        [%+ FILTER collapse %]
+          [% FOREACH accessor = value_controllers.${field.name}.keys %]
+            [% PROCESS controller_js %]
+          [% END %]
+        [%~ END ~%]
+      // --></script>
+    [% END %]
+    [% IF duplicates.${field.name}.keys.size %]
+      [% SET field_dups = duplicates.${field.name} %]
+      [% SET dup_counts = duplicate_count.${field.name} %]
+      <script type="text/javascript">
+       [%+ FILTER collapse %]
+          bz_option_duplicates['[% field.name FILTER js %]'] = {
+            [% FOREACH dup = field_dups.keys %]
+              [% dup FILTER js %]:[% field_dups.$dup.id FILTER js %]
+              [%~ ',' UNLESS loop.last %]
+            [% END ~%]
+          };
+          bz_option_duplicate_count['[% field.name FILTER js %]'] = {
+            [% FOREACH dup_target = dup_counts.keys %]
+              [% dup_target FILTER js %]:[% dup_counts.$dup_target FILTER js %]
+              [%~ ',' UNLESS loop.last %]
+            [% END %]
+          };
+        [% END %]
+      </script>
+    [% END %]
+
+  [% END %]
+[%# END OF SWITCH %]
+
+[% BLOCK controller_js %]
+  [%# If there are selected values already, we need to fire the
+    # "change" event once the page has loaded, so we can set all
+    # the values in all the other <select>s properly.
+    #%]
+  YAHOO.util.Event.onDOMReady(function() {
+      var field = document.getElementById('[% field.name FILTER js %]');
+      if (field.selectedIndex != -1) bz_fireEvent(field, 'change');
+  });
+
+  [% SET sub_field = value_controllers.${field.name}.$accessor %]
+  [% SET prod_per_class = {} %]
+  [% IF field.name == "classification" %]
+    [% FOREACH p = product %]
+      [% prod_per_class.${p.classification_id}.${p.id} = 1 %]
+    [% END %]
+  [% END %]
+
+  [% FOREACH legal_value = legal_values %]
+    [% SET controlled_ids = [] %]
+    [% IF field.name == "classification" %]
+      [% controlled_ids = prod_per_class.${legal_value.id}.keys %]
+    [% ELSE %]
+      [% FOREACH sub_value = legal_value.$accessor %]
+        [% controlled_ids.push(sub_value.id) %]
+      [% END %]
+    [% END %]
+    [% NEXT IF !controlled_ids.size %]
+      showValueWhen('[% sub_field.name FILTER js %]',
+                    [[% controlled_ids.join(',') FILTER js %]],
+                    '[% field.name FILTER js %]',
+                    [% legal_value.id FILTER js %],
+                    true);
+  [% END %]
+[% END %]