init project

2026-10-13 23:11:07 +03:30 · 2019-04-14 21:13:55 +04:30
commit 9f2acb855c
213 changed files with 124305 additions and 0 deletions
@@ -0,0 +1,105 @@
+<template>
+  <v-form v-model="valid">
+    <v-container grid-list-xs>
+      <v-layout row wrap class="justify-center">
+        <v-flex xs12 md3 sm6 class="WM-WidthScreen-SM WM-WidthScreen-XS">
+          <material-card color="black" title="Register Page">
+            <v-layout column>
+              <v-flex xs12 md2 sm2>
+                <v-text-field
+                  name="cellnumber"
+                  label="Cell Number"
+                  v-model="form.cellnumber"
+                  id="id1"
+                  color="black"
+                  class="pa-2"
+                ></v-text-field>
+              </v-flex>
+              <v-flex xs12 md2 sm2>
+                <v-text-field
+                  name="password"
+                  label="Password"
+                  v-model="form.password"
+                  :type="show1 ? 'text' : 'password'"
+                  :append-icon="show1 ? 'visibility' : 'visibility_off'"
+                  @click:append="show1 = !show1"
+                  id="id2"
+                  color="black"
+                  class="pa-2"
+                ></v-text-field>
+              </v-flex>
+              <v-flex xs12 md2 sm2>
+                <v-text-field
+                  name="name"
+                  label="Name"
+                  v-model="form.name"
+                  id="id3"
+                  color="black"
+                  class="pa-2"
+                ></v-text-field>
+              </v-flex>
+              <v-flex xs12 md2 sm2>
+                <v-select
+                  class="pa-2"
+                  v-model="form.select"
+                  :items="items"
+                  item-text="state"
+                  item-value="abbr"
+                  label="Type"
+                  return-object
+                  single-line
+                  color="black"
+                ></v-select>
+              </v-flex>
+            </v-layout>
+            <v-layout row wrap>
+              <v-flex xs12 md6 sm6 class="text-md-left text-sm-center text-xs-center">
+                <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
+                  <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
+                  <span class="white--text">Register</span>
+                </v-btn>
+              </v-flex>
+              <v-flex xs12 md6 sm6 class="text-md-right text-sm-center text-xs-center">
+                <router-link to="/login">
+                  <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
+                    <v-icon class="black--text mr-2 caption">fas fa-sign-in-alt</v-icon>
+                    <span class="black--text">Login</span>
+                  </v-btn>
+                </router-link>
+              </v-flex>
+            </v-layout>
+          </material-card>
+        </v-flex>
+      </v-layout>
+    </v-container>
+  </v-form>
+</template>
+<script>
+export default {
+  name: "",
+  data () {
+      const defaultForm = Object.freeze({
+        cellnumber: '',
+        password: '',
+        name: '',
+        select: '',
+      })
+      return {
+        form: Object.assign({}, defaultForm),
+        valid : false,
+        show1 : false,
+        select: { state: 'Florida', abbr: 'FL' },
+        items: [
+          { state: 'Florida', abbr: 'FL' },
+          { state: 'Georgia', abbr: 'GA' },
+          { state: 'Nebraska', abbr: 'NE' },
+          { state: 'California', abbr: 'CA' },
+          { state: 'New York', abbr: 'NY' }
+        ],
+        defaultForm
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+</style>