mirror of
https://git.meshkee.com/cssd/cssd-front.git
synced 2026-10-13 05:33:18 +03:30
fix : items & package & style
This commit is contained in:
zeinab.ashrafi
+140
-34
@@ -1,12 +1,12 @@
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-container fluid class="dashboard">
|
||||
|
||||
<material-card class="" v-if="$hasRole('Admin')" color="black" title="Admin" text="">
|
||||
<material-card class="" v-if="$hasRole('Admin')" color="black" title="Admin Dashboard" text="">
|
||||
<v-layout row wrap>
|
||||
<template v-for="(AdminCard, Key ) in AdminCards">
|
||||
<v-flex v-if="!AdminCard.role || $hasRole(AdminCard.role)" :class="[AdminCard.column, 'pa-2']"
|
||||
:key="Key">
|
||||
<router-link :to="AdminCard.route">
|
||||
<router-link :to="AdminCard.route" style="height: 100%;display: grid;">
|
||||
<material-cards :title="AdminCard.title" :icon="AdminCard.icon" :color="AdminCard.color"
|
||||
:text="AdminCard.text" :aligntext="AdminCard.aligntext"
|
||||
:alignimg="AdminCard.alignimg"/>
|
||||
@@ -17,13 +17,13 @@
|
||||
</v-layout>
|
||||
</material-card>
|
||||
|
||||
<material-card v-if="$hasRole('Admin|Supervisor')" color="black" title="Supervisor" text="">
|
||||
<material-card v-if="$hasRole('Admin|Supervisor')" color="black" title="Supervisor Dashboard" text="">
|
||||
<v-layout row wrap>
|
||||
<template v-for="(SupervisorCard, Key ) in SupervisorCards">
|
||||
<v-flex v-if="!SupervisorCard.role || $hasRole(SupervisorCard.role)"
|
||||
:class="[SupervisorCard.column, 'pa-2']"
|
||||
:key="Key">
|
||||
<router-link :to="SupervisorCard.route">
|
||||
<router-link :to="SupervisorCard.route" style="height: 100%;display:grid;">
|
||||
<material-cards :title="SupervisorCard.title" :icon="SupervisorCard.icon"
|
||||
:color="SupervisorCard.color"
|
||||
:text="SupervisorCard.text" :aligntext="SupervisorCard.aligntext"
|
||||
@@ -35,12 +35,12 @@
|
||||
</v-layout>
|
||||
</material-card>
|
||||
|
||||
<material-card v-if="$hasRole('Admin|Supervisor|User')" color="black" title="User" text="">
|
||||
<material-card v-if="$hasRole('Admin|Supervisor|User')" color="black" title="User Dashboard" text="">
|
||||
<v-layout row wrap>
|
||||
<template v-for="(UsersCard, Key ) in UsersCards">
|
||||
<v-flex v-if="!UsersCard.role || $hasRole(UsersCard.role)" :class="[UsersCard.column, 'pa-2']"
|
||||
:key="Key">
|
||||
<router-link :to="UsersCard.route">
|
||||
<router-link :to="UsersCard.route" style="height: 100%;display:grid;">
|
||||
<material-cards :title="UsersCard.title" :icon="UsersCard.icon" :color="UsersCard.color"
|
||||
:text="UsersCard.text" :aligntext="UsersCard.aligntext"
|
||||
:alignimg="UsersCard.alignimg"/>
|
||||
@@ -63,34 +63,34 @@ export default {
|
||||
{
|
||||
title: 'Manage Users',
|
||||
text: 'You can Manage the users information',
|
||||
icon: '/img/Static/Dashboard/manageusers.png',
|
||||
color: 'WM-LightGreenGradient-BG',
|
||||
// image: '/img/Static/Dashboard/manageusers.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'ManageUsers'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-left',
|
||||
column: 'xs12 md12 sm12',
|
||||
column: 'xs12 md6 sm6',
|
||||
role: 'Admin|Supervisor'
|
||||
},
|
||||
{
|
||||
title: 'Manage Medical Center',
|
||||
text: 'You can edit the medical center information',
|
||||
icon: '/img/Static/Dashboard/settings.png',
|
||||
color: 'WM-MuskGradient-BG',
|
||||
// image: '/img/Static/Dashboard/settings.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'ManageMedicalCenter'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-right',
|
||||
column: 'xs12 md7 sm7',
|
||||
column: 'xs12 md6 sm6',
|
||||
role: 'Admin'
|
||||
},
|
||||
{
|
||||
title: 'List Test Type',
|
||||
text: 'You can simply add your test type',
|
||||
icon: '/img/Static/Dashboard/result.png',
|
||||
color: 'WM-GreyGradient-BG',
|
||||
// image: '/img/Static/Dashboard/result.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'ListTestType'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-ce',
|
||||
column: 'xs12 md5 sm5',
|
||||
column: 'xs12 md12 sm12',
|
||||
role: 'Admin'
|
||||
}
|
||||
],
|
||||
@@ -98,23 +98,23 @@ export default {
|
||||
{
|
||||
title: 'Manage Users',
|
||||
text: 'You can Manage the users information',
|
||||
icon: '/img/Static/Dashboard/manageusers.png',
|
||||
color: 'WM-LightGreenGradient-BG',
|
||||
// image: '/img/Static/Dashboard/manageusers.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'ManageUsers'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-left',
|
||||
column: 'xs12 md12 sm12',
|
||||
column: 'xs12 md6 sm6',
|
||||
role: 'Admin|Supervisor'
|
||||
},
|
||||
{
|
||||
title: 'Test to Verify',
|
||||
text: 'You can simply verify your own medical center test result in this section of website',
|
||||
icon: '/img/Static/Dashboard/verify.png',
|
||||
color: 'WM-PinkGradient-BG',
|
||||
// image: '/img/Static/Dashboard/verify.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'NotVerifyTestResult'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-left',
|
||||
column: 'xs12 md12 sm12',
|
||||
column: 'xs12 md6 sm6',
|
||||
role: 'Admin|Supervisor'
|
||||
},
|
||||
],
|
||||
@@ -122,34 +122,141 @@ export default {
|
||||
{
|
||||
title: 'My Info',
|
||||
text: 'You can easily edit your registration information',
|
||||
icon: '/img/Static/Dashboard/info.png',
|
||||
color: 'WM-OrangeGradient-BG',
|
||||
// image: '/img/Static/Dashboard/info.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'MyInfo'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-right',
|
||||
column: 'xs12 md6 sm6',
|
||||
column: 'xs12 md12 sm12',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
{
|
||||
title: 'All Test Result',
|
||||
text: 'You can see all user tests and own tests',
|
||||
icon: '/img/Static/Dashboard/alltest.png',
|
||||
color: 'WM-GreenGradient-BG',
|
||||
// image: '/img/Static/Dashboard/alltest.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'AllResultTest'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-right',
|
||||
column: 'xs12 md6 sm6',
|
||||
column: 'xs12 md8 sm8',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
{
|
||||
title: 'Add a Test Result',
|
||||
text: 'You can add the test result',
|
||||
icon: '/img/Static/Dashboard/addtest.png',
|
||||
color: 'WM-YellowGradient-BG',
|
||||
title: `<span>Add A </span><br/><span>Test Result</span>`,
|
||||
icon: 'fas fa-plus',
|
||||
color: 'black text-white',
|
||||
route: {name: 'SubmitTestResult'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-left',
|
||||
column: 'xs12 md12 sm12',
|
||||
column: 'xs12 md4 sm4',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
{
|
||||
title: 'MY Items',
|
||||
text: 'items that you posses',
|
||||
// image: '/img/Static/Dashboard/alltest.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'MyItem'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-right',
|
||||
column: 'xs12 md4 sm4',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
{
|
||||
title: 'All Items',
|
||||
text: 'all existing items in your medical center ',
|
||||
// image: '/img/Static/Dashboard/alltest.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'AllItem'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-right',
|
||||
column: 'xs12 md4 sm4',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
{
|
||||
title: `<span>Add new </span><br/><span>item</span>`,
|
||||
icon: 'fas fa-plus',
|
||||
color: 'blue text-white',
|
||||
route: {name: 'AddItem'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-left',
|
||||
column: 'xs12 md4 sm4',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
{
|
||||
title: 'MY package',
|
||||
text: 'packages that you posses',
|
||||
// image: '/img/Static/Dashboard/alltest.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'MyItem'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-right',
|
||||
column: 'xs12 md4 sm4',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
{
|
||||
title: 'All package',
|
||||
text: 'all existing packages in your medical center ',
|
||||
// image: '/img/Static/Dashboard/alltest.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'AllItem'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-right',
|
||||
column: 'xs12 md4 sm4',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
{
|
||||
title: `<span>Add new </span><br/><span>Package</span>`,
|
||||
icon: 'fas fa-plus',
|
||||
color: 'cyan text-white',
|
||||
route: {name: 'AddPackage'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-left',
|
||||
column: 'xs12 md4 sm4',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
|
||||
{
|
||||
title: 'All labels',
|
||||
text: 'All active labels in your medical center',
|
||||
// image: '/img/Static/Dashboard/alltest.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'AllResultTest'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-right',
|
||||
column: 'xs12 md8 sm8',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
{
|
||||
title: `<span>Add new </span><br/><span> label</span>`,
|
||||
icon: 'fas fa-plus',
|
||||
color: 'purple text-white',
|
||||
route: {name: 'AddLabel'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-left',
|
||||
column: 'xs12 md4 sm4',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
|
||||
{
|
||||
title: 'All cycles',
|
||||
text: 'All active cycles in your medical center',
|
||||
// image: '/img/Static/Dashboard/alltest.png',
|
||||
color: 'WM-LightGray-BG',
|
||||
route: {name: 'AllResultTest'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-right',
|
||||
column: 'xs12 md8 sm8',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
{
|
||||
title: `<span>Add new </span><br/><span>cycle</span>`,
|
||||
icon: 'fas fa-plus',
|
||||
color: 'red text-white',
|
||||
route: {name: 'AddCycle'},
|
||||
aligntext: 'text-md-left',
|
||||
alignimg: 'text-md-left',
|
||||
column: 'xs12 md4 sm4',
|
||||
role: 'Admin|Supervisor|User'
|
||||
},
|
||||
],
|
||||
@@ -157,4 +264,3 @@ export default {
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
||||
Reference in New Issue
Block a user