landing page

2026-10-13 23:41:07 +03:30 · 2021-05-27 14:12:39 +04:30
parent 67d6cde87a
commit 0fac6351c6
6 changed files with 448 additions and 0 deletions
@@ -0,0 +1,124 @@
+<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>