minor

pages/Admin.vue

@@ -1,53 +1,55 @@
 <template lang="pug">
   v-container
+    v-card
+      v-tabs
 
-    v-tabs
+        //- SETTINGS
+        v-tab {{$t('common.settings')}}
+        v-tab-item
+          Settings
 
-      //- SETTINGS
-      v-tab {{$t('common.settings')}}
-      v-tab-item
-        Settings
+        //- THEME
+        v-tab {{$t('common.theme')}}
+        v-tab-item
+          Theme
 
-      //- THEME
-      v-tab {{$t('common.theme')}}
-      v-tab-item
-        Theme
+        //- USERS
+        v-tab
+          v-badge(:value='unconfirmedUsers.length' :content='unconfirmedUsers.length') {{$t('common.users')}}
+        v-tab-item
+          Users(:users='users')
 
-      //- USERS
-      v-tab
-        v-badge(:value='unconfirmedUsers.length' :content='unconfirmedUsers.length') {{$t('common.users')}}
-      v-tab-item
-        Users(:users='users')
+        //- PLACES
+        v-tab {{$t('common.places')}}
+        v-tab-item
+          Places
 
-      //- PLACES
-      v-tab {{$t('common.places')}}
-      v-tab-item
-        Places
+        //- EVENTS
+        v-tab
+          v-badge(:value='events.length') {{$t('common.events')}}
+        v-tab-item
+          v-container
+            v-card-title {{$t('common.events')}}
+            v-card-subtitle {{$t('admin.event_confirm_description')}}
+            v-card-text
+              v-data-table(
+                :items='events'
+                :headers='eventHeaders')
 
-      //- EVENTS
-      v-tab
-        v-badge(:value='events.length') {{$t('common.events')}}
-      v-tab-item
-        v-container
-          v-subheader {{$t('admin.event_confirm_description')}}
-          v-data-table(
-            :items='events'
-            :headers='eventHeaders')
+        //- ANNOUNCEMENTS
+        v-tab {{$t('common.announcements')}}
+        v-tab-item
+          Announcement
 
-      //- ANNOUNCEMENTS
-      v-tab {{$t('common.announcements')}}
-      v-tab-item
-        Announcement
+        //- FEDERATION
+        v-tab {{$t('common.federation')}}
+        v-tab-item
+          Federation
 
-      //- FEDERATION
-      v-tab {{$t('common.federation')}}
-      v-tab-item
-        Federation
-
-      //- MODERATION
-      v-tab(v-if='settings.enable_federation') {{$t('common.moderation')}}
-      v-tab-item
-        Moderation
+        //- MODERATION
+        v-tab(v-if='settings.enable_federation') {{$t('common.moderation')}}
+        v-tab-item
+          Moderation
 
 </template>
 <script>

pages/Authorize.vue

@@ -1,21 +1,19 @@
 <template lang='pug'>
-  v-card.mt-5
-    h4(slot='header')
-      nuxt-link(to='/')
-        img(src='/favicon.ico')
-      span  {{settings.title}} - {{$t('common.authorize')}}
-    <u>{{$auth.user.email}}</u>
-    div
-      p(v-html="$t('oauth.authorization_request', { app: client.name, instance_name: settings.title })")
-      ul
-        li(v-for="s in scope.split(' ')") {{$t(`oauth.scopes.${scope}`)}}
-      span(v-html="$t('oauth.redirected_to', {url: $route.query.redirect_uri})")
-      br
-      br
-      a(:href='authorizeURL')
-        v-btn.mr-1(plain color='success') {{$t('common.authorize')}}
-      a(href='/')
-        v-btn.mt-1(plain color='danger') {{$t('common.cancel')}}
+  v-row.mt-5(align='center' justify='center')
+    v-col(cols='12' md="6" lg="5" xl="4")
+      v-card(light)
+        v-card-title {{settings.title}} - {{$t('common.authorize')}}
+        v-card-text
+          u {{$auth.user.email}}
+          div
+            p(v-html="$t('oauth.authorization_request', { app: client.name, instance_name: settings.title })")
+            ul
+              li(v-for="s in scope.split(' ')") {{$t(`oauth.scopes.${scope}`)}}
+            span(v-html="$t('oauth.redirected_to', {url: $route.query.redirect_uri})")
+        v-card-actions
+          v-spacer
+          v-btn(color='error' to='/') {{$t('common.cancel')}}
+          v-btn(:href='authorizeURL' color='success') {{$t('common.authorize')}}
 </template>
 
 <script>

pages/about.vue

@@ -3,7 +3,7 @@
     .edit(v-if='$auth.user && $auth.user.is_admin')
       Editor(v-if='$auth.user && $auth.user.is_admin'
         v-model='about')
-      v-btn.float-right(type='success' plain icon='el-icon-check'
+      v-btn.float-right(color='success' plain
         @click='save') {{$t('common.save')}}
     div(v-else v-html='about')
 </template>

pages/event/_id.vue

@@ -10,7 +10,6 @@
             b {{event|when}}
             small  ({{event.start_datetime|from}})
           v-list-item-title
-            i.el-icon-location-outline
             b.p-location {{event.place.name}}
             span  - {{event.place.address}}
           h2 {{event.title}}

pages/user_confirm/_code.vue

@@ -1,18 +1,21 @@
 <template lang="pug">
-  el-main
-    h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.set_password')}}
+  v-row.mt-5(align='center' justify='center')
+    v-col(cols='12' md="6" lg="5" xl="4")
+      v-card
+        v-card-title <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.set_password')}}
+        template(v-if='valid')
+          v-card-text(v-if='valid')
+            v-form(v-if='valid')
+              v-text-field(type='password' v-model='new_password' :label="$t('common.new_password')")
 
-    div(v-if='valid')
-      el-form
-        el-form-item {{$t('common.new_password')}}
-          el-input(type='password', v-model='new_password')
-        el-button(plain type="success" icon='el-icon-send'
-          :disabled='!new_password' @click='change_password') {{$t('common.send')}}
+          v-card-actions
+            v-btn(color="success" :disabled='!new_password' @click='change_password') {{$t('common.send')}}
 
-    div(v-else) {{$t('recover.not_valid_code')}}
+        v-card-text(v-else) {{$t('recover.not_valid_code')}}
 
 </template>
 <script>
+import { validators } from '../../plugins/helpers'
 
 export default {
   name: 'Recover',
@@ -26,7 +29,7 @@ export default {
     }
   },
   data () {
-    return { new_password: '' }
+    return { validators, new_password: '' }
   },
   methods: {
     async change_password () {