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 75 additions and 14 deletions
src/app/home/dashboard/dashboard.component.html
......@@ -12,17 +12,23 @@
<div class="container-fluid">
<ul class="nav nav-tabs">
<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 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 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 class="nav-item">
<a class="nav-link time" data-toggle="tab" href="#service" #serviceHistoryTab>
Service History
<div class="notification">02</div>
</a>
</li>
</ul>
......
src/app/home/dashboard/dashboard.component.scss
......@@ -58,12 +58,25 @@
background-repeat: no-repeat;
background-position: 20px;
padding-left: 65px;
position: relative;
&:focus {
background-color: rgba(273, 273, 273, 0.2);
}
&:hover {
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 @@
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link base_arrow dropdown" href="#">
<div class="dropdown-toggle" data-toggle="dropdown">
<li class="nav-item" data-toggle="modal" data-target="#serviceprovider">
<a class="nav-link base_arrow">
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>
</li>
<li class="nav-item" *ngIf="!loginDetails">
......@@ -345,3 +336,53 @@
</div>
<!-- FORGOT-MODAL-ENDS-->
<!-- 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