feat: admin - groups single view

client/components/admin/admin-storage.vue

@@ -0,0 +1,61 @@
+<template lang='pug'>
+  v-card(flat)
+    v-card(color='grey lighten-5')
+      .pa-3.pt-4
+        .headline.primary--text Storage
+        .subheading.grey--text Set backup and sync targets for your content
+      v-tabs(color='grey lighten-4', fixed-tabs, slider-color='primary', show-arrows)
+        v-tab(key='settings'): v-icon settings
+        v-tab(key='local') Local FS
+        v-tab(key='git') Git
+        v-tab(key='s3') Amazon S3
+        v-tab(key='azure') Azure Blob Storage
+        v-tab(key='digitalocean') DigitalOcean Spaces
+        v-tab(key='dropbox') Dropbox
+        v-tab(key='gdrive') Google Drive
+        v-tab(key='onedrive') OneDrive
+        v-tab(key='scp') SCP (SSH)
+
+        v-tab-item(key='settings')
+          v-card.pa-3
+            v-form
+              v-checkbox(
+                v-for='(target, n) in targets',
+                v-model='auths',
+                :key='n',
+                :label='target.text',
+                :value='target.value',
+                color='primary',
+                hide-details
+              )
+              v-divider
+              v-btn(color='primary')
+                v-icon(left) chevron_right
+                | Set Backup Targets
+
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      targets: [
+        { text: 'Local Filesystem', value: 'local' },
+        { text: 'Git', value: 'auth0' },
+        { text: 'Amazon S3', value: 'algolia' },
+        { text: 'Azure Blob Storage', value: 'elasticsearch' },
+        { text: 'DigitalOcean Spaces', value: 'solr' },
+        { text: 'Dropbox', value: 'solr' },
+        { text: 'Google Drive', value: 'solr' },
+        { text: 'OneDrive', value: 'solr' },
+        { text: 'SCP (SSH)', value: 'solr' }
+      ],
+      auths: ['local']
+    }
+  }
+}
+</script>
+
+<style lang='scss'>
+
+</style>