Skip to content

G
getme
Commit 3ab763db by Arjun
Options

address style

parent 6755c93e
Showing with 89 additions and 84 deletions
src/app/cart/cart.page.scss
...@@ -500,79 +500,79 @@ ...@@ -500,79 +500,79 @@
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
right: 0px; right: 0px;
padding: 20px; overflow: scroll;
top: 40%;
padding: 20px 20px 50px 20px;
border-top-left-radius: 15px; border-top-left-radius: 15px;
border-top-right-radius: 15px; border-top-right-radius: 15px;
background: #fff; background: #fff;
-webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
h5 { }
color: rgba(41, 40, 91, 1); h5 {
margin: 0px; color: rgba(41, 40, 91, 1);
padding: 0px; margin: 0px;
font-weight: 800; padding: 0px;
} font-weight: 800;
ul { }
margin: 0px; ul {
padding: 0px; margin: 0px;
padding-top: 30px; padding: 0px;
li { padding-top: 30px;
list-style: none; li {
margin-bottom: 15px; list-style: none;
p { margin-bottom: 15px;
margin: 0px; p {
padding: 0px; margin: 0px;
color: rgba(176, 174, 199, 1); padding: 0px;
padding-top: 5px; color: rgba(176, 174, 199, 1);
padding-bottom: 5px; padding-top: 5px;
padding-bottom: 5px;
}
.styled-checkbox {
position: absolute; // take it out of document flow
opacity: 0; // hide it
&+label {
position: relative;
cursor: pointer;
padding: 0;
width: 100%;
} }
.styled-checkbox { // Box.
position: absolute; // take it out of document flow &+label:before {
opacity: 0; // hide it content: '';
&+label { margin-right: 10px;
position: relative; display: inline-block;
cursor: pointer; vertical-align: text-top;
padding: 0; width: 20px;
width: 100%; height: 20px;
} border-radius: 50%;
// Box. background: white;
&+label:before { border: 1px solid rgba(215, 213, 228, 1);
content: ''; }
margin-right: 10px; &:checked+label:before {
display: inline-block; background: #29285b;
vertical-align: text-top; }
width: 20px; // Disabled state label.
height: 20px; &:disabled+label {
border-radius: 50%; color: #b8b8b8;
background: white; cursor: auto;
border: 1px solid rgba(215, 213, 228, 1); }
} // Disabled box.
&:checked+label:before { &:disabled+label:before {
background: #29285b; box-shadow: none;
} background: #ddd;
// Disabled state label. }
&:disabled+label { // Checkmark. Could be replaced with an image
color: #b8b8b8; &:checked+label:after {
cursor: auto; content: '';
} position: absolute;
// Disabled box. left: 6px;
&:disabled+label:before { top: 10px;
box-shadow: none; background: white;
background: #ddd; width: 2px;
} height: 2px;
// Checkmark. Could be replaced with an image 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;
&:checked+label:after { transform: rotate(45deg);
content: '';
position: absolute;
left: 6px;
top: 10px;
background: white;
width: 2px;
height: 2px;
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;
transform: rotate(45deg);
}
} }
} }
} }
......
src/app/home/home.page.html
...@@ -121,21 +121,25 @@ ...@@ -121,21 +121,25 @@
<span>NEW ADDRESS</span> <span>NEW ADDRESS</span>
<span (click)="istoggle(); goToPage('nearby')">ADD NEW</span> <span (click)="istoggle(); goToPage('nearby')">ADD NEW</span>
</div> </div>
<ul class="address-ul" *ngIf="addressService.addressList && addressService.addressList.length > 0"> <div>
<li *ngFor="let address of addressService.addressList; let i = index"> <ul class="address-ul" *ngIf="addressService.addressList && addressService.addressList.length > 0">
<div class="floatLeft"> <li *ngFor="let address of addressService.addressList; let i = index">
{{address.default}} <div class="floatLeft">
<input class="styled-checkbox" name="addressId" id="styled-checkbox-{{i}}" type="radio" (click)="setDefault(address.addressId)" [value]="address.addressId" #addressType [checked]="address.defaultVal == 1" /> {{address.default}}
<label for="styled-checkbox-{{i}}"> {{address.addressType}} </label> <input class="styled-checkbox" name="addressId" id="styled-checkbox-{{i}}" type="radio" (click)="setDefault(address.addressId)" [value]="address.addressId" #addressType [checked]="address.defaultVal == 1" />
</div> <label for="styled-checkbox-{{i}}">
<div class="floatLeft"> {{address.addressType}}
<p> </label>
{{address.building}}, {{address.landmark}}, {{address.address}} </div>
</p> <div class="floatLeft">
</div> <p>
<div class="clear"></div> {{address.building}}, {{address.landmark}}, {{address.address}}
</li> </p>
</ul> </div>
<div class="clear"></div>
</li>
</ul>
</div>
</div> </div>
</ion-content> </ion-content>
</div> </div>
\ No newline at end of file
src/config/auth.service.ts
...@@ -40,7 +40,7 @@ export class AuthService { ...@@ -40,7 +40,7 @@ export class AuthService {
this.SetUserData(user); this.SetUserData(user);
this.loader = false; this.loader = false;
if (this.type === 1) { if (this.type === 1) {
// this.router.navigateByUrl('home'); this.router.navigateByUrl('home');
} else { } else {
this.router.navigateByUrl('verification'); this.router.navigateByUrl('verification');
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment