Rewrite filter rendering from html_writer to Mustache

Finally.

Author: mudrd8mz

lang/en/local_amos.php

@@ -226,9 +226,9 @@
 $string['filtertxt_desc'] = 'String must contain given text';
 $string['filtertxtcasesensitive'] = 'case-sensitive';
 $string['filtertxtregex'] = 'regex';
-$string['filterver'] = 'Versions';
+$string['filterver'] = 'Version';
 $string['filtervernothingselected'] = 'Please select some version';
-$string['filterver_desc'] = 'Show strings from these Moodle versions';
+$string['filterver_desc'] = 'Show strings for this Moodle version';
 $string['found'] = 'Found: {$a->found}     Missing: {$a->missing} ({$a->missingonpage})';
 $string['foundinfo'] = 'Number of found strings';
 $string['foundinfo_help'] = 'Shows the total number of rows in the translator table, number of missing translations and number of missing translations at the current page.';
@@ -460,9 +460,12 @@
 * Grey - AMOS can\'t be used to translate this string. For example strings for Moodle 1.9 must be edited via the legacy CVS access only.
 
 Language pack maintainers can see a small red symbol in the corner of the cells they are allowed to commit.';
-$string['typecontrib'] = 'Non-standard plugins';
+$string['typecontrib'] = 'Additional plugins';
+$string['typecontribbadge'] = 'Additional';
 $string['typecore'] = 'Core subsystems';
+$string['typecorebadge'] = 'Core';
 $string['typestandard'] = 'Standard plugins';
+$string['typestandardbadge'] = 'Standard';
 $string['unableenfixaddon'] = 'English fixes allowed for standard plugins only';
 $string['unableenfixcountries'] = 'Country names are copied from ISO 3166-1';
 $string['unableunmaintained'] = 'The language pack \'{$a}\' has no maintainer at the moment, so translation contributions cannot be accepted. Please consider volunteering to become \'{$a}\' language pack maintainer.';

renderer.php

@@ -1,122 +1,14 @@
-// Strings filter at the translator page
+// Strings filter at the translator page.
 
 #page-local-amos-view #region-main {
     overflow-x: auto;
 }
 
 .path-local-amos {
 
-    .string-control-label .fa-mobile {
-        font-size: 1.7em;
-    }
-
-    .form-check-inline  {
-        display: inline;
-        margin-right: 4px;
-        input[type="checkbox"] {
-            margin-top: 0;
-        }
-    }
-    .form-actions {
-        button {
-            margin-right: 4px;
-        }
-    }
-
-    input[type="radio"],
-    input[type="checkbox"] {
-        margin-top: 4px;
-        margin-right: 0;
-    }
-
-    #amosfilter_form {
-        .help-block {
-            font-size: 66%;
-        }
-        .jsactions {
-            display: block;
-            margin-top: 2px;
-            min-height: 20px;
-            input[type="radio"] {
-                display: none;
-            }
-        }
-        .col-form-label {
-            text-align: right;
-        }
-    }
-
-    #amosfilter_fmis .form-check,
-    #amosfilter_ftxt .form-check,
-    #amosfilter_fsid .form-check {
-        padding-left: 0;
-    }
-
-    #amosfilter_fver .unsupported label {
-        color: gray;
-    }
-
-    #amosfilter_fver label {
-        padding-right: 0.3em;
-    }
-
-    #amosfilter_submitted_icon {
-        display: inline-block;
-        min-width: 20px;
-    }
-
-    #amosfilter_fcmp {
-        border: 1px solid rgb(204,204,204);
-        @include border-radius(4px);
-        padding: 0px 5px;
-        height: 100px;
-        overflow: auto;
-        overflow-y: scroll;
-        background-color: white;
-    }
-
-    #amosfilter_fcmp.hiddenversions .version {
-        display: none;
-    }
-
-    .error #amosfilter_fcmp {
-        border-color: #b94a48;
-        color: #b94a48;
-        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-    }
-
-    .error #amosfilter_fcmp_actions_search {
-        border-color: inherit;
-        -webkit-box-shadow: inherit;
-        -moz-box-shadow: inherit;
-        box-shadow: inherit;
-        color: inherit;
-    }
-
-    #amosfilter_fcmp table tr th, #amosfilter_fcmp table tr td {
-        border: none;
-        padding: 0px 1px;
-        margin: 0px;
-        text-align: left;
-        vertical-align: top;
-    }
-
-    #amosfilter_fcmp table tr th {
-        font-style: italic;
-        font-weight: bold;
-    }
-
-    #amosfilter_fcmp table tr td.version span {
-        background-color: #ccc;
-        font-size: 70%;
-        color: white;
-        padding: 2px;
-    }
-
-    #amosfilter_fcmp table tr td.version.supported span {
-        background-color: theme-color("success");
+    label + .form-text {
+        margin-top: 0;
+        margin-bottom: 0.25rem;
     }
 
     #amosfilter_fcmp input[type=checkbox]:checked + label {

scss/filter.scss

@@ -11,10 +11,6 @@
 
 .path-local-amos {
 
-    h1, h2 {
-        text-align: center;
-    }
-
     // Translator specific styling
 
     .translatorwrapper {