conflix

package.json

@@ -102,4 +102,4 @@
             "android"
         ]
     }
-}
+}
\ No newline at end of file

src/app/addaddresss/addaddresss.page.css

+.login_wrapper {
+  width: 80%;
+  margin: 0 auto;
+  padding-top: 30px;
+}
+
+.login_wrapper .logo_wrapper {
+  width: 100%;
+  text-align: center;
+  padding-top: 50px;
+  padding-bottom: 30px;
+}
+
+.login_wrapper .logo_wrapper img {
+  width: 180px;
+}
+
+.login_wrapper h6 {
+  color: #29285b;
+  margin: 0px;
+}
+
+.login_wrapper h6 span {
+  position: relative;
+  top: 2px;
+}
+
+.login_wrapper h6 a {
+  color: #29285b;
+  text-decoration: none;
+  font-weight: 900;
+}
+
+.login_wrapper h6 .styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.login_wrapper h6 .styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+
+.login_wrapper h6 .styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 20px;
+  height: 20px;
+  border-radius: 10px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.login_wrapper h6 .styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.login_wrapper h6 .styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.login_wrapper h6 .styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.login_wrapper h6 .styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 6px;
+  top: 11px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.login_wrapper .form_div .row {
+  margin-bottom: 20px;
+}
+
+.login_wrapper .form_div .row input {
+  border: 1px solid #d7d5e4;
+  background: transparent;
+  color: #d7d5e4;
+  width: 100%;
+  height: 45px;
+  text-align: left;
+  border-radius: 8px;
+  font-size: 16px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+.login_wrapper .form_div .row .login_btn {
+  width: 100%;
+  background-color: #29285b;
+  color: #fff;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+}
+
+.login_wrapper .form_div .row hr {
+  border: 1px solid #d7d5e4;
+  border-bottom: none;
+  margin-top: 30px;
+  margin-bottom: 10px;
+}
+
+.login_wrapper .form_div .row P {
+  text-align: center;
+  color: #3b394d;
+  margin: 0px;
+  position: relative;
+  bottom: 20px;
+}
+
+.login_wrapper .form_div .row P span {
+  background-color: #fff;
+  padding: 10px;
+  font-size: 18px;
+}
+
+.login_wrapper .form_div .row h4 {
+  color: #3b394d;
+  text-align: center;
+  margin: 0px;
+  padding-top: 15px;
+}
+
+.login_wrapper .form_div .row h6 {
+  color: #29285b;
+  margin: 0px;
+}
+
+.login_wrapper .form_div .row h6 span {
+  position: relative;
+  top: 5px;
+}
+
+.login_wrapper .form_div .row h6 a {
+  color: #29285b;
+  text-decoration: none;
+  font-weight: 900;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 20px;
+  height: 20px;
+  border-radius: 10px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 10px;
+  top: 15px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.login_wrapper .form_div .row .social_div {
+  border: 1px solid #d7d5e4;
+  height: 45px;
+  border-radius: 20px;
+}
+
+.login_wrapper .form_div .row .social_div .social_btn {
+  display: inline-block;
+  width: 50%;
+  text-align: center;
+  height: 100%;
+  font-size: 18px;
+  padding: 9px;
+}
+/*# sourceMappingURL=addaddresss.page.css.map */
\ No newline at end of file

src/app/addaddresss/addaddresss.page.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "addaddresss.page.scss"
+    ],
+    "names": [],
+    "file": "addaddresss.page.css"
+}
\ No newline at end of file

src/app/addcard/addcard.page.css

+.login_wrapper {
+  width: 80%;
+  margin: 0 auto;
+  padding-top: 30px;
+}
+
+.login_wrapper .logo_wrapper {
+  width: 100%;
+  text-align: center;
+  padding-top: 50px;
+  padding-bottom: 30px;
+}
+
+.login_wrapper .logo_wrapper img {
+  width: 180px;
+}
+
+.login_wrapper h6 {
+  color: #29285b;
+  margin: 0px;
+}
+
+.login_wrapper h6 span {
+  position: relative;
+  top: 2px;
+}
+
+.login_wrapper h6 a {
+  color: #29285b;
+  text-decoration: none;
+  font-weight: 900;
+}
+
+.login_wrapper h6 .styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.login_wrapper h6 .styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+
+.login_wrapper h6 .styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 20px;
+  height: 20px;
+  border-radius: 10px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.login_wrapper h6 .styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.login_wrapper h6 .styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.login_wrapper h6 .styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.login_wrapper h6 .styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 6px;
+  top: 11px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.login_wrapper .form_div .row {
+  margin-bottom: 20px;
+}
+
+.login_wrapper .form_div .row input {
+  border: 1px solid #d7d5e4;
+  background: transparent;
+  color: #d7d5e4;
+  width: 100%;
+  height: 45px;
+  text-align: left;
+  border-radius: 8px;
+  font-size: 16px;
+  padding-left: 15px;
+  padding-right: 15px;
+  text-align: center;
+}
+
+.login_wrapper .form_div .row .login_btn {
+  width: 100%;
+  background-color: #29285b;
+  color: #fff;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+}
+
+.login_wrapper .form_div .row hr {
+  border: 1px solid #d7d5e4;
+  border-bottom: none;
+  margin-top: 30px;
+  margin-bottom: 10px;
+}
+
+.login_wrapper .form_div .row P {
+  text-align: left;
+  color: #3b394d;
+  margin: 0px;
+  font-weight: 500;
+  padding-bottom: 10px;
+}
+
+.login_wrapper .form_div .row P span {
+  background-color: #fff;
+  padding: 10px;
+  font-size: 18px;
+}
+
+.login_wrapper .form_div .row h4 {
+  color: #3b394d;
+  text-align: center;
+  margin: 0px;
+  padding-top: 15px;
+}
+
+.login_wrapper .form_div .row h6 {
+  color: #29285b;
+  margin: 0px;
+}
+
+.login_wrapper .form_div .row h6 span {
+  position: relative;
+  top: 5px;
+}
+
+.login_wrapper .form_div .row h6 a {
+  color: #29285b;
+  text-decoration: none;
+  font-weight: 900;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 20px;
+  height: 20px;
+  border-radius: 10px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 10px;
+  top: 15px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.login_wrapper .form_div .row .social_div {
+  border: 1px solid #d7d5e4;
+  height: 45px;
+  border-radius: 20px;
+}
+
+.login_wrapper .form_div .row .social_div .social_btn {
+  display: inline-block;
+  width: 50%;
+  text-align: center;
+  height: 100%;
+  font-size: 18px;
+  padding: 9px;
+}
+/*# sourceMappingURL=addcard.page.css.map */
\ No newline at end of file

src/app/addcard/addcard.page.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "addcard.page.scss"
+    ],
+    "names": [],
+    "file": "addcard.page.css"
+}
\ No newline at end of file

src/app/app.component.css

+@import url("https://fonts.googleapis.com/css?family=Abel&display=swap");
+@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
+* {
+  font-family: 'Abel', sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+.side_menu_wrapper {
+  background: #29285b;
+  width: 100%;
+  height: 100vh;
+  padding-left: 20px;
+  padding-top: 20px;
+  padding-right: 10px;
+}
+
+.side_menu_wrapper .top_banner .top_image {
+  width: 60px;
+  height: 60px;
+  float: left;
+  background-color: #fff;
+  border-radius: 50%;
+}
+
+.side_menu_wrapper .top_banner .top_image img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: center;
+     object-position: center;
+  border-radius: 50%;
+}
+
+.side_menu_wrapper .top_banner .top_detail {
+  width: calc(100% - 60px);
+  float: left;
+  padding: 7px;
+  padding-left: 15px;
+}
+
+.side_menu_wrapper .top_banner .top_detail h4 {
+  margin: 0px;
+  padding: 0px;
+  color: #fff;
+}
+
+.side_menu_wrapper .top_banner .top_detail p {
+  margin: 0px;
+  padding: 0px;
+  color: #fff;
+  color: #b0aec7;
+}
+
+.side_menu_wrapper .sidemenu_list {
+  padding-top: 30px;
+}
+
+.side_menu_wrapper .sidemenu_list ul {
+  margin: 0px;
+  padding: 0px;
+}
+
+.side_menu_wrapper .sidemenu_list ul li {
+  list-style: none;
+  color: #fff;
+  font-weight: 200;
+  font-size: 15px;
+  padding: 10px;
+  font-size: 16px;
+}
+
+.side_menu_wrapper .sidemenu_list ul li:focus {
+  background-color: #282458;
+}
+
+.side_menu_wrapper .sidemenu_list ul li:hover {
+  background-color: #282458;
+}
+
+.side_menu_wrapper .sidemenu_list ul li .version {
+  color: #b0aec7;
+  font-size: 14px;
+}
+
+.side_menu_wrapper .sidemenu_list ul .sub_menu {
+  padding-left: 25px;
+  margin-bottom: 40px;
+  padding-top: 10px;
+}
+
+.side_menu_wrapper .sidemenu_list ul .sub_menu ul {
+  margin: 0px;
+  padding: 0px;
+}
+
+.side_menu_wrapper .sidemenu_list ul .sub_menu ul li {
+  list-style: none;
+  color: #b0aec7;
+}
+
+.common_tab {
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  width: 100%;
+  height: 50px;
+  background-color: #fff;
+  -webkit-box-shadow: 0px 0px 5px 7px rgba(215, 213, 228, 0.5);
+  box-shadow: 0px 0px 5px 7px rgba(215, 213, 228, 0.5);
+}
+
+.common_tab ul {
+  margin: 0px;
+  padding: 0px;
+  width: 100%;
+  height: 100%;
+}
+
+.common_tab ul li {
+  list-style: none;
+  display: inline-block;
+  width: 20%;
+  height: 100%;
+  text-align: center;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 25px;
+}
+
+.common_tab ul .icon_sec {
+  width: 50px;
+  height: 50px;
+  background-image: url("../assets/icon_sprite.png");
+  margin: 0 auto;
+  background-repeat: no-repeat;
+  background-size: 450px;
+}
+
+.common_tab ul .m1_icon {
+  background-position: top -6px left -249px;
+}
+
+.common_tab ul .m1_icon_act {
+  background-image: url("../assets/icon_sprite_active.png") !important;
+  background-position: top -6px left -249px;
+}
+
+.common_tab ul .m2_icon {
+  background-position: top -3px left -88px;
+}
+
+.common_tab ul .m2_icon_act {
+  background-image: url("../assets/icon_sprite_active.png") !important;
+  background-position: top -3px left -88px;
+}
+
+.common_tab ul .m3_icon {
+  background-position: top -6px left -167px;
+}
+
+.common_tab ul .m3_icon_act {
+  background-image: url("../assets/icon_sprite_active.png") !important;
+  background-position: top -6px left -167px;
+}
+
+.common_tab ul .m4_icon {
+  background-position: top -6px left -5px;
+}
+
+.common_tab ul .m4_icon_act {
+  background-image: url("../assets/icon_sprite_active.png") !important;
+  background-position: top -6px left -5px;
+}
+
+.common_tab ul .m5_icon {
+  background-position: top -6px left -325px;
+}
+
+.common_tab ul .m5_icon_act {
+  background-image: url("../assets/icon_sprite_active.png") !important;
+  background-position: top -6px left -325px;
+}
+
+.common_tab ul .m6_icon {
+  background-position: top -6px left -398px;
+}
+
+.common_tab ul .m6_icon_act {
+  background-image: url("../assets/icon_sprite_active.png") !important;
+  background-position: top -6px left -398px;
+}
+/*# sourceMappingURL=app.component.css.map */
\ No newline at end of file

src/app/app.component.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "app.component.scss"
+    ],
+    "names": [],
+    "file": "app.component.css"
+}
\ No newline at end of file

src/app/app.component.html

@@ -3,12 +3,17 @@
     <ion-menu>
       <ion-content>
         <div class="side_menu_wrapper">
+<<<<<<< HEAD
           <ion-menu-toggle>
             <div class="top_banner" (click)="goToPage('profile')">
+=======
+          <ion-menu-toggle *ngIf="userData">
+            <div class="top_banner">
+>>>>>>> b35f226916e6e5b4feacc30b355445f087230416
               <div class="top_image"></div>
               <div class="top_detail">
-                <h4>John Doe</h4>
-                <p>[email protected]</p>
+                <h4>{{userData.name}}</h4>
+                <p>{{userData.emailId}}</p>
               </div>
               <div class="clear"></div>
             </div>
@@ -95,7 +100,7 @@
         class="icon_sec m6_icon"
         [class.m6_icon_act]="sec_active6"
         (click)="setActive6()"
-      ></div>
+        menuClose></div>
     </li>
   </ul>
 </div>

src/app/app.component.scss

 @import url('https://fonts.googleapis.com/css?family=Abel&display=swap');
 @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
 * {
-    font-family: 'Abel', sans-serif;
-    -webkit-font-smoothing: antialiased;
+  font-family: 'Abel', sans-serif;
+  -webkit-font-smoothing: antialiased;
 }
 
 .side_menu_wrapper {
-    background: rgba(41, 40, 91, 1);
-    width: 100%;
-    height: 100vh;
-    padding-left: 20px;
-    padding-top: 20px;
-    padding-right: 10px;
-    .top_banner {
-        .top_image {
-            width: 60px;
-            height: 60px;
-            float: left;
-            background-color: #fff;
-            border-radius: 50%;
-            img {
-                width: 100%;
-                height: 100%;
-                object-fit: cover;
-                object-position: center;
-                border-radius: 50%;
-            }
-        }
-        .top_detail {
-            width: calc(100% - 60px);
-            float: left;
-            padding: 7px;
-            padding-left: 15px;
-            h4 {
-                margin: 0px;
-                padding: 0px;
-                color: #fff;
-            }
-            p {
-                margin: 0px;
-                padding: 0px;
-                color: #fff;
-                color: rgba(176, 174, 199, 1);
-            }
-        }
+  background: rgba(41, 40, 91, 1);
+  width: 100%;
+  height: 100vh;
+  padding-left: 20px;
+  padding-top: 20px;
+  padding-right: 10px;
+  .top_banner {
+    .top_image {
+      width: 60px;
+      height: 60px;
+      float: left;
+      background-color: #fff;
+      border-radius: 50%;
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        object-position: center;
+        border-radius: 50%;
+      }
+    }
+    .top_detail {
+      width: calc(100% - 60px);
+      float: left;
+      padding: 7px;
+      padding-left: 15px;
+      h4 {
+        margin: 0px;
+        padding: 0px;
+        color: #fff;
+      }
+      p {
+        margin: 0px;
+        padding: 0px;
+        color: #fff;
+        color: rgba(176, 174, 199, 1);
+      }
     }
-    .sidemenu_list {
-        padding-top: 30px;
+  }
+  .sidemenu_list {
+    padding-top: 30px;
+    ul {
+      margin: 0px;
+      padding: 0px;
+      li {
+        list-style: none;
+        color: #fff;
+        font-weight: 200;
+        font-size: 15px;
+        padding: 10px;
+        font-size: 16px;
+        &:focus {
+          background-color: rgba(40, 36, 88, 1);
+        }
+        &:hover {
+          background-color: rgba(40, 36, 88, 1);
+        }
+        .version {
+          color: rgba(176, 174, 199, 1);
+          font-size: 14px;
+        }
+      }
+      .sub_menu {
+        padding-left: 25px;
+        margin-bottom: 40px;
+        padding-top: 10px;
         ul {
-            margin: 0px;
-            padding: 0px;
-            li {
-                list-style: none;
-                color: #fff;
-                font-weight: 200;
-                font-size: 15px;
-                padding: 10px;
-                font-size: 16px;
-                &:focus {
-                    background-color: rgba(40, 36, 88, 1);
-                }
-                &:hover {
-                    background-color: rgba(40, 36, 88, 1);
-                }
-                .version {
-                    color: rgba(176, 174, 199, 1);
-                    font-size: 14px;
-                }
-            }
-            .sub_menu {
-                padding-left: 25px;
-                margin-bottom: 40px;
-                padding-top: 10px;
-                ul {
-                    margin: 0px;
-                    padding: 0px;
-                    li {
-                        list-style: none;
-                        color: rgba(176, 174, 199, 1);
-                    }
-                }
-            }
+          margin: 0px;
+          padding: 0px;
+          li {
+            list-style: none;
+            color: rgba(176, 174, 199, 1);
+          }
         }
+      }
     }
+  }
 }
 
 .common_tab {
-    position: fixed;
-    bottom: 0px;
-    left: 0px;
-    right: 0px;
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  width: 100%;
+  height: 50px;
+  background-color: #fff;
+  -webkit-box-shadow: 0px 0px 5px 7px rgba(215, 213, 228, 0.5);
+  -moz-box-shadow: 0px 0px 5px 7px rgba(215, 213, 228, 0.5);
+  box-shadow: 0px 0px 5px 7px rgba(215, 213, 228, 0.5);
+  ul {
+    margin: 0px;
+    padding: 0px;
     width: 100%;
-    height: 50px;
-    background-color: #fff;
-    -webkit-box-shadow: 0px 0px 5px 7px rgba(215, 213, 228, 0.5);
-    -moz-box-shadow: 0px 0px 5px 7px rgba(215, 213, 228, 0.5);
-    box-shadow: 0px 0px 5px 7px rgba(215, 213, 228, 0.5);
-    ul {
-        margin: 0px;
-        padding: 0px;
-        width: 100%;
-        height: 100%;
-        li {
-            list-style: none;
-            display: inline-block;
-            width: 20%;
-            height: 100%;
-            text-align: center;
-            background-repeat: no-repeat;
-            background-position: center;
-            background-size: 25px;
-        }
-        .icon_sec {
-            width: 50px;
-            height: 50px;
-            background-image: url("../assets/icon_sprite.png");
-            margin: 0 auto;
-            background-repeat: no-repeat;
-            background-size: 450px;
-        }
-        .m1_icon {
-            background-position: top -6px left -249px;
-        }
-        .m1_icon_act {
-            background-image: url("../assets/icon_sprite_active.png") !important;
-            background-position: top -6px left -249px;
-        }
-        .m2_icon {
-            background-position: top -3px left -88px;
-        }
-        .m2_icon_act {
-            background-image: url("../assets/icon_sprite_active.png") !important;
-            background-position: top -3px left -88px;
-        }
-        .m3_icon {
-            background-position: top -6px left -167px;
-        }
-        .m3_icon_act {
-            background-image: url("../assets/icon_sprite_active.png") !important;
-            background-position: top -6px left -167px;
-        }
-        .m4_icon {
-            background-position: top -6px left -5px;
-        }
-        .m4_icon_act {
-            background-image: url("../assets/icon_sprite_active.png") !important;
-            background-position: top -6px left -5px;
-        }
-        .m5_icon {
-            background-position: top -6px left -325px;
-        }
-        .m5_icon_act {
-            background-image: url("../assets/icon_sprite_active.png") !important;
-            background-position: top -6px left -325px;
-        }
-        .m6_icon {
-            background-position: top -6px left -398px;
-        }
-        .m6_icon_act {
-            background-image: url("../assets/icon_sprite_active.png") !important;
-            background-position: top -6px left -398px;
-        }
+    height: 100%;
+    li {
+      list-style: none;
+      display: inline-block;
+      width: 20%;
+      height: 100%;
+      text-align: center;
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: 25px;
+    }
+    .icon_sec {
+      width: 50px;
+      height: 50px;
+      background-image: url('../assets/icon_sprite.png');
+      margin: 0 auto;
+      background-repeat: no-repeat;
+      background-size: 450px;
+    }
+    .m1_icon {
+      background-position: top -6px left -249px;
+    }
+    .m1_icon_act {
+      background-image: url('../assets/icon_sprite_active.png') !important;
+      background-position: top -6px left -249px;
     }
-}
+    .m2_icon {
\ No newline at end of file
+      background-position: top -3px left -88px;
+    }
+    .m2_icon_act {
+      background-image: url('../assets/icon_sprite_active.png') !important;
+      background-position: top -3px left -88px;
+    }
+    .m3_icon {
+      background-position: top -6px left -167px;
+    }
+    .m3_icon_act {
+      background-image: url('../assets/icon_sprite_active.png') !important;
+      background-position: top -6px left -167px;
+    }
+    .m4_icon {
+      background-position: top -6px left -5px;
+    }
+    .m4_icon_act {
+      background-image: url('../assets/icon_sprite_active.png') !important;
+      background-position: top -6px left -5px;
+    }
+    .m5_icon {
+      background-position: top -6px left -325px;
+    }
+    .m5_icon_act {
+      background-image: url('../assets/icon_sprite_active.png') !important;
+      background-position: top -6px left -325px;
+    }
+    .m6_icon {
+      background-position: top -6px left -398px;
+    }
+    .m6_icon_act {
+      background-image: url('../assets/icon_sprite_active.png') !important;
+      background-position: top -6px left -398px;
+    }
+  }
+}

src/app/app.component.ts

@@ -35,6 +35,7 @@ export class AppComponent {
   // user: User;
 
   menuw: number;
+  userData: any;
 
   constructor(
     private platform: Platform,
@@ -51,10 +52,19 @@ export class AppComponent {
   ) {
     this.state = true;
     this.initializeApp();
-    this.orderState();
     this.subjectService.getLoginData().subscribe(loginData => {
       this.state = loginData;
     });
+
+    this.service.get('userData').then(userData => {
+      if (userData) {
+        this.userData = JSON.parse(userData);
+        console.log(userData);
+        this.orderState();
+      } else {
+        console.log(userData);
+      }
+    });
   }
 
   initializeApp() {
@@ -75,7 +85,13 @@ export class AppComponent {
   }
 
   fetchCase() {
-    const restrictedUrl = ['productdetail', 'cart', 'nearby', 'verification'];
+    const restrictedUrl = [
+      'productdetail',
+      'cart',
+      'nearby',
+      'verification',
+      'orderplaced'
+    ];
     const currentUrl = this.router.url.split('/');
     const index = restrictedUrl.findIndex(x => x === currentUrl[1]);
     // console.log(currentUrl[1], index, this.state);
@@ -142,8 +158,7 @@ export class AppComponent {
   }
 
   orderState() {
-    console.log('called');
-    const custId = 'WwHnLICVY2dvZGUHuKqasiTB91a2';
+    const custId = this.userData.uid;
     firebase
       .firestore()
       .collection('orders')

src/app/app.module.ts

@@ -16,6 +16,7 @@ import { AngularFireModule } from '@angular/fire';
 import { AngularFirestore } from '@angular/fire/firestore';
 import { AngularFirestoreModule } from '@angular/fire/firestore';
 import { AngularFireAuthModule } from '@angular/fire/auth';
+import { AngularFireStorageModule } from '@angular/fire/storage';
 
 import { Geolocation } from '@ionic-native/geolocation/ngx';
 import { NativeGeocoder } from '@ionic-native/native-geocoder/ngx';
@@ -41,6 +42,7 @@ import { SearchmodalPageModule } from './searchmodal/searchmodal.module';
     DeliverypopPageModule,
     AngularFireAuthModule,
     AngularFirestoreModule,
+    AngularFireStorageModule,
     SearchmodalPageModule,
     FormsModule
   ],

src/app/changedetails/changedetails.page.css

+.login_wrapper {
+  width: 80%;
+  margin: 0 auto;
+  padding-top: 10px;
+}
+
+.login_wrapper .logo_wrapper {
+  width: 100%;
+  text-align: center;
+  padding-top: 50px;
+  padding-bottom: 30px;
+}
+
+.login_wrapper .logo_wrapper img {
+  width: 180px;
+}
+
+.login_wrapper .form_div .row {
+  margin-bottom: 20px;
+}
+
+.login_wrapper .form_div .row h6 {
+  color: #3b394d !important;
+  text-align: left;
+  font-weight: 900;
+}
+
+.login_wrapper .form_div .row input {
+  border: 1px solid #d7d5e4;
+  background: transparent;
+  color: #d7d5e4;
+  width: 100%;
+  height: 45px;
+  text-align: center;
+  border-radius: 8px;
+  font-size: 16px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+.login_wrapper .form_div .row .login_btn {
+  width: 100%;
+  background-color: #29285b;
+  color: #fff;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+}
+
+.login_wrapper .form_div .row hr {
+  border: 1px solid #d7d5e4;
+  border-bottom: none;
+  margin-top: 30px;
+  margin-bottom: 10px;
+}
+
+.login_wrapper .form_div .row P {
+  text-align: center;
+  color: #3b394d;
+  margin: 0px;
+  position: relative;
+  bottom: 20px;
+}
+
+.login_wrapper .form_div .row P span {
+  background-color: #fff;
+  padding: 10px;
+  font-size: 18px;
+}
+
+.login_wrapper .form_div .row h4 {
+  color: #3b394d;
+  text-align: center;
+  margin: 0px;
+  padding-top: 15px;
+}
+
+.login_wrapper .form_div .row h6 {
+  color: #29285b;
+}
+
+.login_wrapper .form_div .row h6 span {
+  position: relative;
+  top: 5px;
+}
+
+.login_wrapper .form_div .row h6 a {
+  color: #29285b;
+  text-decoration: none;
+  font-weight: 900;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 30px;
+  height: 30px;
+  border-radius: 10px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 10px;
+  top: 15px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.login_wrapper .form_div .row .social_div {
+  border: 1px solid #d7d5e4;
+  height: 45px;
+  border-radius: 20px;
+}
+
+.login_wrapper .form_div .row .social_div .social_btn {
+  display: inline-block;
+  width: 50%;
+  text-align: center;
+  height: 100%;
+  font-size: 18px;
+  padding: 9px;
+}
+/*# sourceMappingURL=changedetails.page.css.map */
\ No newline at end of file

src/app/changedetails/changedetails.page.css.map

+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,cAAc,CAAC;EACX,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,MAAM;EACd,WAAW,EAAE,IAAI;CAyIpB;;AA5ID,AAII,cAJU,CAIV,aAAa,CAAC;EACV,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;CAIvB;;AAZL,AASQ,cATM,CAIV,aAAa,CAKT,GAAG,CAAC;EACA,KAAK,EAAE,KAAK;CACf;;AAXT,AAcQ,cAdM,CAaV,SAAS,CACL,IAAI,CAAC;EACD,aAAa,EAAE,IAAI;CA2HtB;;AA1IT,AAgBY,cAhBE,CAaV,SAAS,CACL,IAAI,CAEA,EAAE,CAAC;EACC,KAAK,EAAE,OAAmB,CAAC,UAAU;EACrC,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,GAAG;CACnB;;AApBb,AAqBY,cArBE,CAaV,SAAS,CACL,IAAI,CAOA,KAAK,CAAC;EACF,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;EACxC,UAAU,EAAE,WAAW;EACvB,KAAK,EAAE,OAAsB;EAC7B,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,GAAG;EAClB,SAAS,EAAE,IAAI;EACf,YAAY,EAAE,IAAI;EAClB,aAAa,EAAE,IAAI;CACtB;;AAhCb,AAiCY,cAjCE,CAaV,SAAS,CACL,IAAI,CAmBA,UAAU,CAAC;EACP,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,GAAG;EAClB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;CAClB;;AAxCb,AAyCY,cAzCE,CAaV,SAAS,CACL,IAAI,CA2BA,EAAE,CAAC;EACC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;EACxC,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,IAAI;EAChB,aAAa,EAAE,IAAI;CACtB;;AA9Cb,AA+CY,cA/CE,CAaV,SAAS,CACL,IAAI,CAiCA,CAAC,CAAC;EACE,UAAU,EAAE,MAAM;EAClB,KAAK,EAAE,OAAmB;EAC1B,MAAM,EAAE,GAAG;EACX,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,IAAI;CAMf;;AA1Db,AAqDgB,cArDF,CAaV,SAAS,CACL,IAAI,CAiCA,CAAC,CAMG,IAAI,CAAC;EACD,gBAAgB,EAAE,IAAI;EACtB,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;CAClB;;AAzDjB,AA2DY,cA3DE,CAaV,SAAS,CACL,IAAI,CA6CA,EAAE,CAAC;EACC,KAAK,EAAE,OAAmB;EAC1B,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,GAAG;EACX,WAAW,EAAE,IAAI;CACpB;;AAhEb,AAiEY,cAjEE,CAaV,SAAS,CACL,IAAI,CAmDA,EAAE,CAAC;EACC,KAAK,EAAE,OAAmB;CA0D7B;;AA5Hb,AAmEgB,cAnEF,CAaV,SAAS,CACL,IAAI,CAmDA,EAAE,CAEE,IAAI,CAAC;EACD,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;CACX;;AAtEjB,AAuEgB,cAvEF,CAaV,SAAS,CACL,IAAI,CAmDA,EAAE,CAME,CAAC,CAAC;EACE,KAAK,EAAE,OAAmB;EAC1B,eAAe,EAAE,IAAI;EACrB,WAAW,EAAE,GAAG;CACnB;;AA3EjB,AA4EgB,cA5EF,CAaV,SAAS,CACL,IAAI,CAmDA,EAAE,CAWE,gBAAgB,CAAC;EACb,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,CAAC;CA6Cb;;AA3HjB,AA+EoB,cA/EN,CAaV,SAAS,CACL,IAAI,CAmDA,EAAE,CAWE,gBAAgB,GAGV,KAAK,CAAC;EACJ,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,OAAO;EACf,OAAO,EAAE,CAAC;CACb;;AAnFrB,AAqFoB,cArFN,CAaV,SAAS,CACL,IAAI,CAmDA,EAAE,CAWE,gBAAgB,GASV,KAAK,AAAA,OAAO,CAAC;EACX,OAAO,EAAE,EAAE;EACX,YAAY,EAAE,IAAI;EAClB,OAAO,EAAE,YAAY;EACrB,cAAc,EAAE,QAAQ;EACxB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,KAAK;EACjB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;CAC3C;;AA/FrB,AAkGoB,cAlGN,CAaV,SAAS,CACL,IAAI,CAmDA,EAAE,CAWE,gBAAgB,AAsBX,QAAQ,GAAC,KAAK,AAAA,OAAO,CAAC;EACnB,UAAU,EAAE,OAAO;CACtB;;AApGrB,AAsGoB,cAtGN,CAaV,SAAS,CACL,IAAI,CAmDA,EAAE,CAWE,gBAAgB,AA0BX,SAAS,GAAC,KAAK,CAAC;EACb,KAAK,EAAE,OAAO;EACd,MAAM,EAAE,IAAI;CACf;;AAzGrB,AA2GoB,cA3GN,CAaV,SAAS,CACL,IAAI,CAmDA,EAAE,CAWE,gBAAgB,AA+BX,SAAS,GAAC,KAAK,AAAA,OAAO,CAAC;EACpB,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,IAAI;CACnB;;AA9GrB,AAgHoB,cAhHN,CAaV,SAAS,CACL,IAAI,CAmDA,EAAE,CAWE,gBAAgB,AAoCX,QAAQ,GAAC,KAAK,AAAA,MAAM,CAAC;EAClB,OAAO,EAAE,EAAE;EACX,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,IAAI;EACV,GAAG,EAAE,IAAI;EACT,UAAU,EAAE,KAAK;EACjB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,UAAU,EAAE,oGAAoG;EAChH,SAAS,EAAE,aAAa;CAC3B;;AA1HrB,AA6HY,cA7HE,CAaV,SAAS,CACL,IAAI,CA+GA,WAAW,CAAC;EACR,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;EACxC,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;CAStB;;AAzIb,AAiIgB,cAjIF,CAaV,SAAS,CACL,IAAI,CA+GA,WAAW,CAIP,WAAW,CAAC;EACR,OAAO,EAAE,YAAY;EACrB,KAAK,EAAE,GAAG;EACV,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,GAAG;CACf",
+    "sources": [
+        "changedetails.page.scss"
+    ],
+    "names": [],
+    "file": "changedetails.page.css"
+}
\ No newline at end of file

src/app/changedetails/changedetails.page.html

@@ -35,26 +35,12 @@
       <div class="row">
         <input
           [(value)]="userData && userData.emailId"
-          required
+          readonly
           class=""
           name="emailId"
           type="mail"
-          [(ngModel)]="userData && userData.emailId"
           [(placeholder)]="userData && userData.emailId"
-          pattern="[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,}"
-          #emailId="ngModel"
         />
-        <div
-          class="md-errors-spacer"
-          [hidden]="emailId.valid || submitted == false"
-        >
-          <div *ngIf="emailId.errors && emailId.errors.required">
-            Email is required
-          </div>
-          <div *ngIf="emailId.errors && emailId.errors.pattern">
-            Email is invalid
-          </div>
-        </div>
       </div>
 
       <div class="row">

src/app/changedetails/changedetails.page.ts

@@ -14,7 +14,6 @@ import { NgForm } from '@angular/forms';
 export class ChangedetailsPage implements OnInit {
   userData: any;
   updateData: UpdateUserDetails = {
-    emailId: '',
     name: '',
     phone: ''
   };

src/app/changepass/changepass.page.css

+.verification_div {
+  width: 80%;
+  margin: 0 auto;
+}
+
+.verification_div .form_div {
+  padding-top: 60%;
+}
+
+.verification_div .form_div .row {
+  margin-bottom: 20px;
+}
+
+.verification_div .form_div .row input {
+  border: 1px solid #d7d5e4;
+  background: transparent;
+  color: #d7d5e4;
+  width: 100%;
+  height: 45px;
+  text-align: center;
+  border-radius: 8px;
+  font-size: 16px;
+}
+
+.verification_div .form_div .row .login_btn {
+  width: 100%;
+  background-color: #29285b;
+  color: #fff;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+}
+
+.verification_div .form_div .row .resend_btn {
+  width: 100%;
+  background-color: transparent;
+  color: #29285b;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+  font-weight: 900;
+}
+
+.verification_div .form_div .row hr {
+  border: 1px solid #d7d5e4;
+  border-bottom: none;
+  margin-top: 30px;
+  margin-bottom: 10px;
+}
+
+.verification_div .form_div .row P {
+  text-align: center;
+  color: #3b394d;
+  margin: 0px;
+  text-align: center;
+}
+
+.verification_div .form_div .row P span {
+  background-color: #fff;
+  padding: 10px;
+  font-size: 18px;
+}
+
+.verification_div .form_div .row h4 {
+  color: #3b394d;
+  text-align: center;
+  margin: 0px;
+  padding-top: 15px;
+}
+
+.verification_div .form_div .row h6 {
+  color: #29285b;
+  text-align: center;
+  font-weight: bold;
+  padding-bottom: 20%;
+  font-size: 25px;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 30px;
+  height: 30px;
+  border-radius: 10px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 10px;
+  top: 15px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.verification_div .form_div .row .social_div {
+  border: 1px solid #d7d5e4;
+  height: 45px;
+  border-radius: 20px;
+}
+
+.verification_div .form_div .row .social_div .social_btn {
+  display: inline-block;
+  width: 50%;
+  text-align: center;
+  height: 100%;
+  font-size: 18px;
+  padding: 9px;
+}
+/*# sourceMappingURL=changepass.page.css.map */
\ No newline at end of file

src/app/changepass/changepass.page.css.map

+{
+    "version": 3,
+    "mappings": "AAAC,AAAA,iBAAiB,CAAC;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,MAAM;CA4HjB;;AA9HD,AAGI,iBAHa,CAGb,SAAS,CAAC;EACN,WAAW,EAAE,GAAG;CAyHnB;;AA7HL,AAKQ,iBALS,CAGb,SAAS,CAEL,IAAI,CAAC;EACD,aAAa,EAAE,IAAI;CAsHtB;;AA5HT,AAOY,iBAPK,CAGb,SAAS,CAEL,IAAI,CAEA,KAAK,CAAC;EACF,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;EACxC,UAAU,EAAE,WAAW;EACvB,KAAK,EAAE,OAAsB;EAC7B,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,GAAG;EAClB,SAAS,EAAE,IAAI;CAClB;;AAhBb,AAiBY,iBAjBK,CAGb,SAAS,CAEL,IAAI,CAYA,UAAU,CAAC;EACP,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,GAAG;EAClB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;CAClB;;AAxBb,AAyBY,iBAzBK,CAGb,SAAS,CAEL,IAAI,CAoBA,WAAW,CAAC;EACR,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,WAAW;EAC7B,KAAK,EAAE,OAAO;EACd,aAAa,EAAE,GAAG;EAClB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;CACnB;;AAjCb,AAkCY,iBAlCK,CAGb,SAAS,CAEL,IAAI,CA6BA,EAAE,CAAC;EACC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;EACxC,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,IAAI;EAChB,aAAa,EAAE,IAAI;CACtB;;AAvCb,AAwCY,iBAxCK,CAGb,SAAS,CAEL,IAAI,CAmCA,CAAC,CAAC;EACE,UAAU,EAAE,MAAM;EAClB,KAAK,EAAE,OAAmB;EAC1B,MAAM,EAAE,GAAG;EACX,UAAU,EAAE,MAAM;CAMrB;;AAlDb,AA6CgB,iBA7CC,CAGb,SAAS,CAEL,IAAI,CAmCA,CAAC,CAKG,IAAI,CAAC;EACD,gBAAgB,EAAE,IAAI;EACtB,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;CAClB;;AAjDjB,AAmDY,iBAnDK,CAGb,SAAS,CAEL,IAAI,CA8CA,EAAE,CAAC;EACC,KAAK,EAAE,OAAmB;EAC1B,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,GAAG;EACX,WAAW,EAAE,IAAI;CACpB;;AAxDb,AAyDY,iBAzDK,CAGb,SAAS,CAEL,IAAI,CAoDA,EAAE,CAAC;EACC,KAAK,EAAE,OAAmB;EAC1B,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,GAAG;EACnB,SAAS,EAAE,IAAI;CAgDlB;;AA9Gb,AA+DgB,iBA/DC,CAGb,SAAS,CAEL,IAAI,CAoDA,EAAE,CAME,gBAAgB,CAAC;EACb,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,CAAC;CA4Cb;;AA7GjB,AAkEoB,iBAlEH,CAGb,SAAS,CAEL,IAAI,CAoDA,EAAE,CAME,gBAAgB,GAGV,KAAK,CAAC;EACJ,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,OAAO;EACf,OAAO,EAAE,CAAC;CACb;;AAtErB,AAwEoB,iBAxEH,CAGb,SAAS,CAEL,IAAI,CAoDA,EAAE,CAME,gBAAgB,GASV,KAAK,AAAA,OAAO,CAAC;EACX,OAAO,EAAE,EAAE;EACX,YAAY,EAAE,IAAI;EAClB,OAAO,EAAE,YAAY;EACrB,cAAc,EAAE,QAAQ;EACxB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,KAAK;EACjB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;CAC3C;;AAlFrB,AAoFoB,iBApFH,CAGb,SAAS,CAEL,IAAI,CAoDA,EAAE,CAME,gBAAgB,AAqBX,QAAQ,GAAC,KAAK,AAAA,OAAO,CAAC;EACnB,UAAU,EAAE,OAAO;CACtB;;AAtFrB,AAwFoB,iBAxFH,CAGb,SAAS,CAEL,IAAI,CAoDA,EAAE,CAME,gBAAgB,AAyBX,SAAS,GAAC,KAAK,CAAC;EACb,KAAK,EAAE,OAAO;EACd,MAAM,EAAE,IAAI;CACf;;AA3FrB,AA6FoB,iBA7FH,CAGb,SAAS,CAEL,IAAI,CAoDA,EAAE,CAME,gBAAgB,AA8BX,SAAS,GAAC,KAAK,AAAA,OAAO,CAAC;EACpB,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,IAAI;CACnB;;AAhGrB,AAkGoB,iBAlGH,CAGb,SAAS,CAEL,IAAI,CAoDA,EAAE,CAME,gBAAgB,AAmCX,QAAQ,GAAC,KAAK,AAAA,MAAM,CAAC;EAClB,OAAO,EAAE,EAAE;EACX,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,IAAI;EACV,GAAG,EAAE,IAAI;EACT,UAAU,EAAE,KAAK;EACjB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,UAAU,EAAE,oGAAoG;EAChH,SAAS,EAAE,aAAa;CAC3B;;AA5GrB,AA+GY,iBA/GK,CAGb,SAAS,CAEL,IAAI,CA0GA,WAAW,CAAC;EACR,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;EACxC,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;CAStB;;AA3Hb,AAmHgB,iBAnHC,CAGb,SAAS,CAEL,IAAI,CA0GA,WAAW,CAIP,WAAW,CAAC;EACR,OAAO,EAAE,YAAY;EACrB,KAAK,EAAE,GAAG;EACV,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,GAAG;CACf",
+    "sources": [
+        "changepass.page.scss"
+    ],
+    "names": [],
+    "file": "changepass.page.css"
+}
\ No newline at end of file

src/app/forgot/forgot.page.css

+.verification_div {
+  width: 80%;
+  margin: 0 auto;
+}
+
+.verification_div .form_div {
+  padding-top: 60%;
+}
+
+.verification_div .form_div .row {
+  margin-bottom: 20px;
+}
+
+.verification_div .form_div .row input {
+  border: 1px solid #d7d5e4;
+  background: transparent;
+  color: #d7d5e4;
+  width: 100%;
+  height: 45px;
+  text-align: center;
+  border-radius: 8px;
+  font-size: 16px;
+}
+
+.verification_div .form_div .row .login_btn {
+  width: 100%;
+  background-color: #29285b;
+  color: #fff;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+}
+
+.verification_div .form_div .row .resend_btn {
+  width: 100%;
+  background-color: transparent;
+  color: #29285b;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+  font-weight: 900;
+}
+
+.verification_div .form_div .row hr {
+  border: 1px solid #d7d5e4;
+  border-bottom: none;
+  margin-top: 30px;
+  margin-bottom: 10px;
+}
+
+.verification_div .form_div .row P {
+  text-align: center;
+  color: #3b394d;
+  margin: 0px;
+  text-align: center;
+}
+
+.verification_div .form_div .row P span {
+  background-color: #fff;
+  padding: 10px;
+  font-size: 18px;
+}
+
+.verification_div .form_div .row h4 {
+  color: #3b394d;
+  text-align: center;
+  margin: 0px;
+  padding-top: 15px;
+}
+
+.verification_div .form_div .row h6 {
+  color: #29285b;
+  text-align: center;
+  font-weight: bold;
+  padding-bottom: 20%;
+  font-size: 25px;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 30px;
+  height: 30px;
+  border-radius: 10px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 10px;
+  top: 15px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.verification_div .form_div .row .social_div {
+  border: 1px solid #d7d5e4;
+  height: 45px;
+  border-radius: 20px;
+}
+
+.verification_div .form_div .row .social_div .social_btn {
+  display: inline-block;
+  width: 50%;
+  text-align: center;
+  height: 100%;
+  font-size: 18px;
+  padding: 9px;
+}
+/*# sourceMappingURL=forgot.page.css.map */
\ No newline at end of file

src/app/forgot/forgot.page.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "forgot.page.scss"
+    ],
+    "names": [],
+    "file": "forgot.page.css"
+}
\ No newline at end of file

src/app/landing/landing.page.css

+.start_wizard_wrapper {
+  padding-top: 30px;
+}
+
+.start_wizard_wrapper ion-slides .wizard_inner_wrapper {
+  width: 100%;
+}
+
+.start_wizard_wrapper ion-slides .wizard_inner_wrapper .wizard_textarea {
+  width: 100%;
+  padding: 15px;
+  padding-top: 0px;
+  padding-bottom: 30px;
+}
+
+.start_wizard_wrapper ion-slides .wizard_inner_wrapper .wizard_textarea h3 {
+  color: #3b394d;
+  font-size: 20px;
+  margin: 0px;
+  padding: 0px;
+  font-weight: 800;
+  padding-bottom: 10px;
+}
+
+.start_wizard_wrapper ion-slides .wizard_inner_wrapper .wizard_textarea p {
+  color: #4e4961;
+  margin: 0px;
+  padding: 0px;
+  font-size: 16px;
+  padding-bottom: 20px;
+}
+
+.start_wizard_wrapper ion-slides .swiper-pagination .swiper-pagination-bullet {
+  background: #282438 !important;
+}
+
+.start_wizard_wrapper .btn_row {
+  text-align: center;
+  padding: 10px;
+}
+
+.start_wizard_wrapper .btn_row .btn_bay {
+  display: inline-block;
+  border-radius: 20px;
+}
+
+.start_wizard_wrapper .btn_row .btn_bay .btn_next {
+  background-color: #29285b;
+  display: inline-block;
+  padding: 10px;
+  padding-left: 30px;
+  padding-right: 30px;
+  cursor: pointer;
+  border-radius: 8px;
+  color: #fff;
+  font-size: 18px;
+  letter-spacing: 2px;
+}
+
+.start_wizard_wrapper .btn_row .btn_bay .btn_getstarted {
+  width: 100%;
+  background-color: #29285b;
+  display: inline-block;
+  padding: 10px;
+  padding-left: 50px;
+  padding-right: 50px;
+  cursor: pointer;
+  border-radius: 8px;
+  color: #fff;
+}
+/*# sourceMappingURL=landing.page.css.map */
\ No newline at end of file

src/app/landing/landing.page.css.map

+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,qBAAqB,CAAC;EAClB,WAAW,EAAE,IAAI;CA+DpB;;AAhED,AAGQ,qBAHa,CAEjB,UAAU,CACN,qBAAqB,CAAC;EAClB,KAAK,EAAE,IAAI;CAsBd;;AA1BT,AAKY,qBALS,CAEjB,UAAU,CACN,qBAAqB,CAEjB,gBAAgB,CAAC;EACb,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,IAAI;CAgBvB;;AAzBb,AAUgB,qBAVK,CAEjB,UAAU,CACN,qBAAqB,CAEjB,gBAAgB,CAKZ,EAAE,CAAC;EACC,KAAK,EAAE,OAAmB;EAC1B,SAAS,EAAE,IAAI;EACf,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,GAAG;EACZ,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,IAAI;CACvB;;AAjBjB,AAkBgB,qBAlBK,CAEjB,UAAU,CACN,qBAAqB,CAEjB,gBAAgB,CAaZ,CAAC,CAAC;EACE,KAAK,EAAE,OAAO;EACd,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,GAAG;EACZ,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,IAAI;CACvB;;AAxBjB,AA4BY,qBA5BS,CAEjB,UAAU,CAyBN,kBAAkB,CACd,yBAAyB,CAAC;EACtB,UAAU,EAAE,kBAAkB;CACjC;;AA9Bb,AAiCI,qBAjCiB,CAiCjB,QAAQ,CAAC;EACL,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,IAAI;CA4BhB;;AA/DL,AAoCQ,qBApCa,CAiCjB,QAAQ,CAGJ,QAAQ,CAAC;EACL,OAAO,EAAE,YAAY;EACrB,aAAa,EAAE,IAAI;CAwBtB;;AA9DT,AAuCY,qBAvCS,CAiCjB,QAAQ,CAGJ,QAAQ,CAGJ,SAAS,CAAC;EACN,gBAAgB,EAAE,OAAO;EACzB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,IAAI;EACb,YAAY,EAAE,IAAI;EAClB,aAAa,EAAE,IAAI;EACnB,MAAM,EAAE,OAAO;EACf,aAAa,EAAE,GAAG;EAClB,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,GAAG;CACtB;;AAlDb,AAmDY,qBAnDS,CAiCjB,QAAQ,CAGJ,QAAQ,CAeJ,eAAe,CAAC;EACZ,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,OAAO;EACzB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,IAAI;EACb,YAAY,EAAE,IAAI;EAClB,aAAa,EAAE,IAAI;EACnB,MAAM,EAAE,OAAO;EACf,aAAa,EAAE,GAAG;EAClB,KAAK,EAAE,IAAI;CACd",
+    "sources": [
+        "landing.page.scss"
+    ],
+    "names": [],
+    "file": "landing.page.css"
+}
\ No newline at end of file

src/app/login/login.page.css

+.login_wrapper {
+  width: 80%;
+  margin: 0 auto;
+}
+
+.login_wrapper .logo_wrapper {
+  width: 100%;
+  text-align: center;
+  padding-top: 50px;
+  padding-bottom: 30px;
+}
+
+.login_wrapper .logo_wrapper img {
+  width: 180px;
+}
+
+.login_wrapper .form_div .row {
+  margin-bottom: 20px;
+}
+
+.login_wrapper .form_div .row input {
+  border: 1px solid #d7d5e4;
+  background: transparent;
+  color: #d7d5e4;
+  width: 100%;
+  height: 45px;
+  text-align: center;
+  border-radius: 8px;
+  font-size: 16px;
+}
+
+.login_wrapper .form_div .row .login_btn {
+  width: 100%;
+  background-color: #29285b;
+  color: #fff;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+}
+
+.login_wrapper .form_div .row hr {
+  border: 1px solid #d7d5e4;
+  border-bottom: none;
+  margin-top: 30px;
+  margin-bottom: 10px;
+}
+
+.login_wrapper .form_div .row P {
+  text-align: center;
+  color: #3b394d;
+  margin: 0px;
+  position: relative;
+  bottom: 20px;
+}
+
+.login_wrapper .form_div .row P span {
+  background-color: #fff;
+  padding: 10px;
+  font-size: 18px;
+}
+
+.login_wrapper .form_div .row h4 {
+  color: #3b394d;
+  text-align: center;
+  margin: 0px;
+  padding-top: 15px;
+}
+
+.login_wrapper .form_div .row .social_div {
+  border: 1px solid #d7d5e4;
+  height: 45px;
+  border-radius: 20px;
+}
+
+.login_wrapper .form_div .row .social_div .social_btn {
+  display: inline-block;
+  width: 50%;
+  text-align: center;
+  height: 100%;
+  font-size: 18px;
+  padding: 9px;
+}
+/*# sourceMappingURL=login.page.css.map */
\ No newline at end of file

src/app/login/login.page.css.map

+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,cAAc,CAAC;EACX,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,MAAM;CAsEjB;;AAxED,AAGI,cAHU,CAGV,aAAa,CAAC;EACV,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;CAIvB;;AAXL,AAQQ,cARM,CAGV,aAAa,CAKT,GAAG,CAAC;EACA,KAAK,EAAE,KAAK;CACf;;AAVT,AAaQ,cAbM,CAYV,SAAS,CACL,IAAI,CAAC;EACD,aAAa,EAAE,IAAI;CAwDtB;;AAtET,AAeY,cAfE,CAYV,SAAS,CACL,IAAI,CAEA,KAAK,CAAC;EACF,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;EACxC,UAAU,EAAE,WAAW;EACvB,KAAK,EAAE,OAAsB;EAC7B,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,GAAG;EAClB,SAAS,EAAE,IAAI;CAClB;;AAxBb,AAyBY,cAzBE,CAYV,SAAS,CACL,IAAI,CAYA,UAAU,CAAC;EACP,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,GAAG;EAClB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;CAClB;;AAhCb,AAiCY,cAjCE,CAYV,SAAS,CACL,IAAI,CAoBA,EAAE,CAAC;EACC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;EACxC,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,IAAI;EAChB,aAAa,EAAE,IAAI;CACtB;;AAtCb,AAuCY,cAvCE,CAYV,SAAS,CACL,IAAI,CA0BA,CAAC,CAAC;EACE,UAAU,EAAE,MAAM;EAClB,KAAK,EAAE,OAAmB;EAC1B,MAAM,EAAE,GAAG;EACX,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,IAAI;CAMf;;AAlDb,AA6CgB,cA7CF,CAYV,SAAS,CACL,IAAI,CA0BA,CAAC,CAMG,IAAI,CAAC;EACD,gBAAgB,EAAE,IAAI;EACtB,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;CAClB;;AAjDjB,AAmDY,cAnDE,CAYV,SAAS,CACL,IAAI,CAsCA,EAAE,CAAC;EACC,KAAK,EAAE,OAAmB;EAC1B,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,GAAG;EACX,WAAW,EAAE,IAAI;CACpB;;AAxDb,AAyDY,cAzDE,CAYV,SAAS,CACL,IAAI,CA4CA,WAAW,CAAC;EACR,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAsB;EACxC,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;CAStB;;AArEb,AA6DgB,cA7DF,CAYV,SAAS,CACL,IAAI,CA4CA,WAAW,CAIP,WAAW,CAAC;EACR,OAAO,EAAE,YAAY;EACrB,KAAK,EAAE,GAAG;EACV,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,GAAG;CACf",
+    "sources": [
+        "login.page.scss"
+    ],
+    "names": [],
+    "file": "login.page.css"
+}
\ No newline at end of file

src/app/myorder/myorder.page.css

+.myorder_wrapper ul {
+  margin: 0px;
+  padding: 10px;
+}
+
+.myorder_wrapper ul li {
+  list-style: none;
+  padding: 10px;
+  padding-bottom: 15px;
+}
+
+.myorder_wrapper ul li .order_info {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.myorder_wrapper ul li .order_info h5 {
+  margin: 0px;
+  padding: 0px;
+}
+
+.myorder_wrapper ul li .order_info .order_track {
+  background-color: #35cbab;
+  color: #fff;
+  border-radius: 3px;
+  padding: 3px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.myorder_wrapper ul li .order_image {
+  width: 90px;
+  height: 90px;
+  float: left;
+  border-radius: 8px;
+  background-color: #a8a8a8;
+}
+
+.myorder_wrapper ul li .order_image img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: center;
+     object-position: center;
+}
+
+.myorder_wrapper ul li .order_detail {
+  width: calc(100% - 190px);
+  float: left;
+  padding-left: 20px;
+}
+
+.myorder_wrapper ul li .order_detail h5 {
+  margin: 0px;
+  padding: 0px;
+  color: #b0aec7;
+  font-size: 16px;
+  padding-top: 3px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+.myorder_wrapper ul li .order_detail h5 span {
+  color: #29285b;
+}
+
+.myorder_wrapper ul li .order_detail h6 {
+  margin: 0px;
+  padding: 0px;
+  color: #b0aec7;
+  font-size: 12px;
+  padding-top: 9px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.myorder_wrapper ul li .order_detail p {
+  margin: 0px;
+  padding: 0px;
+  color: #3b394d;
+  font-weight: 900;
+  padding-top: 10px;
+  font-size: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.myorder_wrapper ul li .order_other {
+  width: 100px;
+  float: right;
+}
+
+.myorder_wrapper ul li .order_other h6 {
+  margin: 0px;
+  padding: 0px;
+  color: #b0aec7;
+  font-size: 12px;
+  padding-top: 9px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-bottom: 10px;
+}
+
+.myorder_wrapper ul li .order_other h5 {
+  margin: 0px;
+  padding: 0px;
+  color: #ce994c;
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.myorder_wrapper ul li .order_other .track_btn {
+  background: #29285b;
+  color: #FFF;
+  float: right;
+  padding: 12px;
+  font-size: 18px;
+  border-radius: 5px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+/*# sourceMappingURL=myorder.page.css.map */
\ No newline at end of file

src/app/myorder/myorder.page.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "myorder.page.scss"
+    ],
+    "names": [],
+    "file": "myorder.page.css"
+}
\ No newline at end of file

src/app/myorder/myorder.page.html

 <div class="nav_header">
-    <button class="nav_btn nav_back floatLeft" (click)="goBack()">
-  </button>
-    <div class="nav_title floatLeft">
-        <h4>MY ORDERS</h4>
-    </div>
-    <div class="clear"></div>
+  <button class="nav_btn nav_back floatLeft" (click)="goBack()"></button>
+  <div class="nav_title floatLeft">
+    <h4>MY ORDERS</h4>
+  </div>
+  <div class="clear"></div>
 </div>
 <ion-content>
-    <div class="myorder_wrapper" *ngIf="myorder.orders">
-        <ul *ngIf="myorder.orders.length > 0">
-            <li *ngFor="let order of myorder.orders; let i = index">
-                <div class="order_info">
-                    <h5 class="floatLeft">{{order.orderCode}}</h5>
-                    <button class="order_track floatRight" *ngIf="order.orderStatus >= 3 && order.orderStatus < 7" (click)="orderDetails(i)">Track Order</button>
-                    <div class="clear"></div>
-                </div>
-                <div *ngFor="let product of order.product" (click)="viewOrder(order)">
-                        <div class="order_image"><img [src]="product.image" onerror="" /></div>
-                        <div class="order_detail">
-                            <h5 class="floatLeft">{{product.prodName}}</h5>
-                            <div class="clear"></div>
-                            <h5>{{product.color}}, {{product.size}} <span>{{product.qty}}</span></h5>
-                          
-                            <p>A$ {{product.price}}</p>
-                            
-                        </div>
-                        <div class="order_other">
-                            <h6 class="floatRight">{{ order.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</h6>
-                            <span class="floatRight" *ngIf="order.orderStatus < 3 || order.orderStatus >= 7" (click)="acceptOrder(order)">{{getStatus(order.orderStatus)}}</span>
-                            <div class="clear"></div>
-                            <!-- <button class="track_btn" *ngIf="order.orderStatus >= 3 && order.orderStatus < 7" (click)="orderDetails(i)">TRACK</button> -->
-                            <div class="clear"></div>
-                        </div>
-                        <div class="clear"></div>
-                        <hr>
-                </div>
-                
-            
-                   
-                    <div class="order_info">
-                            <h5 class="floatRight">TOTAL PRICE : {{order.amount}}</h5>
-                           
-                            <div class="clear"></div>
-                        </div>
-            </li>
-            
-            <!-- <li>
+  <div class="myorder_wrapper" *ngIf="myorder.orders">
+    <ul *ngIf="myorder.orders.length > 0">
+      <li *ngFor="let order of myorder.orders; let i = index">
+        <div class="order_info">
+          <h5 class="floatLeft">{{order.orderCode}}</h5>
+          <button
+            class="order_track floatRight"
+            *ngIf="order.orderStatus >= 3 && order.orderStatus < 7"
+            (click)="orderDetails(i)"
+          >
+            Track Order
+          </button>
+          <div class="clear"></div>
+        </div>
+        <div *ngFor="let product of order.product" (click)="viewOrder(order)">
+          <div class="order_image">
+            <img [src]="product.image" onerror="" />
+          </div>
+          <div class="order_detail">
+            <h5 class="floatLeft">{{product.prodName}}</h5>
+            <div class="clear"></div>
+            <h5>
+              <span *ngIf="product.color !== 'No-Color'"
+                >{{product.color}},
+              </span>
+              <span *ngIf="product.size !== 'Any-Size'">{{product.size}}</span
+              >&nbsp;<span>{{product.qty}}</span>
+            </h5>
+
+            <p>A$ {{product.price}}</p>
+          </div>
+          <div class="order_other">
+            <h6 class="floatRight">
+              {{ order.bookDate.seconds * 1000 | date:'MMMM dd, y' }}
+            </h6>
+            <span
+              class="floatRight"
+              *ngIf="order.orderStatus < 3 || order.orderStatus >= 7"
+              (click)="acceptOrder(order)"
+              >{{getStatus(order.orderStatus)}}</span
+            >
+            <div class="clear"></div>
+            <!-- <button class="track_btn" *ngIf="order.orderStatus >= 3 && order.orderStatus < 7" (click)="orderDetails(i)">TRACK</button> -->
+            <div class="clear"></div>
+          </div>
+          <div class="clear"></div>
+          <hr />
+        </div>
+
+        <div class="order_info">
+          <h5 class="floatRight">TOTAL PRICE : {{order.amount}}</h5>
+
+          <div class="clear"></div>
+        </div>
+      </li>
+
+      <!-- <li>
                 <div class="order_image"></div>
                 <div class="order_detail">
                     <h5 class="floatLeft">European Style V Neck</h5>
@@ -91,12 +108,12 @@
                 </div>
                 <div class="clear"></div>
             </li> -->
-        </ul>
-    </div>
+    </ul>
+  </div>
 </ion-content>
 <div class="loader" *ngIf="loader">
-    <div class="lds-ripple">
-        <div></div>
-        <div></div>
-    </div>
-</div>
+  <div class="lds-ripple">
+    <div></div>
+    <div></div>
+  </div>
+</div>
\ No newline at end of file

src/app/nearby/nearby.page.css

+.nearby_map {
+  width: 100%;
+  height: 100vh;
+}
+
+.nearby_map .overlay {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  background: rgba(29, 27, 130, 0.2);
+}
+
+.nearby_map agm-map {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.nearby_map .click_marker {
+  min-width: 200px;
+  padding: 10px;
+}
+
+.nearby_map .click_marker h5 {
+  margin: 0px;
+  padding: 0px;
+}
+
+.nearby_map .click_marker p {
+  margin: 0px;
+  padding: 0px;
+}
+
+.add_address_wrapper {
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  padding: 20px;
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
+  background: #fff;
+  -webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
+}
+
+.add_address_wrapper h5 {
+  color: #29285b;
+  margin: 0px;
+  padding: 0px;
+  font-weight: 800;
+}
+
+.add_address_wrapper input {
+  width: 100%;
+  height: 45px;
+  border: 1px solid #E1E0EB;
+  border-radius: 4px;
+  padding-left: 10px;
+  padding-right: 10px;
+  margin-bottom: 20px;
+}
+
+.add_address_wrapper .add_btn {
+  width: 100%;
+  height: 45px;
+  background-color: #29285B;
+  color: #fff;
+  border-radius: 4px;
+}
+
+.styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+
+.styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 20px;
+  height: 20px;
+  border-radius: 10px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 6px;
+  top: 11px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+/*# sourceMappingURL=nearby.page.css.map */
\ No newline at end of file

src/app/nearby/nearby.page.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "nearby.page.scss"
+    ],
+    "names": [],
+    "file": "nearby.page.css"
+}
\ No newline at end of file

src/app/orderdelivered/orderdelivered.page.css

+/* No CSS *//*# sourceMappingURL=orderdelivered.page.css.map */
\ No newline at end of file

src/app/orderdelivered/orderdelivered.page.css.map

+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "orderdelivered.page.scss"
+    ],
+    "names": [],
+    "file": "orderdelivered.page.css"
+}
\ No newline at end of file

src/app/orderplaced/orderplaced.page.html

 <ion-content>
-    <div class="cart_wrapper" *ngIf="data">
-        <div class="cart_head">
-            <div class="nav_header">
-                <button class="nav_btn nav_back_white floatLeft" (click)="goBack()">
-                    <img src="../assets/arrow_white.png">
+  <div class="cart_wrapper" *ngIf="data">
+    <div class="cart_head">
+      <div class="nav_header">
+        <button class="nav_btn nav_back_white floatLeft" (click)="goBack()">
+          <img src="../assets/arrow_white.png" />
         </button>
-                <div class="nav_title floatLeft">
-                    <h4></h4>
-                </div>
-                <button class="nav_btn floatRight">
-        </button>
-                <div class="clear"></div>
-            </div>
-            <img src="../assets/white_tick.png">
-            <h4>ORDER IS PLACED</h4>
-            <p>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</p>
+        <div class="nav_title floatLeft">
+          <h4></h4>
         </div>
-        <div class="order_status">
-
-            <div class="clear"></div>
-            <div class="status_div go_green">
-                <h4>Order Placed</h4>
-                <h6>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</h6>
-            </div>
-            <!-- <div class="status_gap go_green">
+        <button class="nav_btn floatRight"></button>
+        <div class="clear"></div>
+      </div>
+      <img src="../assets/white_tick.png" />
+      <h4>ORDER IS PLACED</h4>
+      <p>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</p>
+    </div>
+    <div class="order_status">
+      <div class="clear"></div>
+      <div class="status_div go_green">
+        <h4>Order Placed</h4>
+        <h6>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</h6>
+      </div>
+      <!-- <div class="status_gap go_green">
             </div>
             <div class="status_div go_green">
                 <h4>Retailer Accepted</h4>
@@ -56,41 +54,56 @@
             <div class="status_div">
                 <h4>Your product is delivered</h4>
             </div> -->
-        </div>
-        <div class="nearby_shop_list">
-            <ul>
-                <li (click)="goToPage('productlist')">
-                    <div class="nearby_image">
-                        <img src="../assets/[email protected]">
-                    </div>
-                    <div class="nearby_detail">
-                        <h5>
-                            <span class="floatLeft">{{data.shopperName}}</span>
-                            <span class="floatRight">0
-                     <img src="../assets/Path61_2.png">
-                   </span>
-                            <div class="clear"></div>
-                        </h5>
-                        <p>Men's & Women's Fashion</p>
-                    </div>
-                    <div class="clear"></div>
-                </li>
-            </ul>
-        </div>
-        <div class="product_detail" *ngFor="let product of data.product">
-            <h6>{{product.color}}, {{product.size}}</h6>
-            <h5>Quantity : <span>{{product.qty}}</span></h5>
-            <h5>Amount : <strong>A$ {{product.price}}</strong><span class="afterpay">COD</span></h5>
-            <h5>Delivery time : <span>Delivery in 1 hour</span></h5>
-            <h4>DELIVERY</h4>
+    </div>
+    <div class="nearby_shop_list">
+      <ul>
+        <li (click)="goToPage('productlist')">
+          <div class="nearby_image">
+            <img
+              [src]="data.product[0].image"
+              onerror="this.src='../assets/[email protected]'"
+            />
+          </div>
+          <div class="nearby_detail">
             <h5>
-                {{deliveryAddress}}
+              <span class="floatLeft">{{data.shopperName}}</span>
+              <span class="floatRight"
+                >{{data.product[0].qty}}
+                <img src="../assets/Path61_2.png" />
+              </span>
+              <div class="clear"></div>
             </h5>
-            <button class="cancel_btn" (click)="goToPage('ordercancelled')">CANCEL THIS ORDER</button>
-            <hr>
-        </div>
+            <p class="prodName">{{data.product[0].prodName}}</p>
+          </div>
+          <div class="clear"></div>
+        </li>
+      </ul>
+    </div>
+    <div class="product_detail" *ngFor="let product of data.product">
+      <h6>
+        <span *ngIf="product.color !== 'No-Color'">{{product.color}}, </span>
+        <span *ngIf="product.size !== 'Any-Size'">{{product.size}}</span>
+      </h6>
+      <h5>Quantity : <span>{{product.qty}}</span></h5>
+      <h5>
+        Amount : <strong>A$ {{product.price}}</strong
+        ><span class="afterpay">COD</span>
+      </h5>
+      <h5>Delivery time : <span>{{deliveryTime}}</span></h5>
+      <h4>DELIVERY</h4>
+      <h5 *ngIf="data.deliveryAddress">
+        {{data.deliveryAddress.addressType}},<br />{{data.deliveryAddress.address}},
+        <br />
+        {{data.deliveryAddress.building}}, <br />
+        {{data.deliveryAddress.landmark}}
+      </h5>
+      <button class="cancel_btn" (click)="goToPage('ordercancelled')">
+        CANCEL THIS ORDER
+      </button>
+      <hr />
+    </div>
 
-        <!-- <div class="related_product_slider">
+    <!-- <div class="related_product_slider">
             <h5>
                 <span class="floatLeft">Related Products</span><span class="floatRight">MORE</span>
                 <div class="clear"></div>
@@ -145,5 +158,5 @@
                 </ion-slides>
             </ul>
         </div> -->
-    </div>
-</ion-content>
+  </div>
+</ion-content>
\ No newline at end of file

src/app/orderplaced/orderplaced.page.ts

@@ -6,29 +6,58 @@ import { ServiceService } from './../../config/service.service';
 @Component({
   selector: 'app-orderplaced',
   templateUrl: './orderplaced.page.html',
-  styleUrls: ['./orderplaced.page.scss'],
+  styleUrls: ['./orderplaced.page.scss']
 })
 export class OrderplacedPage implements OnInit {
-  data: any;
+  deliveryTime: any;
+  timeinterval: any;
   constructor(
     private router: Router,
     private route: ActivatedRoute,
     private location: Location,
     private service: ServiceService
   ) {
+    this.deliveryTime = '';
     this.service.get('order').then(val => {
       this.data = val;
+      this.timeinterval = setInterval(() => {
+        this.getDeliveryTime(this.data.bookDate.seconds);
+      }, 1000);
     });
-
-  }
-
-  ngOnInit() {
   }
+  data: any;
 
   relatedProd = {
     slidesPerView: 2
+  };
+
+  getDeliveryTime(timeStamp) {
+    console.log(timeStamp);
+    const endDate = new Date(timeStamp * 1000);
+    console.log(endDate);
+    endDate.setHours(endDate.getHours() + 1);
+    const t = this.getTimeRemaining(endDate, new Date());
+    const minutes = t.minutes < 10 ? '0' + t.minutes : t.minutes;
+    const seconds = t.seconds < 10 ? '0' + t.seconds : t.seconds;
+    this.deliveryTime = minutes + ' : ' + seconds;
+    if (t.t <= 0) {
+      clearInterval(this.timeinterval);
+    }
   }
 
+  getTimeRemaining(endtime, currDate) {
+    const t = Date.parse(endtime) - Date.parse(currDate);
+    const seconds = Math.floor((t / 1000) % 60);
+    const minutes = Math.floor((t / 1000 / 60) % 60);
+    return {
+      t,
+      minutes,
+      seconds
+    };
+  }
+
+  ngOnInit() {}
+
   goToPage(path, data = null) {
     this.router.navigateByUrl(path, { queryParams: data });
     document.body.scrollTop = document.documentElement.scrollTop = 0;
@@ -36,6 +65,5 @@ export class OrderplacedPage implements OnInit {
 
   goBack() {
     this.location.back();
-  } 
-
+  }
 }

src/app/productlist/productlist.page.css

+.product_list {
+  padding-bottom: 50px;
+}
+
+.product_list .product_title {
+  padding: 10px;
+  padding-bottom: 20px;
+  padding-top: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #29285b;
+}
+
+.product_list .product_taskbar {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
+  height: 45px;
+  width: calc(100% - 20px);
+  margin: 0 auto;
+  background-image: url("../../assets/Group109_2.png");
+  background-position: left;
+  background-repeat: no-repeat;
+  background-size: 12px;
+}
+
+.product_list .product_taskbar .filter {
+  width: 45px;
+  height: 45px;
+  cursor: pointer;
+}
+
+.product_list .product_taskbar .viewset {
+  width: 45px;
+  height: 45px;
+  cursor: pointer;
+}
+
+.product_list .product_taskbar .viewset .grid_view {
+  width: 50%;
+  height: 100%;
+  cursor: pointer;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 15px;
+  background-image: url("../../assets/Group111_2.png");
+}
+
+.product_list .product_taskbar .viewset .line_view {
+  background-image: url("../../assets/Group110_2.png");
+  cursor: pointer;
+}
+
+.product_list .grid_view li {
+  width: 100%;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
+  -webkit-transition: 1s;
+  transition: 1s;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+}
+
+.product_list .grid_view li .product_image {
+  height: 390px;
+}
+
+.product_list ul {
+  padding: 10px;
+  padding-bottom: 0px;
+  padding-top: 0px;
+  margin: 0px;
+}
+
+.product_list ul li {
+  width: calc(100% - 50%);
+  display: inline-block;
+  border: 10px solid #fff;
+  border-top: none;
+  border-bottom: none;
+  margin-bottom: 20px;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
+  -webkit-transform: translateX(2%);
+          transform: translateX(2%);
+  -webkit-transition: 1s;
+  transition: 1s;
+}
+
+.product_list ul li .product_image {
+  height: 235px;
+  position: relative;
+}
+
+.product_list ul li .product_image .featured_badge {
+  position: absolute;
+  top: 20px;
+  left: 0px;
+  color: #fff;
+  background-color: #29285b;
+  padding: 2px;
+  padding-left: 10px;
+  padding-right: 10px;
+  font-size: 13px;
+}
+
+.product_list ul li .product_image .fav_icon {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  font-size: 27px;
+  width: 30px;
+  height: 30px;
+  background-image: url("../../assets/Group32_2.png");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 24px;
+}
+
+.product_list ul li .product_image .fav_fill {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  font-size: 27px;
+  width: 30px;
+  height: 30px;
+  background-image: url("../../assets/fav_fill.png");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 24px;
+}
+
+.product_list ul li .product_image img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: center;
+     object-position: center;
+}
+
+.product_list ul li h5 {
+  margin: 0px;
+  padding: 0px;
+  color: #3b394d;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.product_list ul li p {
+  margin: 0px;
+  padding: 0px;
+  color: #b0aec7;
+}
+
+.product_list ul li p span {
+  text-decoration: line-through;
+  margin-left: 10px;
+  color: #d7d5e4;
+}
+
+.product_list ul li p .offer {
+  color: #fff;
+  background-color: #29285b;
+  border-radius: 4px;
+  text-decoration: none;
+  padding: 3px;
+  font-size: 13px;
+}
+
+.product_list .ellipse {
+  white-space: nowrap;
+  width: 180px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.sort_wrappper {
+  height: 100vh;
+  width: 100%;
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 99;
+}
+
+.sort_wrappper .sort_inner {
+  margin: 0 auto;
+  width: 280px;
+  padding: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-bottom: 15px;
+  background-color: #fff;
+  position: relative;
+  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
+  top: 25%;
+  border-radius: 10px;
+}
+
+.sort_wrappper .sort_inner h4 {
+  text-align: center;
+  color: #3b394d;
+  margin: 0px;
+  font-weight: bold;
+  padding: 10px;
+  font-size: 18px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
+  padding-bottom: 20px;
+}
+
+.sort_wrappper .sort_inner ul {
+  margin: 0px;
+  padding: 0px;
+}
+
+.sort_wrappper .sort_inner ul li {
+  list-style: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.sort_wrappper .sort_inner ul li .styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.sort_wrappper .sort_inner ul li .styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+  width: 100%;
+}
+
+.sort_wrappper .sort_inner ul li .styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 20px;
+  height: 20px;
+  border-radius: 5px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.sort_wrappper .sort_inner ul li .styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.sort_wrappper .sort_inner ul li .styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.sort_wrappper .sort_inner ul li .styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.sort_wrappper .sort_inner ul li .styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 6px;
+  top: 10px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.sort_wrappper .sort_inner .sort_footer {
+  padding-top: 10px;
+}
+
+.sort_wrappper .sort_inner .sort_footer button {
+  border-radius: 8px;
+  height: 40px;
+  width: 48%;
+  color: #fff;
+  font-size: 15px;
+  font-weight: lighter;
+}
+
+.sort_wrappper .sort_inner .sort_footer .submit {
+  background-color: #29285b;
+}
+
+.sort_wrappper .sort_inner .sort_footer .cancel {
+  background-color: #d7d5e4;
+}
+/*# sourceMappingURL=productlist.page.css.map */
\ No newline at end of file

src/app/productlist/productlist.page.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "productlist.page.scss"
+    ],
+    "names": [],
+    "file": "productlist.page.css"
+}
\ No newline at end of file

src/app/profile/profile.page.css

+.profile_wrapper .profile_banner {
+  width: 100%;
+  background-image: url("../../assets/profile_banner.png");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  text-align: center;
+  padding-top: 40px;
+}
+
+.profile_wrapper .profile_banner .profile_circle {
+  width: 100px;
+  height: 100px;
+  background-color: #fff;
+  border-radius: 50%;
+  position: relative;
+  margin: 0 auto;
+}
+
+.profile_wrapper .profile_banner .profile_circle img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: center;
+     object-position: center;
+  border-radius: 50%;
+}
+
+.profile_wrapper .profile_banner .profile_circle .edit {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: center;
+     object-position: center;
+  background-color: #000;
+  background-image: url("../../assets/edit_icon.png");
+  background-size: cover;
+  cursor: pointer;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+}
+
+.profile_wrapper .profile_banner h5 {
+  text-align: center;
+  color: #fff;
+  margin: 0px;
+  padding-top: 15px;
+  font-weight: 600;
+  padding-bottom: 5px;
+}
+
+.profile_wrapper .profile_banner p {
+  color: #ce994c;
+  text-align: center;
+  margin: 0px;
+  padding-bottom: 20px;
+  font-weight: 700;
+}
+
+.profile_wrapper .account_wrapper {
+  width: calc(100% - 40px);
+  margin: 0 auto;
+  padding-top: 20px;
+  padding-bottom: 100px;
+}
+
+.profile_wrapper .account_wrapper .account_header {
+  padding-bottom: 15px;
+}
+
+.profile_wrapper .account_wrapper .account_header h5 {
+  margin: 0px;
+  padding: 0px;
+  color: #3b394d;
+  font-weight: 900;
+}
+
+.profile_wrapper .account_wrapper .account_header span {
+  color: #3b394d;
+}
+
+.profile_wrapper .account_wrapper .account_header span img {
+  width: 20px;
+}
+
+.profile_wrapper .account_wrapper p {
+  margin: 0px;
+  padding: 0px;
+  color: #b0aec7;
+  font-size: 18px;
+}
+
+.profile_wrapper .account_wrapper p span {
+  color: #ce994c;
+  margin-left: 10px;
+}
+
+.profile_wrapper .account_wrapper h6 {
+  margin: 0px;
+  padding: 0px;
+  color: #3b394d;
+  font-size: 18px;
+}
+
+.profile_wrapper .account_wrapper h6 ion-icon {
+  color: #b0aec7;
+}
+
+.profile_wrapper .account_wrapper .row {
+  padding-bottom: 20px;
+}
+
+.profile_wrapper .account_wrapper hr {
+  border-bottom: 1px solid rgba(176, 174, 199, 0.5);
+  height: 0px;
+  border-top: none;
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+/*# sourceMappingURL=profile.page.css.map */
\ No newline at end of file

src/app/profile/profile.page.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "profile.page.scss"
+    ],
+    "names": [],
+    "file": "profile.page.css"
+}
\ No newline at end of file

src/app/profile/profile.page.html

@@ -8,13 +8,23 @@
   <div class="clear"></div>
 </div>
 <ion-content>
-  <div class="profile_wrapper">
+  <div class="profile_wrapper" *ngIf="loggedUser">
     <div class="profile_banner">
+      <!-- <div class="profile_circle">
+        <div class="edit"></div>
+      </div> -->
+
       <div class="profile_circle">
+        <img
+          [src]="loggedUser.profilePhoto"
+          onerror="this.src='./../../assets/profile_banner.png'"
+        />
         <div class="edit"></div>
+        <input type="file" accept="image/*" (change)="fileChange($event)" />
       </div>
-      <h5>{{user && user.name}}</h5>
-      <p>LOGOUT</p>
+
+      <h5>{{loggedUser.name}}</h5>
+      <p (click)="authService.SignOut()">LOGOUT</p>
     </div>
     <div class="account_wrapper">
       <div class="account_header">
@@ -30,13 +40,15 @@
         <ion-row>
           <ion-col class="textLeft p0">
             <p>
-              Name<span
-                >{{user && phoneVerified? "Verified": "Not Verified yet"}}</span
+              Phone
+              <span *ngIf="loggedUser.phoneVerified == true">Verified</span>
+              <span *ngIf="loggedUser.phoneVerified == false"
+                >Not Verified yet</span
               >
             </p>
           </ion-col>
           <ion-col class="textRight p0">
-            <h6>{{user && user.name}}</h6>
+            <h6>{{loggedUser.phone}}</h6>
           </ion-col>
         </ion-row>
       </div>
@@ -44,13 +56,16 @@
         <ion-row>
           <ion-col class="textLeft p0">
             <p>
-              Email<span
-                >{{user && emailVerified? "Verified": "Not Verified yet"}}</span
+              Email<span *ngIf="userData && userData.emailVerified == true"
+                >Verified</span
+              >
+              <span *ngIf="loggedUser.emailVerified == false"
+                >Not Verified yet</span
               >
             </p>
           </ion-col>
           <ion-col class="textRight p0">
-            <h6>{{user && user.emailId}}</h6>
+            <h6>{{loggedUser.emailId}}</h6>
           </ion-col>
         </ion-row>
       </div>
@@ -88,7 +103,7 @@
         <ion-col class="textLeft p0">
           <p>My Order</p>
         </ion-col>
-        <ion-col class="textRight p0">
+        <ion-col class="textRight p0" (click)="goToPage('myorder')">
           <h6>
             <ion-icon name="arrow-forward"></ion-icon>
           </h6>

src/app/profile/profile.page.scss

 .profile_wrapper {
-    .profile_banner {
+  .profile_banner {
+    width: 100%;
+    background-image: url('../../assets/profile_banner.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    text-align: center;
+    padding-top: 40px;
+    .profile_circle {
+      width: 100px;
+      height: 100px;
+      background-color: #fff;
+      border-radius: 50%;
+      position: relative;
+      margin: 0 auto;
+      img {
         width: 100%;
-        background-image: url("../../assets/profile_banner.png");
-        background-position: center;
-        background-repeat: no-repeat;
+        height: 100%;
+        object-fit: cover;
+        object-position: center;
+        border-radius: 50%;
+      }
+      input {
+        width: 80px;
+        height: 100%;
+        opacity: 0;
+        cursor: pointer;
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        right: 0px;
+        bottom: 0px;
+      }
+      .edit {
+        width: 30px;
+        height: 30px;
+        border-radius: 50%;
+        object-fit: cover;
+        object-position: center;
+        background-color: #000;
+        background-image: url('../../assets/edit_icon.png');
         background-size: cover;
-        text-align: center;
-        padding-top: 40px;
-        .profile_circle {
-            width: 100px;
-            height: 100px;
-            background-color: #fff;
-            border-radius: 50%;
-            position: relative;
-            margin: 0 auto;
-            img {
-                width: 100%;
-                height: 100%;
-                object-fit: cover;
-                object-position: center;
-                border-radius: 50%;
-            }
-            .edit {
-                width: 30px;
-                height: 30px;
-                border-radius: 50%;
-                object-fit: cover;
-                object-position: center;
-                background-color: #000;
-                background-image: url("../../assets/edit_icon.png");
-                background-size: cover;
-                cursor: pointer;
-                position: absolute;
-                top: 0px;
-                right: 0px;
-            }
-        }
-        h5 {
-            text-align: center;
-            color: #fff;
-            margin: 0px;
-            padding-top: 15px;
-            font-weight: 600;
-            padding-bottom: 5px;
-        }
-        p {
-            color: rgba(206, 153, 76, 1);
-            text-align: center;
-            margin: 0px;
-            padding-bottom: 20px;
-            font-weight: 700;
-        }
+        cursor: pointer;
+        position: absolute;
+        top: 0px;
+        right: 0px;
+      }
     }
-    .account_wrapper {
-        width: calc(100% - 40px);
-        margin: 0 auto;
-        padding-top: 20px;
-        padding-bottom: 100px;
-        .account_header {
-            padding-bottom: 15px;
-            h5 {
-                margin: 0px;
-                padding: 0px;
-                color: rgba(59, 57, 77, 1);
-                font-weight: 900;
-            }
-            span {
-                color: rgba(59, 57, 77, 1);
-                img {
-                    width: 20px;
-                }
-            }
-        }
-        p {
-            margin: 0px;
-            padding: 0px;
-            color: rgba(176, 174, 199, 1);
-            font-size: 18px;
-            span {
-                color: rgba(206, 153, 76, 1);
-                margin-left: 10px;
-            }
-        }
-        h6 {
-            margin: 0px;
-            padding: 0px;
-            color: rgba(59, 57, 77, 1);
-            font-size: 18px;
-            ion-icon {
-                color: rgba(176, 174, 199, 1);
-            }
-        }
-        .row {
-            padding-bottom: 20px;
-        }
-        hr {
-            border-bottom: 1px solid rgba(176, 174, 199, .5);
-            height: 0px;
-            border-top: none;
-            margin-top: 15px;
-            margin-bottom: 15px;
+    h5 {
+      text-align: center;
+      color: #fff;
+      margin: 0px;
+      padding-top: 15px;
+      font-weight: 600;
+      padding-bottom: 5px;
+    }
+    p {
+      color: rgba(206, 153, 76, 1);
+      text-align: center;
+      margin: 0px;
+      padding-bottom: 20px;
+      font-weight: 700;
+    }
+  }
+  .account_wrapper {
+    width: calc(100% - 40px);
+    margin: 0 auto;
+    padding-top: 20px;
+    padding-bottom: 100px;
+    .account_header {
+      padding-bottom: 15px;
+      h5 {
+        margin: 0px;
+        padding: 0px;
+        color: rgba(59, 57, 77, 1);
+        font-weight: 900;
+      }
+      span {
+        color: rgba(59, 57, 77, 1);
+        img {
+          width: 20px;
         }
+      }
+    }
+    p {
+      margin: 0px;
+      padding: 0px;
+      color: rgba(176, 174, 199, 1);
+      font-size: 18px;
+      span {
+        color: rgba(206, 153, 76, 1);
+        margin-left: 10px;
+      }
+    }
+    h6 {
+      margin: 0px;
+      padding: 0px;
+      color: rgba(59, 57, 77, 1);
+      font-size: 18px;
+      ion-icon {
+        color: rgba(176, 174, 199, 1);
+      }
+    }
+    .row {
+      padding-bottom: 20px;
+    }
+    hr {
+      border-bottom: 1px solid rgba(176, 174, 199, 0.5);
+      height: 0px;
+      border-top: none;
+      margin-top: 15px;
+      margin-bottom: 15px;
     }
-}
+  }
\ No newline at end of file
+}

src/app/profile/profile.page.ts

-import { Component, OnInit } from "@angular/core";
-import { User } from "../../config/services/user";
-import { UserService } from "../../config/user.service";
-import { ServiceService } from "../../config/service.service";
-import { Router, ActivatedRoute } from "@angular/router";
+import { Component, OnInit } from '@angular/core';
+import { User } from '../../config/services/user';
+import { UserService } from '../../config/user.service';
+import { ServiceService } from '../../config/service.service';
+import { AuthService } from '../../config/auth.service';
+import { Router, ActivatedRoute } from '@angular/router';
+import { finalize, tap } from 'rxjs/operators';
+import {
+  AngularFireStorage,
+  AngularFireStorageReference,
+  AngularFireUploadTask
+} from '@angular/fire/storage';
+import {
+  AngularFirestore,
+  AngularFirestoreDocument,
+  AngularFirestoreCollection
+} from '@angular/fire/firestore';
 
 @Component({
-  selector: "app-profile",
-  templateUrl: "./profile.page.html",
-  styleUrls: ["./profile.page.scss"]
+  selector: 'app-profile',
+  templateUrl: './profile.page.html',
+  styleUrls: ['./profile.page.scss']
 })
 export class ProfilePage implements OnInit {
   user: User;
   userdata: any;
-  custId: String;
+  custId: string;
+  userData: any;
+  loggedUser: any;
+  ref: AngularFireStorageReference;
+  downloadURL;
 
   constructor(
     private router: Router,
+    private storage: AngularFireStorage,
     private useService: UserService,
-    private service: ServiceService
+    private service: ServiceService,
+    private authService: AuthService
   ) {
-    const params = this.useService.users;
-    const userdata = this.service.get("user").then(data => {
+    this.service.get('user').then(data => {
       if (data) {
-        data = JSON.parse(data);
-        this.service.set("params", data);
-
-        this.custId = data.uid;
+        this.userData = JSON.parse(data);
+        console.log(this.userData);
       }
     });
 
-    this.useService.getUserData("9cYSZwGvVpgkUHVcz8Dm6oqGX152");
-
-    // .then(res => {
-    //   console.log("asdasda", res);
-    //   this.userdata = res;
-    // });
+    this.service.get('userData').then(data => {
+      if (data) {
+        this.loggedUser = JSON.parse(data);
+      }
+    });
   }
 
   goToPage(path, data = null) {
@@ -43,11 +57,48 @@ export class ProfilePage implements OnInit {
   }
 
   ngOnInit() {
-    let This = this;
+    const This = this;
     setTimeout(() => {
       this.user = this.useService.users;
-      console.log("[users]", this.user);
-      this.service.set("params", this.user);
+      // console.log('[users]', this.user);
+      this.service.set('params', this.user);
     }, 500);
   }
+
+  async fileChange(event) {
+    const fileList: FileList = event.target.files;
+    if (fileList.length > 0) {
+      const reader = new FileReader();
+      let profilePic;
+      reader.onload = (events: any) => {
+        profilePic = events.target.result;
+        this.loggedUser.profilePhoto = events.target.result;
+      };
+
+      profilePic = event.target.result;
+
+      reader.readAsDataURL(event.target.files[0]);
+
+      const file = fileList[0];
+      const ext = file.name.split('.').pop();
+      if (ext === 'jpg' || ext === 'jpeg' || ext === 'png') {
+        const path = file.name; // + Date.now();
+        const ref = this.storage.ref(path);
+        const task = this.storage
+          .upload(path, file)
+          .snapshotChanges()
+          .pipe(
+            finalize(() => {
+              ref.getDownloadURL().subscribe(url => {
+                this.authService.profilePic(url);
+              });
+            })
+          )
+          .subscribe();
+
+        // this.downloadURL = await ref.getDownloadURL().toPromise();
+        // console.log(this.downloadURL);
+      }
+    }
+  }
 }

src/app/searchmodal/searchmodal.page.css

+/* No CSS *//*# sourceMappingURL=searchmodal.page.css.map */
\ No newline at end of file

src/app/searchmodal/searchmodal.page.css.map

+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "searchmodal.page.scss"
+    ],
+    "names": [],
+    "file": "searchmodal.page.css"
+}
\ No newline at end of file

src/app/signup/signup.page.css

+.login_wrapper {
+  width: 80%;
+  margin: 0 auto;
+}
+
+.login_wrapper .logo_wrapper {
+  width: 100%;
+  text-align: center;
+  padding-top: 50px;
+  padding-bottom: 30px;
+}
+
+.login_wrapper .logo_wrapper img {
+  width: 180px;
+}
+
+.login_wrapper .form_div .row {
+  margin-bottom: 20px;
+}
+
+.login_wrapper .form_div .row input {
+  border: 1px solid #d7d5e4;
+  background: transparent;
+  color: #d7d5e4;
+  width: 100%;
+  height: 45px;
+  text-align: center;
+  border-radius: 8px;
+  font-size: 16px;
+}
+
+.login_wrapper .form_div .row ion-datetime {
+  border: 1px solid #d7d5e4;
+  background: transparent;
+  color: #d7d5e4;
+  width: 100%;
+  height: 45px;
+  text-align: center;
+  border-radius: 8px;
+  font-size: 16px;
+  padding-left: 0px;
+}
+
+.login_wrapper .form_div .row .login_btn {
+  width: 100%;
+  background-color: #29285b;
+  color: #fff;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+}
+
+.login_wrapper .form_div .row hr {
+  border: 1px solid #d7d5e4;
+  border-bottom: none;
+  margin-top: 30px;
+  margin-bottom: 10px;
+}
+
+.login_wrapper .form_div .row P {
+  text-align: center;
+  color: #3b394d;
+  margin: 0px;
+  position: relative;
+  bottom: 20px;
+}
+
+.login_wrapper .form_div .row P span {
+  background-color: #fff;
+  padding: 10px;
+  font-size: 18px;
+}
+
+.login_wrapper .form_div .row h4 {
+  color: #3b394d;
+  text-align: center;
+  margin: 0px;
+  padding-top: 15px;
+}
+
+.login_wrapper .form_div .row h6 {
+  color: #29285b;
+}
+
+.login_wrapper .form_div .row h6 span {
+  position: relative;
+  top: 5px;
+}
+
+.login_wrapper .form_div .row h6 a {
+  color: #29285b;
+  text-decoration: none;
+  font-weight: 900;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 30px;
+  height: 30px;
+  border-radius: 10px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.login_wrapper .form_div .row h6 .styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 10px;
+  top: 15px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.login_wrapper .form_div .row .social_div {
+  border: 1px solid #d7d5e4;
+  height: 45px;
+  border-radius: 20px;
+}
+
+.login_wrapper .form_div .row .social_div .social_btn {
+  display: inline-block;
+  width: 50%;
+  text-align: center;
+  height: 100%;
+  font-size: 18px;
+  padding: 9px;
+}
+
+.terms_wrapper {
+  background-color: rgba(41, 40, 91, 0.6);
+  color: #fff;
+  position: fixed;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  z-index: 9999;
+}
+
+.terms_wrapper .terms_inner {
+  background-color: #fff;
+  border-radius: 10px;
+  width: calc(100% - 20px);
+  margin: 0 auto;
+  padding: 20px;
+  padding-top: 10px;
+  position: relative;
+  top: 50px;
+}
+
+.terms_wrapper .terms_inner h5 {
+  margin: 0px;
+  border-bottom: 1px solid #a8a8a8;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  text-align: center;
+  color: #29285b;
+}
+
+.terms_wrapper .terms_inner p {
+  color: #a8a8a8;
+  text-align: justify;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  height: 300px;
+  overflow: scroll;
+}
+
+.terms_wrapper .terms_inner .accept {
+  width: 100%;
+  height: 35px;
+  background-color: #29285b;
+  color: #fff;
+  text-align: center;
+  border-radius: 2px;
+}
+/*# sourceMappingURL=signup.page.css.map */
\ No newline at end of file

src/app/signup/signup.page.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "signup.page.scss"
+    ],
+    "names": [],
+    "file": "signup.page.css"
+}
\ No newline at end of file

src/app/sortby/sortby.page.css

+/* No CSS *//*# sourceMappingURL=sortby.page.css.map */
\ No newline at end of file

src/app/sortby/sortby.page.css.map

+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "sortby.page.scss"
+    ],
+    "names": [],
+    "file": "sortby.page.css"
+}
\ No newline at end of file

src/app/tab1/tab1.page.css

+.welcome-card img {
+  max-height: 35vh;
+  overflow: hidden;
+}
+/*# sourceMappingURL=tab1.page.css.map */
\ No newline at end of file

src/app/tab1/tab1.page.css.map

+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,aAAa,CAAC,GAAG,CAAC;EAChB,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,MAAM;CACjB",
+    "sources": [
+        "tab1.page.scss"
+    ],
+    "names": [],
+    "file": "tab1.page.css"
+}
\ No newline at end of file

src/app/tab2/tab2.page.css

+/* No CSS *//*# sourceMappingURL=tab2.page.css.map */
\ No newline at end of file

src/app/tab2/tab2.page.css.map

+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "tab2.page.scss"
+    ],
+    "names": [],
+    "file": "tab2.page.css"
+}
\ No newline at end of file

src/app/tab3/tab3.page.css

+/* No CSS *//*# sourceMappingURL=tab3.page.css.map */
\ No newline at end of file

src/app/tab3/tab3.page.css.map

+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "tab3.page.scss"
+    ],
+    "names": [],
+    "file": "tab3.page.css"
+}
\ No newline at end of file

src/app/tabs/tabs.page.css

+/* No CSS *//*# sourceMappingURL=tabs.page.css.map */
\ No newline at end of file

src/app/tabs/tabs.page.css.map

+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "tabs.page.scss"
+    ],
+    "names": [],
+    "file": "tabs.page.css"
+}
\ No newline at end of file

src/app/trackorder/trackorder.page.css

+.trackorder_div {
+  width: 100%;
+  height: 100vh;
+  position: relative;
+}
+
+.trackorder_div .overlay {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  background-color: rgba(68, 67, 151, 0.2);
+}
+
+.trackorder_div agm-map {
+  width: 100%;
+  height: 100%;
+}
+
+.rider_footer {
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  padding: 15px;
+  right: 0px;
+  background-color: #fff;
+  -webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
+}
+
+.rider_footer .rider_image {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  float: left;
+  background-color: #a8a8a8;
+}
+
+.rider_footer .rider_image img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: center;
+     object-position: center;
+  border-radius: 50%;
+}
+
+.rider_footer .rider_detail {
+  float: left;
+  padding: 5px;
+  padding-left: 10px;
+  width: calc(100% - 265px);
+}
+
+.rider_footer .rider_detail h5 {
+  margin: 0px;
+  padding: 0px;
+  color: #3b394d;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.rider_footer .rider_detail p {
+  margin: 0px;
+  padding: 0px;
+  color: #b0aec7;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.rider_footer .rider_time {
+  float: left;
+  width: 110px;
+  font-size: 35px;
+  font-weight: 900;
+  color: #3b394d;
+  padding: 5px;
+  padding-left: 15px;
+}
+
+.rider_footer .rider_time span {
+  color: #b0aec7;
+  font-size: 16px;
+  padding-left: 5px;
+  font-weight: 400;
+}
+
+.rider_footer .rider_call {
+  background-color: #35cbab;
+  color: #fff;
+  float: right;
+  height: 50px;
+  padding: 14px;
+  font-size: 16px;
+  width: 100px;
+  border-radius: 5px;
+  font-weight: 700;
+  padding-left: 20px;
+  padding-right: 20px;
+  text-align: center;
+}
+/*# sourceMappingURL=trackorder.page.css.map */
\ No newline at end of file

src/app/trackorder/trackorder.page.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "trackorder.page.scss"
+    ],
+    "names": [],
+    "file": "trackorder.page.css"
+}
\ No newline at end of file

src/app/verification/verification.page.css

+.verification_div {
+  width: 80%;
+  margin: 0 auto;
+}
+
+.verification_div .form_div {
+  padding-top: 30%;
+}
+
+.verification_div .form_div .row {
+  margin-bottom: 20px;
+}
+
+.verification_div .form_div .row input {
+  border: 1px solid #d7d5e4;
+  background: transparent;
+  color: #d7d5e4;
+  width: 100%;
+  height: 45px;
+  text-align: center;
+  border-radius: 8px;
+  font-size: 16px;
+}
+
+.verification_div .form_div .row .login_btn {
+  width: 100%;
+  background-color: #29285b;
+  color: #fff;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+}
+
+.verification_div .form_div .row .resend_btn {
+  width: 100%;
+  background-color: transparent;
+  color: #29285b;
+  border-radius: 8px;
+  height: 45px;
+  font-size: 16px;
+  font-weight: 900;
+}
+
+.verification_div .form_div .row hr {
+  border: 1px solid #d7d5e4;
+  border-bottom: none;
+  margin-top: 30px;
+  margin-bottom: 10px;
+}
+
+.verification_div .form_div .row P {
+  text-align: center;
+  color: #3b394d;
+  margin: 0px;
+  text-align: center;
+}
+
+.verification_div .form_div .row P span {
+  background-color: #fff;
+  padding: 10px;
+  font-size: 18px;
+}
+
+.verification_div .form_div .row h4 {
+  color: #3b394d;
+  text-align: center;
+  margin: 0px;
+  padding-top: 15px;
+}
+
+.verification_div .form_div .row h6 {
+  color: #29285b;
+  text-align: center;
+  font-weight: bold;
+  padding-bottom: 20%;
+  font-size: 25px;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox + label {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox + label:before {
+  content: '';
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 30px;
+  height: 30px;
+  border-radius: 10px;
+  background: white;
+  border: 1px solid #d7d5e4;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:checked + label:before {
+  background: #29285b;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:disabled + label {
+  color: #b8b8b8;
+  cursor: auto;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:disabled + label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #ddd;
+}
+
+.verification_div .form_div .row h6 .styled-checkbox:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 10px;
+  top: 15px;
+  background: white;
+  width: 2px;
+  height: 2px;
+  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.verification_div .form_div .row .social_div {
+  border: 1px solid #d7d5e4;
+  height: 45px;
+  border-radius: 20px;
+}
+
+.verification_div .form_div .row .social_div .social_btn {
+  display: inline-block;
+  width: 50%;
+  text-align: center;
+  height: 100%;
+  font-size: 18px;
+  padding: 9px;
+}
+/*# sourceMappingURL=verification.page.css.map */
\ No newline at end of file

src/app/verification/verification.page.css.map

+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "verification.page.scss"
+    ],
+    "names": [],
+    "file": "verification.page.css"
+}
\ No newline at end of file

src/app/wishlist/wishlist.page.css

+/* No CSS *//*# sourceMappingURL=wishlist.page.css.map */
\ No newline at end of file

src/app/wishlist/wishlist.page.css.map

+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "wishlist.page.scss"
+    ],
+    "names": [],
+    "file": "wishlist.page.css"
+}
\ No newline at end of file

src/config/services/user.ts

@@ -28,7 +28,6 @@ export interface Signup {
 // Model for Change Details page
 export interface UpdateUserDetails {
   name: string;
-  emailId: string;
   phone: string;
 }
 // Model to Update Password

src/config/update.service.ts

@@ -57,8 +57,7 @@ export class UpdateService {
 
     const postData: UpdateUserDetails = {
       phone: userData.phone,
-      name: userData.name,
-      emailId: userData.emailId
+      name: userData.name
     };
     this.userPostData = postData;
 

src/theme/variables.css

+/** Ionic CSS Variables **/
+:root {
+  /** primary **/
+  --ion-color-primary: #3880ff;
+  --ion-color-primary-rgb: 56, 128, 255;
+  --ion-color-primary-contrast: #ffffff;
+  --ion-color-primary-contrast-rgb: 255, 255, 255;
+  --ion-color-primary-shade: #3171e0;
+  --ion-color-primary-tint: #4c8dff;
+  /** secondary **/
+  --ion-color-secondary: #0cd1e8;
+  --ion-color-secondary-rgb: 12, 209, 232;
+  --ion-color-secondary-contrast: #ffffff;
+  --ion-color-secondary-contrast-rgb: 255, 255, 255;
+  --ion-color-secondary-shade: #0bb8cc;
+  --ion-color-secondary-tint: #24d6ea;
+  /** tertiary **/
+  --ion-color-tertiary: #7044ff;
+  --ion-color-tertiary-rgb: 112, 68, 255;
+  --ion-color-tertiary-contrast: #ffffff;
+  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
+  --ion-color-tertiary-shade: #633ce0;
+  --ion-color-tertiary-tint: #7e57ff;
+  /** success **/
+  --ion-color-success: #10dc60;
+  --ion-color-success-rgb: 16, 220, 96;
+  --ion-color-success-contrast: #ffffff;
+  --ion-color-success-contrast-rgb: 255, 255, 255;
+  --ion-color-success-shade: #0ec254;
+  --ion-color-success-tint: #28e070;
+  /** warning **/
+  --ion-color-warning: #ffce00;
+  --ion-color-warning-rgb: 255, 206, 0;
+  --ion-color-warning-contrast: #ffffff;
+  --ion-color-warning-contrast-rgb: 255, 255, 255;
+  --ion-color-warning-shade: #e0b500;
+  --ion-color-warning-tint: #ffd31a;
+  /** danger **/
+  --ion-color-danger: #f04141;
+  --ion-color-danger-rgb: 245, 61, 61;
+  --ion-color-danger-contrast: #ffffff;
+  --ion-color-danger-contrast-rgb: 255, 255, 255;
+  --ion-color-danger-shade: #d33939;
+  --ion-color-danger-tint: #f25454;
+  /** dark **/
+  --ion-color-dark: #222428;
+  --ion-color-dark-rgb: 34, 34, 34;
+  --ion-color-dark-contrast: #ffffff;
+  --ion-color-dark-contrast-rgb: 255, 255, 255;
+  --ion-color-dark-shade: #1e2023;
+  --ion-color-dark-tint: #383a3e;
+  /** medium **/
+  --ion-color-medium: #989aa2;
+  --ion-color-medium-rgb: 152, 154, 162;
+  --ion-color-medium-contrast: #ffffff;
+  --ion-color-medium-contrast-rgb: 255, 255, 255;
+  --ion-color-medium-shade: #86888f;
+  --ion-color-medium-tint: #a2a4ab;
+  /** light **/
+  --ion-color-light: #f4f5f8;
+  --ion-color-light-rgb: 244, 244, 244;
+  --ion-color-light-contrast: #000000;
+  --ion-color-light-contrast-rgb: 0, 0, 0;
+  --ion-color-light-shade: #d7d8da;
+  --ion-color-light-tint: #f5f6f9;
+}
+/*# sourceMappingURL=variables.css.map */
\ No newline at end of file

src/theme/variables.css.map

+{
+    "version": 3,
+    "mappings": "AAGA,2BAA2B;AAC3B,AAAA,KAAK,CAAC;EACJ,eAAe;EACf,mBAAmB,CAAA,QAAC;EACpB,uBAAuB,CAAA,aAAC;EACxB,4BAA4B,CAAA,QAAC;EAC7B,gCAAgC,CAAA,cAAC;EACjC,yBAAyB,CAAA,QAAC;EAC1B,wBAAwB,CAAA,QAAC;EAEzB,iBAAiB;EACjB,qBAAqB,CAAA,QAAC;EACtB,yBAAyB,CAAA,aAAC;EAC1B,8BAA8B,CAAA,QAAC;EAC/B,kCAAkC,CAAA,cAAC;EACnC,2BAA2B,CAAA,QAAC;EAC5B,0BAA0B,CAAA,QAAC;EAE3B,gBAAgB;EAChB,oBAAoB,CAAA,QAAC;EACrB,wBAAwB,CAAA,aAAC;EACzB,6BAA6B,CAAA,QAAC;EAC9B,iCAAiC,CAAA,cAAC;EAClC,0BAA0B,CAAA,QAAC;EAC3B,yBAAyB,CAAA,QAAC;EAE1B,eAAe;EACf,mBAAmB,CAAA,QAAC;EACpB,uBAAuB,CAAA,YAAC;EACxB,4BAA4B,CAAA,QAAC;EAC7B,gCAAgC,CAAA,cAAC;EACjC,yBAAyB,CAAA,QAAC;EAC1B,wBAAwB,CAAA,QAAC;EAEzB,eAAe;EACf,mBAAmB,CAAA,QAAC;EACpB,uBAAuB,CAAA,YAAC;EACxB,4BAA4B,CAAA,QAAC;EAC7B,gCAAgC,CAAA,cAAC;EACjC,yBAAyB,CAAA,QAAC;EAC1B,wBAAwB,CAAA,QAAC;EAEzB,cAAc;EACd,kBAAkB,CAAA,QAAC;EACnB,sBAAsB,CAAA,YAAC;EACvB,2BAA2B,CAAA,QAAC;EAC5B,+BAA+B,CAAA,cAAC;EAChC,wBAAwB,CAAA,QAAC;EACzB,uBAAuB,CAAA,QAAC;EAExB,YAAY;EACZ,gBAAgB,CAAA,QAAC;EACjB,oBAAoB,CAAA,WAAC;EACrB,yBAAyB,CAAA,QAAC;EAC1B,6BAA6B,CAAA,cAAC;EAC9B,sBAAsB,CAAA,QAAC;EACvB,qBAAqB,CAAA,QAAC;EAEtB,cAAc;EACd,kBAAkB,CAAA,QAAC;EACnB,sBAAsB,CAAA,cAAC;EACvB,2BAA2B,CAAA,QAAC;EAC5B,+BAA+B,CAAA,cAAC;EAChC,wBAAwB,CAAA,QAAC;EACzB,uBAAuB,CAAA,QAAC;EAExB,aAAa;EACb,iBAAiB,CAAA,QAAC;EAClB,qBAAqB,CAAA,cAAC;EACtB,0BAA0B,CAAA,QAAC;EAC3B,8BAA8B,CAAA,QAAC;EAC/B,uBAAuB,CAAA,QAAC;EACxB,sBAAsB,CAAA,QAAC;CACxB",
+    "sources": [
+        "variables.scss"
+    ],
+    "names": [],
+    "file": "variables.css"
+}
\ No newline at end of file