Skip to content

K
karname-ui
Commit d53da8aa authored by Reza Sahebgharan's avatar Reza Sahebgharan
Browse files
Options

Login And Register UI

parent 51143539
Show whitespace changes
Inline Side-by-side
Showing with 611 additions and 49 deletions
.meteor/packages
View file @ d53da8aa
...@@ -15,3 +15,4 @@ shell-server@0.4.0 # Server-side component of the `meteor shell` comm ...@@ -15,3 +15,4 @@ shell-server@0.4.0 # Server-side component of the `meteor shell` comm
accounts-password accounts-password
ardatan:webpack ardatan:webpack
ardatan:webpack-dev-middleware ardatan:webpack-dev-middleware
http
.meteor/versions
View file @ d53da8aa
...@@ -28,6 +28,7 @@ es5-shim@4.8.0 ...@@ -28,6 +28,7 @@ es5-shim@4.8.0
fetch@0.1.1 fetch@0.1.1
geojson-utils@1.0.10 geojson-utils@1.0.10
hot-code-push@1.0.4 hot-code-push@1.0.4
http@1.4.2
id-map@1.1.0 id-map@1.1.0
inter-process-messaging@0.1.0 inter-process-messaging@0.1.0
launch-screen@1.1.1 launch-screen@1.1.1
...@@ -63,5 +64,6 @@ socket-stream-client@0.2.2 ...@@ -63,5 +64,6 @@ socket-stream-client@0.2.2
srp@1.0.12 srp@1.0.12
tracker@1.2.0 tracker@1.2.0
underscore@1.0.10 underscore@1.0.10
url@1.2.0
webapp@1.7.4 webapp@1.7.4
webapp-hashing@1.0.9 webapp-hashing@1.0.9
client/components/AppFooter.vue
View file @ d53da8aa
<template> <template>
<v-footer inset elevation="24" color="teal lighten-3" app height="70"> <v-footer inset elevation="24" color="#0065613b" app height="30">
<v-row justify="center" align="center" class="text-center red--text"> <v-row justify="center" align="center" class="text-center red--text">
<v-menu transition="slide-x-transition"> <v-menu transition="slide-x-transition">
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
...@@ -18,8 +18,9 @@ ...@@ -18,8 +18,9 @@
</v-list-item> </v-list-item>
</v-list> </v-list>
</v-menu> </v-menu>
<strong>{{ new Date().getFullYear() }}</strong> <!-- <v-img src="/img/0.png" contain max-height="60" max-width="60"></v-img> -->
<v-img src="img/0.png" contain max-height="60" max-width="60"></v-img> <h5>©2005-{{ new Date().getFullYear() }} MARCO PACS</h5>
</v-row> </v-row>
</v-footer> </v-footer>
</template> </template>
......
client/components/AuthHeader.vue
View file @ d53da8aa
<template> <template>
<v-app-bar app elevation="24" color="teal lighten-3"> <!-- <v-app-bar app elevation="24" color="teal lighten-3"> -->
<v-app-bar app elevation="24" color="#0065613b">
<v-toolbar-title class="red--text">{{$t('AppHeader.appName')}}</v-toolbar-title> <v-toolbar-title class="red--text">{{$t('AppHeader.appName')}}</v-toolbar-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn text color="red red--text" :to="btnTo"> <v-btn text color="red red--text" :to="btnTo">
......
client/components/EditWorkList.vue 0 → 100644
View file @ d53da8aa
<template>
<v-navigation-drawer app right clipped :width="$vuetify.breakpoint.width/3" bottom>
<v-list dense>
<v-list-item>
<v-list-item-action>
<v-icon>mdi-exit-to-app</v-icon>
</v-list-item-action>
<v-list-item-content>
<v-list-item-title>Open Temporary Drawer</v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list>
</v-navigation-drawer>
</template>
\ No newline at end of file
client/components/Worklist.vue 0 → 100644
View file @ d53da8aa
<template>
<div style="width:100%" class="d-flex fill-height align-start justify-center flex-wrap">
<div style="width:100%;display:flex;justify-content:center">
<v-card outlined raised>
<v-card outlined raised>
<v-card-actions>
<v-combobox
v-model="model"
:items="items"
:search-input.sync="search"
hide-selected
label="please select a machine"
persistent-hint
small-chips
clearable
>
<template v-if="noData" v-slot:no-data>
<v-list-item>
<v-list-item-content>
<v-list-item-title>
No results matching "
<strong>{{ search }}</strong>". Press
<kbd>enter</kbd> to create a new one
</v-list-item-title>
</v-list-item-content>
</v-list-item>
</template>
</v-combobox>
<v-btn text color="deep-purple accent-4">Search</v-btn>
</v-card-actions>
</v-card>
<v-card-actions class="d-flex flex-wrap justify-center">
<v-btn-toggle v-model="toggle_exclusive" mandatory>
<v-btn class="green">
<v-icon left v-if="toggle_exclusive==0">done</v-icon>
<strong>All</strong>
</v-btn>
<v-btn class="green" style="margin-left:0px;margin-right:0px">
<v-icon left v-if="toggle_exclusive==1">done</v-icon>
<strong>unknown</strong>
</v-btn>
</v-btn-toggle>
<v-btn class="ma-3" rounded>
<strong>Export To Excel</strong>
</v-btn>
</v-card-actions>
</v-card>
</div>
<div style="width:100%;display:flex;justify-content:center" class="ma-3">
<v-data-table
v-model="selected"
:headers="headers"
:items="desserts"
single-select
item-key="name"
show-select
class="elevation-1"
disable-pagination
hide-default-footer
height="600"
style="width:100%"
></v-data-table>
</div>
</div>
</template>
<script>
export default {
data: () => ({
items: ["Gaming", "Programming", "Vue", "Vuetify"],
model: ["Vuetify"],
search: null,
chips: true,
multiple: true,
hideSelected: true,
noData: true,
clearable: false,
toggle_exclusive: 0,
selected: [],
headers: [
{
text: "Dessert (100g serving)",
align: "left",
sortable: false,
value: "name"
},
{ text: "Calories", value: "calories" },
{ text: "Fat (g)", value: "fat" },
{ text: "Carbs (g)", value: "carbs" },
{ text: "Protein (g)", value: "protein" },
{ text: "Iron (%)", value: "iron" }
],
desserts: [
{
name: "Frozen Yogurt",
calories: 159,
fat: 6.0,
carbs: 24,
protein: 4.0,
iron: "1%"
},
{
name: "Ice cream sandwich",
calories: 237,
fat: 9.0,
carbs: 37,
protein: 4.3,
iron: "1%"
},
{
name: "Eclair",
calories: 262,
fat: 16.0,
carbs: 23,
protein: 6.0,
iron: "7%"
},
{
name: "Cupcake",
calories: 305,
fat: 3.7,
carbs: 67,
protein: 4.3,
iron: "8%"
},
{
name: "Gingerbread",
calories: 356,
fat: 16.0,
carbs: 49,
protein: 3.9,
iron: "16%"
},
{
name: "Jelly bean",
calories: 375,
fat: 0.0,
carbs: 94,
protein: 0.0,
iron: "0%"
},
{
name: "Lollipop",
calories: 392,
fat: 0.2,
carbs: 98,
protein: 0,
iron: "2%"
},
{
name: "Honeycomb",
calories: 408,
fat: 3.2,
carbs: 87,
protein: 6.5,
iron: "45%"
},
{
name: "Donut",
calories: 452,
fat: 25.0,
carbs: 51,
protein: 4.9,
iron: "22%"
},
{
name: "KitKat",
calories: 518,
fat: 26.0,
carbs: 65,
protein: 7,
iron: "6%"
},
{
name: "Frozen Yogurt",
calories: 159,
fat: 6.0,
carbs: 24,
protein: 4.0,
iron: "1%"
},
{
name: "Ice cream sandwich",
calories: 237,
fat: 9.0,
carbs: 37,
protein: 4.3,
iron: "1%"
},
{
name: "Eclair",
calories: 262,
fat: 16.0,
carbs: 23,
protein: 6.0,
iron: "7%"
},
{
name: "Cupcake",
calories: 305,
fat: 3.7,
carbs: 67,
protein: 4.3,
iron: "8%"
},
{
name: "Gingerbread",
calories: 356,
fat: 16.0,
carbs: 49,
protein: 3.9,
iron: "16%"
},
{
name: "Jelly bean",
calories: 375,
fat: 0.0,
carbs: 94,
protein: 0.0,
iron: "0%"
},
{
name: "Lollipop",
calories: 392,
fat: 0.2,
carbs: 98,
protein: 0,
iron: "2%"
},
{
name: "Honeycomb",
calories: 408,
fat: 3.2,
carbs: 87,
protein: 6.5,
iron: "45%"
},
{
name: "Donut",
calories: 452,
fat: 25.0,
carbs: 51,
protein: 4.9,
iron: "22%"
},
{
name: "KitKat",
calories: 518,
fat: 26.0,
carbs: 65,
protein: 7,
iron: "6%"
}
]
})
};
</script>
\ No newline at end of file
client/plugins/i18n.js
View file @ d53da8aa
...@@ -5,7 +5,7 @@ Vue.use(VueI18n); ...@@ -5,7 +5,7 @@ Vue.use(VueI18n);
const messages = { const messages = {
'en': { 'en': {
Login: { Login: {
loginHeader: 'Login Form', loginHeader: 'Login',
registerBtn: 'Register', registerBtn: 'Register',
username: 'username', username: 'username',
password: 'password', password: 'password',
...@@ -15,7 +15,7 @@ const messages = { ...@@ -15,7 +15,7 @@ const messages = {
min8Character: 'Min 8 Characters' min8Character: 'Min 8 Characters'
}, },
Register: { Register: {
registerHeader: 'Signup', registerHeader: 'Register',
loginBtn: 'login', loginBtn: 'login',
username: 'username', username: 'username',
password: 'password', password: 'password',
......
client/plugins/routes.js
View file @ d53da8aa
...@@ -3,6 +3,9 @@ import Home from '../views/Home.vue'; ...@@ -3,6 +3,9 @@ import Home from '../views/Home.vue';
import Register from '../views/Register.vue'; import Register from '../views/Register.vue';
import Main from '../views/Main.vue'; import Main from '../views/Main.vue';
import EditWorkList from '../components/EditWorkList.vue';
import WorkList from '../components/WorkList.vue';
const routes = [{ const routes = [{
path: '/', path: '/',
component: Home, component: Home,
...@@ -21,7 +24,15 @@ const routes = [{ ...@@ -21,7 +24,15 @@ const routes = [{
{ {
path: '/main', path: '/main',
component: Main, component: Main,
name: 'main' name: 'main',
children: [{
path: "worklist",
name: "worklist",
components: {
default: WorkList,
edit_worklist: EditWorkList
}
}]
} }
]; ];
......
client/plugins/vuetify.js
View file @ d53da8aa
...@@ -7,28 +7,28 @@ import Vuetify from 'vuetify'; ...@@ -7,28 +7,28 @@ import Vuetify from 'vuetify';
import '../../public/fonts/font.css'; import '../../public/fonts/font.css';
Vue.use(Vuetify); Vue.use(Vuetify);
import fa from 'vuetify/es5/locale/fa'; // import fa from 'vuetify/es5/locale/fa';
import en from 'vuetify/es5/locale/en'; // import en from 'vuetify/es5/locale/en';
import VueI18n from 'vue-i18n'; // import VueI18n from 'vue-i18n';
Vue.use(VueI18n); // Vue.use(VueI18n);
import messages from './i18n'; // import messages from './i18n';
const i18n = new VueI18n({ // const i18n = new VueI18n({
locale: 'fa', // set locale // locale: 'fa', // set locale
fallbackLocale: 'en', // set fallback locale // fallbackLocale: 'en', // set fallback locale
messages, // set locale messages // messages, // set locale messages
}); // });
export default new Vuetify({ export default new Vuetify({
lang: { // lang: {
locales: { fa, en }, // locales: { fa, en },
current: 'fa', // current: 'fa',
t: (key, ...params) => i18n.t(key, params), // t: (key, ...params) => i18n.t(key, params),
}, // },
icons: { icons: {
iconfont: 'mdi', // default - only for display purposes iconfont: 'mdi', // default - only for display purposes
}, },
......
client/views/Home.vue
View file @ d53da8aa
...@@ -3,10 +3,17 @@ ...@@ -3,10 +3,17 @@
</template> </template>
<script> <script>
import { Meteor } from "meteor/meteor";
export default { export default {
beforeRouteEnter(to, from, next) { beforeRouteEnter(to, from, next) {
next(vm => { next(vm => {
vm.$router.push('/login'); debugger;
// if (Meteor.userId()) {
// vm.$router.push("/main/worklist");
// } else {
// vm.$router.push("/login");
// }
vm.$router.push("/login");
}); });
} }
}; };
......
client/views/Login.vue
View file @ d53da8aa
<template> <template>
<!-- <fragment> -->
<!-- <div style="height:100%"> -->
<v-content class="fill-height"> <v-content class="fill-height">
<auth-header btnToProp="register" btnLabel="Login.registerBtn" btnIconName="mdi-account-plus"></auth-header> <auth-header btnToProp="register" btnLabel="Login.registerBtn" btnIconName="mdi-account-plus"></auth-header>
<v-container fluid class="align-center fill-height backgroundImg"> <v-container fluid class="align-center fill-height backgroundImg">
<img src="../../public/img/radio2.png" />
<v-row justify="center" class="loginCard"> <v-row justify="center" class="loginCard">
<v-col xs="12" sm="8" md="4"> <v-col xs="8" sm="6" md="4" lg="3">
<v-card class="elevation-12" light elevation="24"> <v-card class="elevation-12 roundedCard" light elevation="24">
<v-toolbar color="light-green" dark> <v-toolbar color="rgb(94, 181, 177,.85)" dark>
<v-icon class="ma-3">mdi-login</v-icon>
<v-toolbar-title>{{$t('Login.loginHeader')}}</v-toolbar-title> <v-toolbar-title>{{$t('Login.loginHeader')}}</v-toolbar-title>
</v-toolbar> </v-toolbar>
<v-card-text> <v-card-text class="d-flex align-center justify-center">
<v-img src="/img/0.png" contain height="150" width="150"></v-img>
<v-form> <v-form>
<v-text-field <v-text-field
:label="$t('Login.username')" :label="$t('Login.username')"
prepend-icon="mdi-account-circle" prepend-icon="mdi-account-circle"
:rules="[rules.required]" :rules="[rules.required]"
v-model="username"
/> />
<v-text-field <v-text-field
:type="!showPassword?'password' :'text'" :type="!showPassword?'password' :'text'"
...@@ -27,12 +28,20 @@ ...@@ -27,12 +28,20 @@
:append-icon="showPassword ? 'mdi-eye': 'mdi-eye-off'" :append-icon="showPassword ? 'mdi-eye': 'mdi-eye-off'"
:hint="$t('Login.passwordHint')" :hint="$t('Login.passwordHint')"
:rules="[rules.required, rules.min]" :rules="[rules.required, rules.min]"
v-model="password"
/> />
</v-form> </v-form>
</v-card-text> </v-card-text>
<v-card-actions> <v-card-actions>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn color="light-green white--text" to="/main"> <v-btn
style="width:100%"
color="rgb(94, 181, 177,.85)"
rounded
dark
@click="loginUser()"
>
<v-icon left>mdi-login</v-icon> <v-icon left>mdi-login</v-icon>
<small>{{$t('Login.loginBtn')}}</small> <small>{{$t('Login.loginBtn')}}</small>
</v-btn> </v-btn>
...@@ -40,17 +49,28 @@ ...@@ -40,17 +49,28 @@
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>
<ul class="bubble-boxes">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</v-container> </v-container>
<app-footer></app-footer> <app-footer></app-footer>
<!-- </fragment> -->
<!-- </div> -->
</v-content> </v-content>
</template> </template>
<script> <script>
import AppFooter from "../components/AppFooter.vue"; import AppFooter from "../components/AppFooter.vue";
import AuthHeader from "../components/AuthHeader.vue"; import AuthHeader from "../components/AuthHeader.vue";
import { Meteor } from "meteor/meteor";
export default { export default {
components: { components: {
"app-footer": AppFooter, "app-footer": AppFooter,
...@@ -59,6 +79,8 @@ export default { ...@@ -59,6 +79,8 @@ export default {
data() { data() {
return { return {
showPassword: false, showPassword: false,
username: null,
password: null,
rules: { rules: {
required: value => !!value || this.$t("Login.required"), required: value => !!value || this.$t("Login.required"),
min: v => { min: v => {
...@@ -67,6 +89,33 @@ export default { ...@@ -67,6 +89,33 @@ export default {
} }
} }
}; };
},
methods: {
loginUser() {
debugger;
const that = this;
if ((this.username != null) & (this.password != null)) {
Meteor.loginWithPassword(this.username, this.password, function(
error,
result
) {
console.log(result);
if (error) {
console.log(error);
} else {
that.$router.push("/main/worklist");
}
});
}
}
},
beforeRouteEnter(to, from, next) {
next(vm => {
debugger;
// if (Meteor.userId()) {
// vm.$router.push("/main/worklist");
// }
});
} }
}; };
</script> </script>
...@@ -74,6 +123,12 @@ export default { ...@@ -74,6 +123,12 @@ export default {
<style scoped> <style scoped>
.backgroundImg { .backgroundImg {
background-color: #abdae4ad; background-color: #abdae4ad;
background-image: linear-gradient(
141deg,
#9fb8ad 0%,
#1fc8db 51%,
#2ce8ceb0 75%
);
} }
img { img {
...@@ -88,6 +143,17 @@ img { ...@@ -88,6 +143,17 @@ img {
z-index: 0; z-index: 0;
} }
.backgroundSheet {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
overflow-y: hidden;
z-index: 0;
}
.loginCard { .loginCard {
z-index: 10; z-index: 10;
} }
...@@ -95,4 +161,9 @@ img { ...@@ -95,4 +161,9 @@ img {
.backgroundImg { .backgroundImg {
overflow-y: hidden; overflow-y: hidden;
} }
.roundedCard {
border-radius: 20px;
}
@import url("./css/bubbles.css");
</style> </style>
\ No newline at end of file
client/views/Main.vue
View file @ d53da8aa
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<!-- <v-content class="fill-height"> --> <!-- <v-content class="fill-height"> -->
<template v-if="!$vuetify.rtl"> <template v-if="!$vuetify.rtl">
<v-navigation-drawer v-model="drawerRight" app right clipped> <!-- <v-navigation-drawer v-model="drawerRight" app right clipped :width="$vuetify.breakpoint.width/3" bottom>
<v-list dense> <v-list dense>
<v-list-item @click.stop="right = !right"> <v-list-item @click.stop="right = !right">
<v-list-item-action> <v-list-item-action>
...@@ -13,8 +13,12 @@ ...@@ -13,8 +13,12 @@
<v-list-item-title>Open Temporary Drawer</v-list-item-title> <v-list-item-title>Open Temporary Drawer</v-list-item-title>
</v-list-item-content> </v-list-item-content>
</v-list-item> </v-list-item>
</v-list>right </v-list>
</v-navigation-drawer> </v-navigation-drawer>-->
<keep-alive>
<router-view name="edit_worklist"></router-view>
</keep-alive>
<v-app-bar app clipped-right color="teal lighten-3" dark> <v-app-bar app clipped-right color="teal lighten-3" dark>
<v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon> <v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
...@@ -76,7 +80,7 @@ ...@@ -76,7 +80,7 @@
<v-content class="fill-height"> <v-content class="fill-height">
<v-container class="fill-height" fluid> <v-container class="fill-height" fluid>
<v-row justify="center" align="center"> <!-- <v-row justify="center" align="center">
<v-col class="shrink"> <v-col class="shrink">
<v-tooltip right> <v-tooltip right>
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
...@@ -101,7 +105,8 @@ ...@@ -101,7 +105,8 @@
<span>Codepen</span> <span>Codepen</span>
</v-tooltip> </v-tooltip>
</v-col> </v-col>
</v-row> </v-row> -->
<router-view></router-view>
</v-container> </v-container>
</v-content> </v-content>
...@@ -118,7 +123,7 @@ import AppFooter from "../components/AppFooter.vue"; ...@@ -118,7 +123,7 @@ import AppFooter from "../components/AppFooter.vue";
export default { export default {
components: { components: {
"app-footer": AppFooter, "app-footer": AppFooter,
"fragment": Fragment fragment: Fragment
}, },
props: { props: {
source: String source: String
......
client/views/Register.vue
View file @ d53da8aa
...@@ -3,11 +3,11 @@ ...@@ -3,11 +3,11 @@
<v-content class="fill-height"> <v-content class="fill-height">
<auth-header btnToProp="login" btnLabel="Register.loginBtn" btnIconName="mdi-login"></auth-header> <auth-header btnToProp="login" btnLabel="Register.loginBtn" btnIconName="mdi-login"></auth-header>
<v-container fluid class="align-center fill-height backgroundImg"> <v-container fluid class="align-center fill-height backgroundImg">
<img src="../../public/img/radio2.png" />
<v-row justify="center" class="loginCard"> <v-row justify="center" class="loginCard">
<v-col xs="12" sm="8" md="4"> <v-col xs="8" sm="6" md="4" lg="3">
<v-card class="elevation-12" light elevation="24"> <v-card class="elevation-12 roundedCard" light elevation="24">
<v-toolbar color="light-green" dark> <v-toolbar color="rgb(94, 181, 177,.85)" dark>
<v-icon class="ma-3">mdi-account-plus</v-icon>
<v-toolbar-title>{{$t('Register.registerHeader')}}</v-toolbar-title> <v-toolbar-title>{{$t('Register.registerHeader')}}</v-toolbar-title>
</v-toolbar> </v-toolbar>
<v-card-text> <v-card-text>
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
:label="$t('Register.username')" :label="$t('Register.username')"
prepend-icon="mdi-account-circle" prepend-icon="mdi-account-circle"
:rules="[rules.required]" :rules="[rules.required]"
v-model="username"
/> />
<v-text-field <v-text-field
:type="!showPassword1?'password' :'text'" :type="!showPassword1?'password' :'text'"
...@@ -39,7 +40,7 @@ ...@@ -39,7 +40,7 @@
</v-card-text> </v-card-text>
<v-card-actions> <v-card-actions>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn color="light-green white--text"> <v-btn style="width:100%" dark color="rgb(94, 181, 177,.85)" rounded @click="createAccount()">
<v-icon left>mdi-login</v-icon> <v-icon left>mdi-login</v-icon>
<small>{{$t('Register.registerBtn')}}</small> <small>{{$t('Register.registerBtn')}}</small>
</v-btn> </v-btn>
...@@ -47,6 +48,18 @@ ...@@ -47,6 +48,18 @@
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>
<ul class="bubble-boxes">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</v-container> </v-container>
<app-footer></app-footer> <app-footer></app-footer>
</v-content> </v-content>
...@@ -56,6 +69,7 @@ ...@@ -56,6 +69,7 @@
<script> <script>
import AppFooter from "../components/AppFooter.vue"; import AppFooter from "../components/AppFooter.vue";
import AuthHeader from "../components/AuthHeader.vue"; import AuthHeader from "../components/AuthHeader.vue";
import { Accounts } from "meteor/accounts-base";
export default { export default {
components: { components: {
"app-footer": AppFooter, "app-footer": AppFooter,
...@@ -63,6 +77,7 @@ export default { ...@@ -63,6 +77,7 @@ export default {
}, },
data() { data() {
return { return {
username: null,
firstPass: undefined, firstPass: undefined,
secondPass: undefined, secondPass: undefined,
showPassword1: false, showPassword1: false,
...@@ -80,6 +95,35 @@ export default { ...@@ -80,6 +95,35 @@ export default {
} }
} }
}; };
},
methods: {
createAccount() {
debugger;
const username = this.username;
const password = this.firstPass;
const that = this;
if (this.firstPass == this.secondPass && this.username != null) {
Accounts.createUser(
{
username: this.username,
password: this.firstPass
},
function(error, result) {
if (error) {
return;
} else {
Meteor.loginWithPassword(username, password, function(error) {
if (error) {
console.log(error);
} else {
that.$router.push("/main/worklist");
}
});
}
}
);
}
}
} }
}; };
</script> </script>
...@@ -87,6 +131,12 @@ export default { ...@@ -87,6 +131,12 @@ export default {
<style scoped> <style scoped>
.backgroundImg { .backgroundImg {
background-color: #abdae4ad; background-color: #abdae4ad;
background-image: linear-gradient(
141deg,
#9fb8ad 0%,
#1fc8db 51%,
#2ce8ceb0 75%
);
} }
img { img {
...@@ -108,4 +158,8 @@ img { ...@@ -108,4 +158,8 @@ img {
.backgroundImg { .backgroundImg {
overflow-y: hidden; overflow-y: hidden;
} }
.roundedCard {
border-radius: 20px;
}
</style> </style>
\ No newline at end of file
client/views/css/bubbles.css 0 → 100644
View file @ d53da8aa
/*Bubble Boxes Animation CSS*/
.bubble-boxes {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 40%;
}
.bubble-boxes li {
position: absolute;
list-style: none;
display: flex;
width: 20px;
height: 20px;
background: rgba(255, 255, 255, .2);
animation: animate 25s linear infinite;
bottom: -800px;
}
.bubble-boxes li:nth-child(1) {
left: 25%;
width: 80px;
height: 80px;
animation-delay: 0;
}
.bubble-boxes li:nth-child(2) {
left: 10%;
width: 20px;
height: 20px;
animation-delay: 2s;
animation-duration: 12s;
}
.bubble-boxes li:nth-child(3) {
left: 70%;
width: 20px;
height: 20px;
animation-delay: 4s;
}
.bubble-boxes li:nth-child(4) {
left: 40%;
width: 60px;
height: 60px;
animation-delay: 0s;
animation-duration: 18s;
}
.bubble-boxes li:nth-child(5) {
left: 65%;
width: 20px;
height: 20px;
animation-delay: 0s;
}
.bubble-boxes li:nth-child(6) {
left: 75%;
width: 110px;
height: 110px;
animation-delay: 3s;
}
.bubble-boxes li:nth-child(7) {
left: 35%;
width: 150px;
height: 150px;
animation-delay: 7s;
}
.bubble-boxes li:nth-child(8) {
left: 50%;
width: 25px;
height: 25px;
animation-delay: 15s;
animation-duration: 45s;
}
.bubble-boxes li:nth-child(9) {
left: 20%;
width: 15px;
height: 15px;
animation-delay: 2s;
animation-duration: 35s;
}
.bubble-boxes li:nth-child(10) {
left: 85%;
width: 150px;
height: 150px;
animation-delay: 0s;
animation-duration: 12s;
}
@keyframes animate {
0% {
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 0;
}
100% {
transform: translateY(-1000px) rotate(720deg);
opacity: 1;
border-radius: 50%;
}
}
\ No newline at end of file
imports/api/methods/worklist.js 0 → 100644
View file @ d53da8aa
import { Meteor } from 'meteor/meteor';
import { Accounts } from 'meteor/accounts-base'
Meteor.methods({
'Fetchworklist' () {
debugger;
this.unblock();
try {
const result = HTTP.call('GET', 'http://192.168.4.105:2050/Broker/HISIntegration.svc/rest/Fetchworklist/ratio');
console.log(result);
return true;
} catch (e) {
// Got a network error, timeout, or HTTP error in the 400 or 500 range.
return false;
}
}
});
\ No newline at end of file
package-lock.json
View file @ d53da8aa
...@@ -6360,9 +6360,9 @@ ...@@ -6360,9 +6360,9 @@
"dev": true "dev": true
}, },
"vuetify": { "vuetify": {
"version": "2.0.10", "version": "2.0.15",
"resolved": "https://registry.npmjs.org/vuetify/-/vuetify-2.0.10.tgz", "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-2.0.15.tgz",
"integrity": "sha512-JgJJnD4e1/relDtu/448+nBn3J2ncXyk0YH4uZAAGM6XyUOpKMnLvv3Q+ZCnIxA1D6yp+wEknyzsfx2N9MgVwg==" "integrity": "sha512-3x/YwEaf7nCHDBfAeB1HZZ9ltgX3Bu9zhfCmq3ZGbuylLrKJMR4bp5xY3chVq1DAalXs0eqV69TbEkkSt1Iwkg=="
}, },
"vuetify-loader": { "vuetify-loader": {
"version": "1.3.0", "version": "1.3.0",
......
package.json
View file @ d53da8aa
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
"vue-meteor-tracker": "^2.0.0-beta.5", "vue-meteor-tracker": "^2.0.0-beta.5",
"vue-router": "^3.1.2", "vue-router": "^3.1.2",
"vue-template-compiler": "^2.6.10", "vue-template-compiler": "^2.6.10",
"vuetify": "^2.0.5", "vuetify": "^2.0.15",
"vuex": "^3.1.1" "vuex": "^3.1.1"
}, },
"devDependencies": { "devDependencies": {
......
server/main.js
View file @ d53da8aa
import { Meteor } from 'meteor/meteor'; import { Meteor } from 'meteor/meteor';
import '../imports/api/methods/worklist.js';
Meteor.startup(() => { Meteor.startup(() => {
// code to run on server at startup // code to run on server at startup
}); });
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment