Get initial mockup of new server list up
This commit is contained in:
parent
64175ce35a
commit
9d8830a2d7
12 changed files with 201 additions and 64 deletions
|
@ -10,6 +10,7 @@ import { flash } from './mixins/flash';
|
|||
|
||||
// Base Vuejs Templates
|
||||
import Login from './components/auth/Login';
|
||||
import Base from './components/base/Base';
|
||||
import ResetPassword from './components/auth/ResetPassword';
|
||||
|
||||
window.events = new Vue;
|
||||
|
@ -44,7 +45,10 @@ const router = new VueRouter({
|
|||
return { token: route.params.token, email: route.query.email || '' };
|
||||
}
|
||||
},
|
||||
{ path: '*', redirect: '/auth/login' }
|
||||
{ name : 'index', path: '/', component: Base },
|
||||
{ name : 'account', path: '/account', component: Base },
|
||||
{ name : 'account-api', path: '/account/api', component: Base },
|
||||
{ name : 'account-security', path: '/account/security', component: Base },
|
||||
]
|
||||
});
|
||||
|
||||
|
|
0
resources/assets/scripts/components/base/Base.vue
Normal file
0
resources/assets/scripts/components/base/Base.vue
Normal file
|
@ -1,28 +0,0 @@
|
|||
module.exports = `
|
||||
<div class="pb-2" v-if="show">
|
||||
<transition v-if="variant === 'success'">
|
||||
<div class="p-2 bg-green-dark border-green-darker border items-center text-green-lightest leading-normal rounded flex lg:inline-flex w-full text-sm" role="alert">
|
||||
<span class="flex rounded-full bg-green uppercase px-2 py-1 text-xs font-bold mr-3 leading-none">Success</span>
|
||||
<span class="mr-2 text-left flex-auto">{{ message }}</span>
|
||||
</div>
|
||||
</transition>
|
||||
<transition v-if="variant === 'danger'">
|
||||
<div class="p-2 bg-red-dark border-red-darker border items-center text-red-lightest leading-normal rounded flex lg:inline-flex w-full text-sm" role="alert">
|
||||
<span class="flex rounded-full bg-red uppercase px-2 py-1 text-xs font-bold mr-3 leading-none">Error</span>
|
||||
<span class="mr-2 text-left flex-auto">{{ message }}</span>
|
||||
</div>
|
||||
</transition>
|
||||
<transition v-if="variant === 'info'">
|
||||
<div class="p-2 bg-blue-dark border-blue-darker border items-center text-blue-lightest leading-normal rounded flex lg:inline-flex w-full text-sm" role="alert">
|
||||
<span class="flex rounded-full bg-blue uppercase px-2 py-1 text-xs font-bold mr-3 leading-none">Info</span>
|
||||
<span class="mr-2 text-left flex-auto">{{ message }}</span>
|
||||
</div>
|
||||
</transition>
|
||||
<transition v-if="variant === 'warning'">
|
||||
<div class="p-2 bg-yellow-dark border-yellow-darker border items-center text-yellow-lightest leading-normal rounded flex lg:inline-flex w-full text-sm" role="alert">
|
||||
<span class="flex rounded-full bg-yellow uppercase px-2 py-1 text-xs font-bold mr-3 leading-none">Warning</span>
|
||||
<span class="mr-2 text-left flex-auto">{{ message }}</span>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
`;
|
Loading…
Add table
Add a link
Reference in a new issue