refs #276: Enable to select highlight.js style

add highlightJsCssSelectorOptions as master

lib/routes/admin.js

@@ -130,8 +130,22 @@ module.exports = function(crowi, app) {
     var settingForm;
     settingForm = Config.setupCofigFormData('crowi', req.config);
 
+    const highlightJsCssSelectorOptions = {
+      "atom-one-dark": 'Atom One Dark',
+      "atom-one-light": 'Atom One Light',
+      "github-gist": 'Github Gist',
+      "github": 'Github',
+      "hybrid": 'Hybrid',
+      "monokai": 'Monokai',
+      "tomorrow-night": 'Tomorrow Night',
+      "vs": 'Vs',
+      "vs2015": 'Vs 2015',
+      "xcode": 'Xcode'
+    }
+
     return res.render('admin/customize', {
       settingForm: settingForm,
+      highlightJsCssSelectorOptions: highlightJsCssSelectorOptions
     });
   };
 

lib/views/admin/customize.html

@@ -149,16 +149,9 @@
           <div class="form-group">
             <div class="col-xs-3">
               <select class="form-control" name="settingForm[customize:highlight]" onChange="selectHighlight()">
-                <option value="atom-one-dark">Atom One Dark</option>
-                <option value="atom-one-light">Atom One Light</option>
-                <option value="github-gist">Github Gist</option>
-                <option value="github">Github</option>
-                <option value="hybrid">Hybrid</option>
-                <option value="monokai">Monokai</option>
-                <option value="tomorrow-night">Tomorrow Night</option>
-                <option value="vs">Vs</option>
-                <option value="vs2015">Vs 2015</option>
-                <option value="xcode">Xcode</option>
+                {% for key in Object.keys(highlightJsCssSelectorOptions) %}
+                  <option value={{key}}>{{highlightJsCssSelectorOptions[key]}}</option>
+                {% endfor %}
               </select>
             </div>
           </div>