Provision
/
UnivateProperties
Watch 1
Star 0
Fork 0

3 Commits
7d173798af ... 0e6682a566

Author SHA1 Message Date
  Bruce Lywood 0e6682a566 Merge branch 'master' of http://192.168.6.188:3000/Provision/UnivateProperties 5 years ago
  Bruce Lywood 6fde348df9 CHanges to Login, agencyreg and register 5 years ago
  Bruce Lywood 99cf77b57e css color change on login 5 years ago
4 changed files with 166 additions and 86 deletions
Unified View Show Diff Stats
  1. 19
    1
      public/css/style.css
  2. 2
    2
      src/components/user/loginPage.vue
  3. 86
    25
      src/components/user/registerAgencySection.vue
  4. 59
    58
      src/components/user/registerPage.vue

+ 19
- 1
public/css/style.css View File

1580 
     margin: auto;
 1580 
     margin: auto;
1581 
 }
 1581 
 }
1582
1582
1583 
+.reg-page {
1584 
+    width: 800px;
1585 
+    padding: 8% 0 0;
1586 
+    margin: auto;
1587 
+}
1588 
+
1583 
 .form {
 1589 
 .form {
1584 
     position: relative;
 1590 
     position: relative;
1585 
     z-index: 1;
 1591 
     z-index: 1;
1586 
-    background: #FFFFFF;
1592 
+    background: rgb(236, 233, 233);
1587 
     max-width: 360px;
 1593 
     max-width: 360px;
1588 
     margin: 0 auto 100px;
 1594 
     margin: 0 auto 100px;
1589 
     padding: 45px;
 1595 
     padding: 45px;
1591 
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
 1597 
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
1592 
 }
 1598 
 }
1593
1599
1600 
+.regform {
1601 
+    position: relative;
1602 
+    z-index: 1;
1603 
+    background: rgb(236, 233, 233);
1604 
+    max-width: 600px;
1605 
+    margin: 0 auto 100px;
1606 
+    padding: 45px;
1607 
+    text-align: center;
1608 
+    font-size: 10pt;
1609 
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
1610 
+}
1611 
+
1594
1612
1595 
 .form-a #sendmessage {
 1613 
 .form-a #sendmessage {
1596 
     color: #60CBEB;
 1614 
     color: #60CBEB;

+ 2
- 2
src/components/user/loginPage.vue View File

37 
           </div>
 37 
           </div>
38 
         </div>
 38 
         </div>
39 
         <div class="form-group row"></div>
 39 
         <div class="form-group row"></div>
40 
-        <button @click="Login" class="btn btn-b-n">Sign In</button>
40 
+        <button @click="Login" class="btn btn-b-n" type="submit">Sign In</button>
41 
         <p v-if="user !== null">{{ user }}</p>
 41 
         <p v-if="user !== null">{{ user }}</p>
42 
       </div>
 42 
       </div>
43 
     </form>
 43 
     </form>
56 
         </div>
 56 
         </div>
57 
         <div class="form-group row"></div>
 57 
         <div class="form-group row"></div>
58 
         <div class="offset-md-3 col-md-5">
 58 
         <div class="offset-md-3 col-md-5">
59 
-          <button class="btn btn-b-n">Get Help</button>
59 
+          <button class="btn btn-b-n" type="submit">Get Help</button>
60 
         </div>
 60 
         </div>
61 
       </div>
 61 
       </div>
62 
     </form>
 62 
     </form>

+ 86
- 25
src/components/user/registerAgencySection.vue View File

1 
 <template>
 1 
 <template>
2 
   <!-- eslint-disable max-len -->
 2 
   <!-- eslint-disable max-len -->
3 
-  <div class="container">
4 
-    <div class="goDown"></div>
5 
-    <form>
6 
-      <div class="from-group row">
7 
-        <div class="col-md-12">
8 
-          <div class="form-group row"></div>
9 
-          <div class="form-group row"></div>
10 
-          <h3>Agency Details</h3>
11 
-          <div class="form-group row"></div>
12 
-          <div class="form-group row">
13 
-            <div class="col-md-4">
14 
-              <label>Agency Name</label>
15 
-              <eva-icon name="people" fill="lightgrey"></eva-icon>
16 
-              <input class="form-control" type="text" name="agencyname" value />
3 
+  <form method="POST">
4 
+    <div class="container" style="text-align:left">
5 
+      <div class="reg-page">
6 
+        <div class="regform" style="text-align:left">
7 
+          <h4>Agency Details</h4>
8 
+          <div class="col-md-8" style="margin-bottom: 1em">
9 
+            <eva-icon name="people" fill="#60CBEB"></eva-icon>
10 
+            <input class="form-control" type="text" name="agencyname" placeholder="Agency Name" />
11 
+          </div>
12 
+          <div class="col-md-8" style="margin-bottom: 1em">
13 
+            <eva-icon name="book" fill="lightgrey"></eva-icon>
14 
+            <input
15 
+              class="form-control"
16 
+              type="text"
17 
+              name="eaabffcnumber"
18 
+              placeholder="EAAB FFC Number"
19 
+            />
20 
+          </div>
21 
+          <div class="col-md-8">
22 
+            <eva-icon name="clipboard" fill="lightgrey"></eva-icon>
23 
+            <input
24 
+              class="form-control"
25 
+              type="text"
26 
+              name="companyregnumber"
27 
+              placeholder="Company Registration Number"
28 
+            />
29 
+          </div>
30 
+          <hr />
31 
+          <div class="col-md-10" style="text-align:left">
32 
+            <h5 style="margin-bottom: 1em">Agency Administrator</h5>
33 
+            <div class="row" style="text-align:left">
34 
+              <div class="col-md-6" style="margin-bottom: 1em">
35 
+                <eva-icon name="person" fill="#60CBEB"></eva-icon>
36 
+                <input class="form-control" type="text" name="name" placeholder="Name" />
37 
+              </div>
38 
+              <div class="col-md-6" style="margin-bottom: 1em">
39 
+                <eva-icon name="person" fill="#60CBEB"></eva-icon>
40 
+                <input class="form-control" type="text" name="surname" placeholder="Surname" />
41 
+              </div>
17 
             </div>
 42 
             </div>
18 
-            <div class="col-md-4">
19 
-              <label>EAAB FFC Number</label>
20 
-              <eva-icon name="book" fill="lightgrey"></eva-icon>
21 
-              <input class="form-control" type="text" name="eaabffcnumber" value />
43 
+
44 
+            <div class="row" style="text-align:left">
45 
+              <div class="col-md-8">
46 
+                <eva-icon name="email" fill="lightgrey"></eva-icon>
47 
+                <input class="form-control" type="text" name="email" placeholder="Email Address" />
48 
+                <div class="form-group row"></div>
49 
+              </div>
50 
+
51 
+              <div class="col-md-6" style="text-align:left">
52 
+                <eva-icon name="smartphone" fill="lightgrey"></eva-icon>
53 
+                <input
54 
+                  class="form-control"
55 
+                  type="text"
56 
+                  name="cellnumber"
57 
+                  placeholder="Contact Number"
58 
+                />
59 
+              </div>
60 
+            </div>
61 
+            <hr />
62 
+            <div class="row">
63 
+              <div class="col-md-7" style="margin-bottom: 1em">
64 
+                <eva-icon name="person" fill="#60CBEB"></eva-icon>
65 
+                <input class="form-control" type="text" name="username" placeholder="Username" />
66 
+              </div>
67 
+              <div class="col-md-7" style="margin-bottom: 1em">
68 
+                <eva-icon name="lock" fill="#60CBEB"></eva-icon>
69 
+                <input class="form-control" type="text" name="password" placeholder="Password" />
70 
+              </div>
71 
+              <div class="col-md-7" style="margin-bottom: 1em">
72 
+                <eva-icon name="lock" fill="#60CBEB"></eva-icon>
73 
+                <input
74 
+                  class="form-control"
75 
+                  type="text"
76 
+                  name="confirmpassword"
77 
+                  placeholder="Confirm Password"
78 
+                />
79 
+              </div>
80 
+            </div>
81 
+          </div>
82 
+          <div class="form-group row"></div>
83 
+          <div class="row offset-md-1">
84 
+            <div class="col-md-2">
85 
+              <button class="btn btn-b-n" type="submit">Submit</button>
22 
             </div>
 86 
             </div>
23 
-            <div class="col-md-4">
24 
-              <label>Company Registration Number</label>
25 
-              <eva-icon name="clipboard" fill="lightgrey"></eva-icon>
26 
-              <input class="form-control" type="text" name="companyregnumber" value />
87 
+            <div class="col-md-2 offset-md-1">
88 
+              <button class="btn btn-b-n" type="submit">Cancel</button>
27 
             </div>
 89 
             </div>
28 
-            <RegisterPage :RegisterHeader="111" />
29 
           </div>
 90 
           </div>
30 
         </div>
 91 
         </div>
31 
       </div>
 92 
       </div>
32 
-    </form>
33 
-  </div>
93 
+    </div>
94 
+  </form>
34 
 </template>
 95 
 </template>
35
96
36 
 <script>
 97 
 <script>

+ 59
- 58
src/components/user/registerPage.vue View File

1 
 <template>
 1 
 <template>
2 
-  <!-- eslint-disable max-len -->
3 
-  <div class="container">
4 
-    <div class="goDown"></div>
5 
-    <form>
6 
-      <div class="col-md-12">
7 
-        <h3>{{ Header }}</h3>
8 
-        <div class="form-group row"></div>
9 
-        <div class="form-group row">
10 
-          <div class="col-md-6">
11 
-            <label>Name</label>
12 
-            <eva-icon name="person" fill="#60CBEB"></eva-icon>
13 
-            <input class="form-control" type="text" name="name" value />
14 
-            <div class="form-group row"></div>
15 
-          </div>
16 
-          <div class="col-md-6">
17 
-            <label>Surname</label>
18 
-            <eva-icon name="person" fill="#60CBEB"></eva-icon>
19 
-            <input class="form-control" type="text" name="surname" value />
20 
-          </div>
21 
-        </div>
22 
-        <div class="form-group row">
23 
-          <div class="col-md-4">
24 
-            <label>Email</label>
25 
-            <eva-icon name="email" fill="lightgrey"></eva-icon>
26 
-            <input class="form-control" type="text" name="email" value />
27 
-            <div class="form-group row"></div>
2 
+  <form method="POST">
3 
+    <!-- eslint-disable max-len -->
4 
+    <div class="reg-page">
5 
+      <div class="regform">
6 
+        <div class="col-md-10" style="text-align:left">
7 
+          <h5 style="margin-bottom: 1em">{{ Header }}</h5>
8 
+          <div class="row" style="text-align:left">
9 
+            <div class="col-md-6" style="margin-bottom: 1em">
10 
+              <eva-icon name="person" fill="#60CBEB"></eva-icon>
11 
+              <input class="form-control" type="text" name="name" placeholder="Name" />
12 
+            </div>
13 
+            <div class="col-md-6" style="margin-bottom: 1em">
14 
+              <eva-icon name="person" fill="#60CBEB"></eva-icon>
15 
+              <input class="form-control" type="text" name="surname" placeholder="Surname" />
16 
+            </div>
28 
           </div>
 17 
           </div>
29 
-          <div class="col-md-4">
30 
-            <label>Telephone Number</label>
31 
-            <eva-icon name="phone" fill="lightgrey"></eva-icon>
32 
-            <input class="form-control" type="text" name="telephonenumber" value />
18 
+
19 
+          <div class="row" style="text-align:left">
20 
+            <div class="col-md-8">
21 
+              <eva-icon name="email" fill="lightgrey"></eva-icon>
22 
+              <input class="form-control" type="text" name="email" placeholder="Email Address" />
23 
+              <div class="form-group row"></div>
24 
+            </div>
25 
+
26 
+            <div class="col-md-6" style="text-align:left">
27 
+              <eva-icon name="smartphone" fill="lightgrey"></eva-icon>
28 
+              <input
29 
+                class="form-control"
30 
+                type="text"
31 
+                name="cellnumber"
32 
+                placeholder="Contact Number"
33 
+              />
34 
+            </div>
33 
           </div>
 35 
           </div>
34 
-          <div class="col-md-4">
35 
-            <label>Cell Number</label>
36 
-            <eva-icon name="smartphone" fill="lightgrey"></eva-icon>
37 
-            <input class="form-control" type="text" name="cellnumber" value />
36 
+          <hr />
37 
+          <div class="row">
38 
+            <div class="col-md-7" style="margin-bottom: 1em">
39 
+              <eva-icon name="person" fill="#60CBEB"></eva-icon>
40 
+              <input class="form-control" type="text" name="username" placeholder="Username" />
41 
+            </div>
42 
+            <div class="col-md-7" style="margin-bottom: 1em">
43 
+              <eva-icon name="lock" fill="#60CBEB"></eva-icon>
44 
+              <input class="form-control" type="text" name="password" placeholder="Password" />
45 
+            </div>
46 
+            <div class="col-md-7" style="margin-bottom: 1em">
47 
+              <eva-icon name="lock" fill="#60CBEB"></eva-icon>
48 
+              <input
49 
+                class="form-control"
50 
+                type="text"
51 
+                name="confirmpassword"
52 
+                placeholder="Confirm Password"
53 
+              />
54 
+            </div>
38 
           </div>
 55 
           </div>
39 
         </div>
 56 
         </div>
40 
-        <div class="form-group row">
41 
-          <div class="col-md-4">
42 
-            <label>Username</label>
43 
-            <eva-icon name="person" fill="#60CBEB"></eva-icon>
44 
-            <input class="form-control" type="text" name="username" value />
45 
-          </div>
46 
-          <div class="col-md-4">
47 
-            <label>Password</label>
48 
-            <eva-icon name="lock" fill="#60CBEB"></eva-icon>
49 
-            <input class="form-control" type="text" name="password" value />
57 
+        <div class="form-group row"></div>
58 
+        <div class="row offset-md-1">
59 
+          <div class="col-md-2">
60 
+            <button class="btn btn-b-n" type="submit">Submit</button>
50 
           </div>
 61 
           </div>
51 
-          <div class="col-md-4">
52 
-            <label>Confirm Password</label>
53 
-            <eva-icon name="lock" fill="#60CBEB"></eva-icon>
54 
-            <input class="form-control" type="text" name="confirmpassword" value />
62 
+          <div class="col-md-2 offset-md-1">
63 
+            <button class="btn btn-b-n" type="submit">Cancel</button>
55 
           </div>
 64 
           </div>
56 
         </div>
 65 
         </div>
57 
       </div>
 66 
       </div>
58 
-      <div class="form-group row">
59 
-        <div class="col-md-4">
60 
-          <button class="btn btn-b-n">Cancel</button>
61 
-        </div>
62 
-        <div class="col-md-4">
63 
-          <button class="btn btn-b-n">Submit</button>
64 
-        </div>
65 
-      </div>
66 
-    </form>
67 
-  </div>
67 
+    </div>
68 
+  </form>
68 
 </template>
 69 
 </template>
69
70
70 
 <script>
 71 
 <script>

Write Preview
Loading…
Cancel
Save