feat: admin - groups single view

2018-03-28 00:02:32 -04:00
parent 346493f845
commit e79dfc0822
25 changed files with 76 additions and 38 deletions
--- a/client/components/admin/admin-locale.vue
+++ b/client/components/admin/admin-locale.vue
@@ -0,0 +1,86 @@
+<template lang='pug'>
+  v-container(fluid, fill-height, grid-list-lg)
+    v-layout(row wrap)
+      v-flex(xs12)
+        .headline.primary--text Locale
+        .subheading.grey--text Set localization options for your wiki
+        v-form.pt-3
+          v-layout(row wrap)
+            v-flex(lg6 xs12)
+              v-card
+                v-toolbar(color='primary', dark, dense, flat)
+                  v-toolbar-title
+                    .subheading Locale Settings
+                v-card-text
+                  v-select(:items='locales', prepend-icon='public', v-model='selectedLocale', label='Site Locale', persistent-hint, hint='All UI text elements will be displayed in selected language.')
+                    template(slot='item', slot-scope='data')
+                      v-list-tile-avatar
+                        v-avatar.blue.white--text(tile, size='40', v-html='data.item.value.toUpperCase()')
+                      v-list-tile-content
+                        v-list-tile-title(v-html='data.item.text')
+                        v-list-tile-sub-title(v-html='data.item.original')
+                  v-divider
+                  v-switch(v-model='rtlEnabled', label='RTL Display Mode', color='primary', persistent-hint, hint='For Right-to-Left languages, e.g. Arabic')
+                v-divider
+                .px-3.pb-3
+                  v-btn(color='primary') Save
+            v-flex(lg6 xs12)
+              v-card
+                v-toolbar(color='teal', dark, dense, flat)
+                  v-toolbar-title
+                    .subheading Download Locale
+                v-list
+                  v-list-tile(@click='')
+                    v-list-tile-avatar
+                      v-avatar.teal.white--text(tile, size='40') ZH
+                    v-list-tile-content
+                      v-list-tile-title Chinese
+                      v-list-tile-sub-title 中文
+                    v-list-tile-action
+                      v-btn(icon)
+                        v-icon.grey--text cloud_download
+                  v-list-tile(@click='')
+                    v-list-tile-avatar
+                      v-avatar.teal.white--text(tile, size='40') EN
+                    v-list-tile-content
+                      v-list-tile-title English
+                      v-list-tile-sub-title English
+                    v-list-tile-action
+                      v-icon.green--text check
+                  v-list-tile(@click='')
+                    v-list-tile-avatar
+                      v-avatar.teal.white--text(tile, size='40') FR
+                    v-list-tile-content
+                      v-list-tile-title French
+                      v-list-tile-sub-title Français
+                    v-list-tile-action
+                      v-icon.green--text check
+                  v-list-tile(@click='')
+                    v-list-tile-avatar
+                      v-avatar.teal.white--text(tile, size='40') RU
+                    v-list-tile-content
+                      v-list-tile-title Russian
+                      v-list-tile-sub-title Русский
+                    v-list-tile-action
+                      v-btn(icon)
+                        v-icon.blue--text update
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      locales: [
+        { text: 'English', original: 'English', value: 'en' },
+        { text: 'French', original: 'Français', value: 'fr' }
+      ],
+      selectedLocale: 'en',
+      rtlEnabled: false
+    }
+  }
+}
+</script>
+
+<style lang='scss'>
+
+</style>