Skip to content

D
dcarfixers_angular
Commit ff1803d6 by amalk
Options

Amal 10-04-2019|09:31

parent 2e756211
Showing with 130 additions and 8 deletions
src/app/home/dashboard/dashboard.component.html
......@@ -238,8 +238,11 @@
<th>Action</th>
</tr>
</thead>
</table>
<div *ngFor="let bookData of successBookDtls; let i = index">
<table>
<tbody>
<tr *ngFor="let bookData of successBookDtls; let i = index">
<tr>
<td>{{i+1}}</td>
<td>{{bookData.scheduled_date+' '+bookData.scheduled_time}}</td>
<td>{{bookData.car_name}}</td>
......@@ -266,7 +269,6 @@
<th>Sl no</th>
<th>Mechanic Name</th>
<th>Contact</th>
<th>Shop name</th>
<th>Rating</th>
<th>Location</th>
<th>Amount</th>
......@@ -278,7 +280,6 @@
<td>01</td>
<td>John Doe</td>
<td>96153214859</td>
<td>Shop Name</td>
<td>6.4/10</td>
<td>East Bouliward Sydney</td>
<td>$400</td>
......@@ -287,13 +288,14 @@
<button class="btn btn-default btn-sm">Waiting for Approval</button>
<button class="btn btn-success btn-sm">Accept</button>
<button class="btn btn-danger btn-sm">Reject</button>
<button class="btn btn-info btn-sm" data-toggle="modal" data-target="#success">View Quote</button>
<button class="btn btn-info btn-sm" data-toggle="modal" data-target="#failure">View Quote</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</ng-template>
</div>
</div>
......@@ -868,9 +870,9 @@
<!-- QUOTES-MODAL-ENDS-->
<!-- BOOKING-SUCCESS-MODAL-STARTS -->
<!-- BOOKING-QUOTE-MODAL-STARTS -->
<div class="modal" id="success">
<div class="modal" id="quote">
<div class="modal-dialog modal-full">
<div class="modal-content login_modal_wrapper">
<div class="modal_close" data-dismiss="modal"> × </div>
......@@ -923,4 +925,64 @@
</div>
<!-- BOOKING-QUOTE-MODAL-ENDS -->
<!-- BOOKING-SUCCESS-MODAL-STARTS -->
<div class="modal" id="success">
<div class="modal-dialog modal-full">
<div class="modal-content login_modal_wrapper">
<div class="modal_close" data-dismiss="modal"> × </div>
<div class="modal-body quote_modal">
<div class="login_modal_content">
<div class="login_modal_inner">
<div class="login_success">
<img src="assets/images/asset_success.png">
<h4>Your Booking is success</h4>
</div>
<div class="row">
<div class="col-md-12 textCenter" style="padding-top:40px;">
<button class="log_btn">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- BOOKING-SUCCESS-MODAL-ENDS -->
<!-- BOOKING-FAILURE-MODAL-STARTS -->
<div class="modal" id="failure">
<div class="modal-dialog modal-full">
<div class="modal-content login_modal_wrapper">
<div class="modal_close" data-dismiss="modal"> × </div>
<div class="modal-body quote_modal">
<div class="login_modal_content">
<div class="login_modal_inner">
<div class="login_success">
<img src="assets/images/asset_error.png">
<h4>Your Booking is failure</h4>
</div>
<div class="row">
<div class="col-md-12 textCenter" style="padding-top:40px;">
<button class="log_btn" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- BOOKING-FAILURE-MODAL-ENDS -->
src/app/home/dashboard/dashboard.component.scss
......@@ -96,8 +96,10 @@
padding-bottom: 80px;
#quote_list{
background: #fff !important;
thead {
background:#2655bf;
background: rgba(0, 0, 0, 0.5);
tr {
th {
color: #fff;
......@@ -115,8 +117,9 @@
}
table {
width: 100%;
background: #f8f8f8;
thead {
background: rgba(0, 0, 0, 0.5);
background:#2655bf;
tr {
th {
color: #fff;
......@@ -124,6 +127,27 @@
font-weight: 400;
padding: 5px;
padding-left: 20px;
&:nth-child(1){
width:5%;
}
&:nth-child(2){
width:20%;
}
&:nth-child(3){
width:20%;
}
&:nth-child(4){
width:20%;
}
&:nth-child(5){
width:15%;
}
&:nth-child(6){
width:10%;
}
&:nth-child(7){
width:10%;
}
}
}
}
......@@ -152,6 +176,27 @@
.btn_set{
padding: 7px;
}
&:nth-child(1){
width:5%;
}
&:nth-child(2){
width:20%;
}
&:nth-child(3){
width:20%;
}
&:nth-child(4){
width:20%;
}
&:nth-child(5){
width:15%;
}
&:nth-child(6){
width:10%;
}
&:nth-child(7){
width:10%;
}
}
}
}
......
src/styles.scss
......@@ -587,3 +587,18 @@ bs-datepicker-container{
}
.login_success{
text-align: center;
img{
width: 100px;
}
h4{
text-align: center;
text-transform: capitalize;
padding-top: 10%;
padding-bottom: 10%;
font-size: 26px;
}
}
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