Skip to content

D
dcarfixers_angular
Commit 67c0e81b by amal
Options

Merge branch 'amal' into 'master'

Amal See merge request !12
parents cc5934d6 b3551ca7
Showing with 76 additions and 16 deletions
src/app/home/dashboard/dashboard.component.html
...@@ -12,17 +12,23 @@ ...@@ -12,17 +12,23 @@
<div class="container-fluid"> <div class="container-fluid">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active profile" data-toggle="tab" href="#profile">Profile</a> <a class="nav-link active profile" data-toggle="tab" href="#profile">Profile
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link vehicle" data-toggle="tab" href="#vehicle">My Vehicle</a> <a class="nav-link vehicle" data-toggle="tab" href="#vehicle">My Vehicle
<div class="notification">02</div>
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link appointment" data-toggle="tab" href="#appointment">Appointments</a> <a class="nav-link appointment" data-toggle="tab" href="#appointment">Appointments
<div class="notification">02</div>
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link time" data-toggle="tab" href="#service" #serviceHistoryTab> <a class="nav-link time" data-toggle="tab" href="#service" #serviceHistoryTab>
Service History Service History
<div class="notification">02</div>
</a> </a>
</li> </li>
</ul> </ul>
......
src/app/home/dashboard/dashboard.component.scss
...@@ -58,12 +58,25 @@ ...@@ -58,12 +58,25 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 20px; background-position: 20px;
padding-left: 65px; padding-left: 65px;
position: relative;
&:focus { &:focus {
background-color: rgba(273, 273, 273, 0.2); background-color: rgba(273, 273, 273, 0.2);
} }
&:hover { &:hover {
background-color: rgba(273, 273, 273, 0.2); background-color: rgba(273, 273, 273, 0.2);
} }
.notification{
position: absolute;
top:15px;
right:15px;
width:35px;
height:35px;
background: #fff;
border-radius: 50%;
color: #1e1e1e;
text-align: center;
padding: 4px;
}
} }
} }
} }
......
src/app/navbar/navbar.component.html
...@@ -35,18 +35,9 @@ ...@@ -35,18 +35,9 @@
</div> </div>
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item" data-toggle="modal" data-target="#serviceprovider">
<a class="nav-link base_arrow dropdown" href="#"> <a class="nav-link base_arrow">
<div class="dropdown-toggle" data-toggle="dropdown">
AUTO SERVICE PROVIDER AUTO SERVICE PROVIDER
</div>
<div class="dropdown-menu">
<a class="dropdown-item">Option menu 1</a>
<a class="dropdown-item">Option menu 2</a>
<a class="dropdown-item">Option menu 3</a>
<a class="dropdown-item">Option menu 4</a>
<a class="dropdown-item">Option menu 5</a>
</div>
</a> </a>
</li> </li>
<li class="nav-item" *ngIf="!loginDetails"> <li class="nav-item" *ngIf="!loginDetails">
...@@ -344,4 +335,54 @@ ...@@ -344,4 +335,54 @@
</div> </div>
</div> </div>
<!-- FORGOT-MODAL-ENDS--> <!-- FORGOT-MODAL-ENDS-->
\ No newline at end of file
<!-- SERVICE-PROVIDER-MODAL-STARTS-->
<div class="modal" id="serviceprovider" style="z-index: 99999 !important;">
<div class="modal-dialog modal-full">
<div class="modal-content login_modal_wrapper" malihu-scrollbar [scrollbarOptions]="scrollbarOptions">
<div class="modal_close" data-dismiss="modal">
&times;
</div>
<div class="modal-body">
<div class="login_modal_content">
<div class="login_modal_inner">
<h3>auto service provider</h3>
<div class="row">
<div class="col-md-6">
<input class="" type="text" placeholder="First Name">
</div>
<div class="col-md-6">
<input class="" type="text" placeholder="Last Name">
</div>
</div>
<div class="row">
<div class="col-md-12">
<input class="" type="password" placeholder="Password">
</div>
</div>
<div class="row">
<div class="col-md-6">
<input class="" type="email" placeholder="Email">
</div>
<div class="col-md-6">
<input class="" type="number" placeholder="Phone Number">
</div>
</div>
<div class="row">
<div class="col-md-12">
<button type="submit" class="log_btn" data-dismiss="modal">Submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SERVICE-PROVIDER-MODAL-ENDS-->
\ No newline at end of file
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