Files
cssd-back/resources/js/show/views/Home/LandingPage.vue
T
2021-05-27 14:12:39 +04:30

125 lines
3.0 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template id="">
<div class="">
<v-toolbar color="white" class="WM-Intro">
<v-toolbar-title >CSSD-DOC</v-toolbar-title>
<v-spacer></v-spacer>
<div class="my-2">
<a href="/dashboard" v-if="auth"><v-btn color="black">Dashboard</v-btn></a>
<a href="/login" v-else><v-btn color="black">Login</v-btn></a>
</div>
</v-toolbar>
<section>
<v-layout
column
wrap
class="my-12"
style="background-color:#f7f7f7"
>
<v-flex xs6 sm6 class="my-4 mb-5">
<div class="text-center WM-Align-C">
<h2 class="display-1">Sterilization process monitoring</h2>
<span class="subheading">
Sterilizer test records
</span>
</div>
</v-flex>
<v-flex xs6>
<v-container grid-list-xl>
<v-layout row wrap align-left>
<v-flex xs12 md2>
<v-img src=""></v-img>
</v-flex>
</v-layout>
</v-container>
</v-flex>
</v-layout>
</section>
<section>
<v-layout
column
wrap
class="my-12"
style="background-color:#f7f7f7"
>
<v-flex xs6 sm6 class="my-4 mb-5">
<div class="text-center WM-Align-C">
<h2 class="display-1">Sterilization process monitoring</h2>
<span class="subheading">
Sterilizer test records
</span>
</div>
</v-flex>
<v-flex xs6>
<v-container grid-list-xl>
<v-layout row wrap align-left>
<v-flex xs12 md2>
<v-img src=""></v-img>
</v-flex>
</v-layout>
</v-container>
</v-flex>
</v-layout>
</section>
</div>
</template>
<style media="screen">
.v-card__title.WM-Padding-8 {
padding: 8px !important;
}
.container.grid-list-xl :not(:only-child) .layout:last-child {
margin: auto -12px !important;
}
.v-toolbar.WM-Intro {
box-shadow : unset;
margin-bottom: 0;
}
.v-toolbar.WM-Intro:not(.v-toolbar--fixed) .v-toolbar__content {
margin-left: 0;
}
</style>
<script>
import { TokenService } from '@/services/auth/storage.service'
export default {
data: () => ({
auth : false,
items: {
items1 : [
'Physical Parameters, STEAM',
'BD Green Card Test',
'BDS – Test',
'Verify Sterilization Cycle, STEAM',
'Routine Control (Daily/Weekly), STEAM',
'Repair & Calibration, STEAM',
'Implant Sterilization, STEAM',
],
items2 : [
'Physical Parameter, PLASMA',
'Verify Sterilization Cycle, PLASMA',
'Routine Control (Daily/Weekly), PLASMA',
'Repair & Calibration, PLASMA',
'Package Checks, PLASMA',
'Wash – Checks',
'Package Checks, STEAM',
],
items3 : [
'Physical Parameters, EtO',
'Verify Sterilization Cycle, EtO',
'Repair & Calibration, Eto',
'Package Checks, EtO',
'Protein Residue Test',
'Seal Check'
],
},
}),
components: {
},
created(){
if(TokenService.getToken()){
this.auth = true;
}
},
}
</script>