1st phase - Global CSS

Former-commit-id: 508c4ab746f994bb3f4f5e86ff1ca5e6dc873f3a [formerly 8a29c22f817f54abefe21116e46f21b24306b6b8] [formerly e23c1a85571f61877b67656ef361f1c15acfcb3d [formerly 67fb6f8a78fee673edee1e1f30bbae33c70bb836]]
Former-commit-id: 71e9024cf9107ef4e40f95bd388068fe052ea4f0 [formerly 7861ffe8d20f0777ae48c4f159efd7e32b2204d9]
Former-commit-id: 7db04ac5016d182f13ac56911d0a10871fb261f3

assets/src/views/GlobalSettings.vue

@@ -21,6 +21,12 @@
       <p><input type="submit" value="Save"></p>
     </form>
 
+    <form @submit="saveCSS">
+      <h2>{{ $t('settings.customStylesheet') }}</h2>
+      <textarea v-model="css"></textarea>
+      <p><input type="submit" value="Save"></p>
+    </form>
+
     <form @submit="saveCommands">
       <h2>{{ $t('settings.commands') }}</h2>
 
@@ -46,7 +52,8 @@ export default {
   data: function () {
     return {
       commands: [],
-      staticGen: []
+      staticGen: [],
+      css: ''
     }
   },
   computed: {
@@ -65,8 +72,10 @@ export default {
             value: settings.commands[key].join('\n')
           })
         }
+
+        this.css = settings.css
       })
-      .catch(error => { this.$showError(error) })
+      .catch(this.$showError)
   },
   methods: {
     capitalize (name, where = '_') {
@@ -96,7 +105,19 @@ export default {
 
       updateSettings(commands, 'commands')
         .then(() => { this.$showSuccess(this.$t('settings.commandsUpdated')) })
-        .catch(error => { this.$showError(error) })
+        .catch(this.$showError)
+    },
+    saveCSS (event) {
+      event.preventDefault()
+
+      updateSettings(this.css, 'css')
+        .then(() => {
+          this.$showSuccess(this.$t('settings.settingsUpdated'))
+          let style = document.querySelector('style[title="global-css"]')
+          style.innerHTML = ''
+          style.appendChild(document.createTextNode(this.css))
+        })
+        .catch(this.$showError)
     },
     saveStaticGen (event) {
       event.preventDefault()
@@ -117,7 +138,7 @@ export default {
 
       updateSettings(staticGen, 'staticGen')
         .then(() => { this.$showSuccess(this.$t('settings.settingsUpdated')) })
-        .catch(error => { this.$showError(error) })
+        .catch(this.$showError)
     },
     parseStaticGen (staticgen) {
       for (let option of staticgen) {