Skip to content

D
dcarfixers_angular
Commit 50fb675c by amalk
Options

Amal 04-04-2019|16:30

parent e27cded7
Showing with 57 additions and 16 deletions
src/app/home/dashboard/dashboard.component.html
......@@ -690,6 +690,10 @@
<div class="mechanic_photo">
<img src="{{imageServer + mechanic.profile_image}}" onerror="this.src='assets/images/user_avatar.jpg'">
</div>
<div class="mechanic_ratting">
<p>4/5 Ratings</p>
</div>
</div>
<div class="mechanic_detail">
<h4>{{mechanic.display_name}}</h4>
......@@ -697,7 +701,7 @@
<h5>{{mechanic.shop_name}}</h5>
<p>{{mechanic.shop_address}}</p>
<h6>{{mechanic.shop_phone}}</h6>
<p>{{mechanic.distance | number:'1.2-2'}}</p>
<p>{{mechanic.distance | number:'1.2-2'}} Away from you</p>
</div>
<ng-template #mechanicDetails>
<p>{{mechanic.address}}<br>{{mechanic.city+' , '+mechanic.state}}</p>
......@@ -791,9 +795,12 @@
(mouseOut)="onMouseOut(gm)" [agmFitBounds]="true">
<agm-info-window [disableAutoPan]="false" #infoWindow>
<div style="width:130px;">
<img src="{{imageServer + mechanicLoc.profile_image}}" width="30px" height="30px" style="float: left;margin-right: 5px" onerror="this.src='assets/images/user_avatar.jpg'">
<div style="float: left">{{mechanicLoc.display_name}}</div>
<div>{{mechanicLoc.estimate}}</div>
<img src="{{imageServer + mechanicLoc.profile_image}}" width="30px" height="30px" style="float: left;" onerror="this.src='assets/images/user_avatar.jpg'">
<div style="float:right;width:calc(100% - 30px); white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;padding-left: 5px;">{{mechanicLoc.display_name}}<br>
{{mechanicLoc.estimate}}
</div>
</div>
</agm-info-window>
......
src/app/home/dashboard/dashboard.component.scss
......@@ -574,6 +574,9 @@
background-repeat: no-repeat;
position: relative;
overflow: scroll;
&::-webkit-scrollbar {
display: none;
}
.modal_close {
width: 50px;
height: 50px;
......@@ -728,7 +731,7 @@
list-style: none;
display: inline-block;
position: relative;
min-width:300px;
min-width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
......@@ -847,7 +850,7 @@
.log_btn {
height: 40px;
width: 160px;
border-radius: 25px;
border-radius:10px;
color: #fff;
background-color: #2655bf;
border: none;
......@@ -1181,6 +1184,9 @@
padding: 0px;
max-height: 500px;
overflow: scroll;
&::-webkit-scrollbar {
display: none;
}
li {
list-style: none;
padding: 10px;
......@@ -1206,6 +1212,25 @@
object-position: center;
}
}
.mechanic_ratting{
padding: 5px;
p{
margin:0px;
padding:0px;
color: #a8a8a8;
font-size: 14px;
text-align: center;
}
h6{
margin: 0px;
padding:0px;
color: #a8a8a8;
font-size: 14px;
text-align: center;
}
}
.rating {
.star-container {
.star {
......@@ -1351,6 +1376,9 @@
overflow: scroll;
display: inline-block;
position: relative;
&::-webkit-scrollbar {
display: none;
}
#custom_check_button {
border-radius: 0px !important;
overflow: auto;
......
src/app/home/index/index.component.html
......@@ -518,8 +518,8 @@
<img src="{{imageServer + mechanic.profile_image}}" onerror="this.src='assets/images/user_avatar.jpg'">
</div>
<div class="mechanic_ratting">
<p>4 Ratings</p>
<h6>6 Reviews</h6>
<p>4/5 Ratings</p>
</div>
</div>
<div class="mechanic_detail">
......@@ -616,10 +616,14 @@
<agm-map #gm [latitude]="lat" [longitude]="lng" [fitBounds]="true">
<agm-marker *ngFor="let mechanicLoc of mechanicData" [agmFitBounds]="true" [latitude]="mechanicLoc.location_lat" [longitude]="mechanicLoc.location_lat" (mouseOver)="onMouseOver(infoWindow,gm)" (mouseOut)="onMouseOut(gm)">
<agm-info-window [disableAutoPan]="false" #infoWindow>
<div style="width:130px;">
<img src="{{imageServer + mechanicLoc.profile_image}}" width="30px" height="30px" style="float: left;margin-right: 5px" onerror="this.src='assets/images/user_avatar.jpg'">
<div style="float: left">{{mechanicLoc.display_name}}</div><br>
<div style="float: left">{{mechanicLoc.estimate}}</div>
<img src="{{imageServer + mechanicLoc.profile_image}}" width="30px" height="30px" style="float: left;" onerror="this.src='assets/images/user_avatar.jpg'">
<div style="float:right;width:calc(100% - 30px); white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;padding-left: 5px;">{{mechanicLoc.display_name}}<br>
{{mechanicLoc.estimate}}
</div>
</div>
</agm-info-window>
</agm-marker>
......
src/app/home/index/index.component.scss
......@@ -521,7 +521,7 @@
list-style: none;
display: inline-block;
position: relative;
min-width:300px;
min-width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
......
src/environments/server.config.ts
let apiConfigUrl,imageStorageUrl;
// // Localhost
apiConfigUrl = 'http://localhost/dcarfixers/Webservices/';
imageStorageUrl = 'http://localhost/dcarfixers/';
// apiConfigUrl = 'http://localhost/dcarfixers/Webservices/';
// imageStorageUrl = 'http://localhost/dcarfixers/';
// // Techlabz
// apiConfigUrl = 'http://techlabz.in/dcarfixers/Webservices/';
// imageStorageUrl = 'http://techlabz.in/dcarfixers/';
apiConfigUrl = 'http://techlabz.in/dcarfixers/Webservices/';
imageStorageUrl = 'http://techlabz.in/dcarfixers/';
// carfixxers.com
// apiConfigUrl = 'https://carfixxers.com/admin/Webservices/';
......
src/styles.scss
......@@ -80,6 +80,8 @@ body {
font-family: 'Lato', sans-serif !important;
}
.modal-full {
min-width: 100%;
margin: 0 !important;
......
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