multiple bugfixes from 20 Apr 2020 to 7 jan 2023
This commit is contained in:
parent
902e04c7e6
commit
63d062c4a7
122 changed files with 13163 additions and 12361 deletions
|
|
@ -21,7 +21,20 @@
|
|||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let item of imageDoc">
|
||||
<td><img style="width: 100px;" [src]="'https://www.oneqlik.in'+item.image.substring(6)" (click)="openModal(template,item)"></td>
|
||||
<td *ngIf="hasPdfFile(item.image); else pdfSection">
|
||||
<a target="_blank" [href]="'https://www.oneqlik.in'+item.image.substring(6)">
|
||||
<i class="fas fa-file-pdf fa-3x pl-4"></i>
|
||||
</a>
|
||||
<td>
|
||||
<ng-template #pdfSection>
|
||||
|
||||
<td>
|
||||
<img *ngIf="item.image ; else notAvaillableImg" style="width: 100px;" [src]="'https://www.oneqlik.in'+item.image.substring(6)" (click)="openModal(template,item)">
|
||||
<ng-template #notAvaillableImg>Not Available</ng-template>
|
||||
|
||||
</td>
|
||||
</ng-template>
|
||||
|
||||
<td>{{item.phone}}</td>
|
||||
<td>{{item.doctype}}</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -1,121 +1,121 @@
|
|||
.mainClass {
|
||||
padding-top: 80px;
|
||||
|
||||
margin-right: 10px;
|
||||
box-shadow: 4px 5px #ececec;
|
||||
}
|
||||
|
||||
.mainClass p.head_style {
|
||||
padding-top: 8px;
|
||||
color: white;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* .mainClass p.head_style1{
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
color: #615c5c;
|
||||
text-align: left;
|
||||
padding-left: 1%;
|
||||
} */
|
||||
|
||||
/* .rowStyle{
|
||||
padding-right: 15%;
|
||||
} */
|
||||
|
||||
.formfieldstyle {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
// .rowHeight {
|
||||
// height: 145px;
|
||||
// overflow: auto;
|
||||
// }
|
||||
|
||||
#toast {
|
||||
visibility: hidden;
|
||||
max-width: 150px;
|
||||
height: 50px;
|
||||
/*margin-left: -125px;*/
|
||||
margin: auto;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
left: 60%;
|
||||
right: 0;
|
||||
bottom: 80%;
|
||||
font-size: 13px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#toast #img {
|
||||
width: 150px;
|
||||
height: 50px;
|
||||
|
||||
float: left;
|
||||
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
background-color: #111;
|
||||
color: #fff;
|
||||
}
|
||||
#toast #desc {
|
||||
color: #fff;
|
||||
|
||||
padding: 16px;
|
||||
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#toast.show {
|
||||
visibility: visible;
|
||||
-webkit-animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 2s,
|
||||
fadeout 0.5s 2.5s;
|
||||
animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 4s,
|
||||
fadeout 0.5s 4.5s;
|
||||
}
|
||||
|
||||
/deep/ .mat-input-flex {
|
||||
border: 1px solid #c1c1c1;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.modal-class {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
#toast {
|
||||
visibility: hidden;
|
||||
max-width: 250px;
|
||||
height: 50px;
|
||||
/*margin-left: -125px;*/
|
||||
margin: auto;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
left: 60%;
|
||||
right: 0;
|
||||
bottom: 80%;
|
||||
font-size: 13px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.modal-lg {
|
||||
max-width: 1068px;
|
||||
}
|
||||
::ng-deep .modal-dialog {
|
||||
max-width: 1200px !important;
|
||||
width: 1200px;
|
||||
}
|
||||
.mainClass {
|
||||
padding-top: 80px;
|
||||
|
||||
margin-right: 10px;
|
||||
box-shadow: 4px 5px #ececec;
|
||||
}
|
||||
|
||||
.mainClass p.head_style {
|
||||
padding-top: 8px;
|
||||
color: white;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* .mainClass p.head_style1{
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
color: #615c5c;
|
||||
text-align: left;
|
||||
padding-left: 1%;
|
||||
} */
|
||||
|
||||
/* .rowStyle{
|
||||
padding-right: 15%;
|
||||
} */
|
||||
|
||||
.formfieldstyle {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
// .rowHeight {
|
||||
// height: 145px;
|
||||
// overflow: auto;
|
||||
// }
|
||||
|
||||
#toast {
|
||||
visibility: hidden;
|
||||
max-width: 150px;
|
||||
height: 50px;
|
||||
/*margin-left: -125px;*/
|
||||
margin: auto;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
left: 60%;
|
||||
right: 0;
|
||||
bottom: 80%;
|
||||
font-size: 13px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#toast #img {
|
||||
width: 150px;
|
||||
height: 50px;
|
||||
|
||||
float: left;
|
||||
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
background-color: #111;
|
||||
color: #fff;
|
||||
}
|
||||
#toast #desc {
|
||||
color: #fff;
|
||||
|
||||
padding: 16px;
|
||||
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#toast.show {
|
||||
visibility: visible;
|
||||
-webkit-animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 2s,
|
||||
fadeout 0.5s 2.5s;
|
||||
animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 4s,
|
||||
fadeout 0.5s 4.5s;
|
||||
}
|
||||
|
||||
/deep/ .mat-input-flex {
|
||||
border: 1px solid #c1c1c1;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.modal-class {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
#toast {
|
||||
visibility: hidden;
|
||||
max-width: 250px;
|
||||
height: 50px;
|
||||
/*margin-left: -125px;*/
|
||||
margin: auto;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
left: 60%;
|
||||
right: 0;
|
||||
bottom: 80%;
|
||||
font-size: 13px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.modal-lg {
|
||||
max-width: 1068px;
|
||||
}
|
||||
::ng-deep .modal-dialog {
|
||||
max-width: 1200px !important;
|
||||
width: 1200px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -121,7 +121,9 @@ export class DeviceDocComponent implements OnInit {
|
|||
ngOnInit() {
|
||||
this.bsConfig = Object.assign({}, { containerClass: 'theme-dark-blue' });
|
||||
}
|
||||
|
||||
hasPdfFile(url) {
|
||||
return url && url.indexOf(".pdf") != -1;
|
||||
}
|
||||
|
||||
|
||||
AddDocumentsField(addedRow:any){
|
||||
|
|
@ -271,9 +273,11 @@ titleForDoc
|
|||
openModal(template: TemplateRef<any>,doc){
|
||||
this.modalRef = this.modalService.show(template,{'backdrop':'static',class:'modal-dialog-centered'});
|
||||
// this.number=doc.phone;
|
||||
var name=(this.data.dealer_payload.user?this.data.dealer_payload.user.first_name?this.data.dealer_payload.user.first_name:"":''+" "+
|
||||
this.data.dealer_payload.user?this.data.dealer_payload.user.last_name?this.data.dealer_payload.user.last_name:"":'')
|
||||
this.titleForDoc=doc.doctype?doc.doctype=="Adhar card1"?"Adhar card Front":doc.doctype=="Adhar card2"?"Adhar card Back":doc.doctype:doc.doctype
|
||||
let fname = this.data.dealer_payload.user && this.data.dealer_payload.user.first_name ? this.data.dealer_payload.user.first_name : "";
|
||||
let lName = this.data.dealer_payload.user && this.data.dealer_payload.user.last_name ? this.data.dealer_payload.user.last_name : '';
|
||||
var name = fname + " " + lName
|
||||
|
||||
this.titleForDoc=doc.doctype?doc.doctype=="Adhar card1"?"Adhar card Front":doc.doctype=="Adhar card2"?"Adhar card Back":doc.doctype:doc.doctype
|
||||
this.key=[];
|
||||
this.value=[]
|
||||
if(doc.doctype=="Adhar card1" || doc.doctype=="Adhar card1 *"){
|
||||
|
|
@ -283,6 +287,7 @@ openModal(template: TemplateRef<any>,doc){
|
|||
doc.phone]
|
||||
|
||||
}else if(doc.doctype=="Adhar card2" || doc.doctype=="Adhar card2 *"){
|
||||
|
||||
this.key=['Name',"Address","Adhaar no"];
|
||||
this.value=[this.data.dealer_payload.user?this.data.dealer_payload.user.first_name?this.data.dealer_payload.user.first_name:"":''+" "+
|
||||
this.data.dealer_payload.user?this.data.dealer_payload.user.last_name?this.data.dealer_payload.user.last_name:"":'',
|
||||
|
|
@ -297,7 +302,7 @@ openModal(template: TemplateRef<any>,doc){
|
|||
this.data.dealer_payload.ChassisNo?this.data.dealer_payload.ChassisNo:"",
|
||||
doc.phone]
|
||||
|
||||
|
||||
console.log('this.value', this.value, name)
|
||||
}else if(doc.doctype=="vehicle RC"|| doc.doctype=="vehicle RC"){
|
||||
this.key=['Name',"Vehicle Number","Address","Engine No.","Chassis No.","Number"];
|
||||
this.value=[name,
|
||||
|
|
|
|||
|
|
@ -170,6 +170,9 @@
|
|||
<th>
|
||||
{{ "View" | translate }}
|
||||
</th>
|
||||
<th>
|
||||
{{ "Edit" | translate }}
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
|
@ -355,6 +358,10 @@
|
|||
<td style="text-align: center; cursor: pointer">
|
||||
<i class="fas fa-eye" (click)="viewDocuments(cust_array)"></i>
|
||||
</td>
|
||||
<td style="text-align: center; cursor: pointer">
|
||||
<i id="edit" (click)="editDevice(cust_array)" title="Edit Vehicle" style="font-size:20px;color: green" class="fas fa-edit"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -1,65 +1,65 @@
|
|||
.btn {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
|
||||
padding: 6px 12px;
|
||||
font-size: 1.4rem;
|
||||
border-radius: 0px;
|
||||
border: 1px solid transparent;
|
||||
text-decoration: none;
|
||||
user-select: none;
|
||||
background: #d8d8d8;
|
||||
font-size: 12px;
|
||||
|
||||
&,
|
||||
&:active,
|
||||
&.active {
|
||||
&:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
outline: 0;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.btn-xs {
|
||||
padding: 3px 6px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
&.btn-sm {
|
||||
padding: 4px 8px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
&.btn-lg {
|
||||
padding: 8px 16px;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
|
||||
padding: 6px 12px;
|
||||
font-size: 1.4rem;
|
||||
border-radius: 0px;
|
||||
border: 1px solid transparent;
|
||||
text-decoration: none;
|
||||
user-select: none;
|
||||
background: #d8d8d8;
|
||||
font-size: 12px;
|
||||
|
||||
&,
|
||||
&:active,
|
||||
&.active {
|
||||
&:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
outline: 0;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.btn-xs {
|
||||
padding: 3px 6px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
&.btn-sm {
|
||||
padding: 4px 8px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
&.btn-lg {
|
||||
padding: 8px 16px;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@ import { NormalCertComponent } from '../../device/normal-cert/normal-cert.compon
|
|||
import { CertOptionComponent } from '../../device/cert-option/cert-option.component';
|
||||
import { EditDeviceMasterComponent } from '../../device/edit-device-master/edit-device-master.component';
|
||||
declare var swal: any;
|
||||
import * as moment from 'moment';
|
||||
|
||||
@Component({
|
||||
selector: 'app-device-kyc',
|
||||
|
|
@ -335,6 +336,11 @@ searchFilter(text: string) {
|
|||
// that.limit = len;
|
||||
this.getCustomer();
|
||||
}
|
||||
editDevice(data) {
|
||||
localStorage.setItem('deviceData', JSON.stringify(data))
|
||||
localStorage.setItem('KycApprovalRedirect','true');
|
||||
this.router.navigate(['/editDevice']);
|
||||
}
|
||||
getCustomer(){
|
||||
this.Load = true;
|
||||
var url="/devices/getAllVehi?id="+this.organisation+"&skip="+this.skip+'&limit='+this.limit
|
||||
|
|
@ -452,10 +458,31 @@ tab:any;
|
|||
// var custumer=[];
|
||||
// custumer = data;
|
||||
for(var i=0;i<this.custumer.length;i++){
|
||||
this.custumer[i].email=this.custumer[i].user.email?this.custumer[i].user.email:''
|
||||
this.custumer[i].user_id=this.custumer[i].user.user_id?this.custumer[i].user.user_id:''
|
||||
this.custumer[i].phone=this.custumer[i].user.phone?this.custumer[i].user.phone:''
|
||||
this.custumer[i].fullName=this.custumer[i].user.first_name?this.custumer[i].user.first_name:''+" "+this.custumer[i].user.last_name?this.custumer[i].user.last_name:'';
|
||||
this.custumer[i].DocName = '-';
|
||||
this.custumer[i].device_Type_csv = this.custumer[i].device_model && this.custumer[i].device_model.device_type ? this.custumer[i].device_model.device_type :''
|
||||
this.custumer[i].adharNumber = '-';
|
||||
if (this.custumer[i].imageDoc && this.custumer[i].imageDoc.length) {
|
||||
let findData = this.custumer[i].imageDoc.find(dImageDoc => dImageDoc.doctype == 'Adhar card1 *');
|
||||
if (findData) {
|
||||
this.custumer[i].DocName = 'Aadhar Card';
|
||||
this.custumer[i].adharNumber = findData.phone ? findData.phone.replaceAll('-','') : '-' ;
|
||||
}
|
||||
}
|
||||
let lastName = this.custumer[i].user && this.custumer[i].user.last_name ? this.custumer[i].user.last_name : '';
|
||||
console.log(lastName);
|
||||
this.custumer[i].Dphone ='-';
|
||||
this.custumer[i].kycApprovalDateOnly = moment(this.custumer[i].kycApprovalDate).format("DD/MM/YYYY");
|
||||
this.custumer[i].fuelType = '-';
|
||||
this.custumer[i].stateServer = '-';
|
||||
this.custumer[i].email = this.custumer[i].user && this.custumer[i].user.email ? this.custumer[i].user.email : ''
|
||||
this.custumer[i].Dealer_full_name = (this.custumer[i] && this.custumer[i].Dealer && this.custumer[i].Dealer.first_name ? this.custumer[i].Dealer.first_name : '') + ' ' + (this.custumer[i] && this.custumer[i].Dealer &&this.custumer[i].Dealer.last_name ? this.custumer[i].Dealer.last_name : '')
|
||||
//this.custumer[i].Dealer_full_name = (this.custumer[i].Dealer.first_name ? this.custumer[i].Dealer.first_name : '') + ' ' +(this.custumer[i].Dealer.last_name ? this.custumer[i].Dealer.last_name : '');
|
||||
// this.custumer[i].email=this.custumer[i].user.email?this.custumer[i].user.email:''
|
||||
this.custumer[i].user_id = this.custumer[i].user && this.custumer[i].user.user_id?this.custumer[i].user.user_id:''
|
||||
this.custumer[i].phone = this.custumer[i].user && this.custumer[i].user.phone?this.custumer[i].user.phone:'';
|
||||
this.custumer[i].address = this.custumer[i].user && this.custumer[i].user.address ? this.custumer[i].user.address : ''
|
||||
this.custumer[i].fullName = (this.custumer[i].user && this.custumer[i].user.first_name ? this.custumer[i].user.first_name : '') + " " + (lastName ? lastName :'');
|
||||
console.log(this.custumer[i].fullName);
|
||||
if(i==(this.custumer.length-1)){
|
||||
|
||||
this.downloadFile(this.custumer);
|
||||
|
|
@ -479,8 +506,8 @@ tab:any;
|
|||
}
|
||||
|
||||
downloadFile(data) {
|
||||
|
||||
let arrHeader = ["fullName", "email", "phone", "user_id","kycStatus","Device_Name","Device_ID","esim_validity","remark","RtoState","RtoCity"];
|
||||
let arrHeader = ["Device_ID", "kycApprovalDateOnly", "vahanID", "device_Type_csv", "IccidNo", "sim_number", "sim_number2", 'sim_provider', 'License', 'Dealer_full_name', 'phone', 'DocName', 'adharNumber', "fullName", "ConcernPersonName", 'phone', 'manufacturingCompany', 'Model', 'ChassisNo', 'engineNo', 'fuelType', 'Device_Name', 'transportOfficeCity', 'transportOfficeState', 'pin', "transportOfficeState", 'rto', "stateServer", 'state_certifcate_date', 'DocName', 'adharNumber', 'address'];
|
||||
let arrHeaderOld = ["fullName", "email", "phone", "user_id","kycStatus","Device_Name","Device_ID","esim_validity","remark","RtoState","RtoCity"];
|
||||
let csvData = this.ConvertToCSV(data, arrHeader);
|
||||
let blob = new Blob(['\ufeff' + csvData], { type: 'text/csv;charset=utf-8;' });
|
||||
let dwldLink = document.createElement("a");
|
||||
|
|
@ -507,7 +534,8 @@ tab:any;
|
|||
let str = 'Customer List \r\n';
|
||||
let row = 'S.No,';
|
||||
// name,emial,phone,id,password and status no of vehicles
|
||||
let newHeaders =["Name", "Email", "Phone", "User id","KYC Status","Device Name","IMEI","E Sim Validity","Remark","RTO State","RTO City"];
|
||||
let newHeaders = ['IMEI NO.', 'KYC Approve Date', 'DEVICE ID', 'Device Model', 'ICCID NO.', 'SIM 1', 'SIM 2', 'Profile', 'Plan', 'Dealership- Distributor Name', 'D. Mobile', 'ID Proof Document', 'ID NO', 'Customer Name', 'Concern Person Name', 'Mobile No', 'MAKE BY', 'Model', 'Chassis No', 'Engine No', 'Fuel Type', 'Vehicle No.', 'CITY', 'State', 'PIN', 'RTO STATE', 'RTO NAME', 'STATE SERVER', 'State certificate Generation Date', 'Address Proof Document', 'Address ProofDocument No.', 'ADDRESS'];
|
||||
let newHeadersOld =["Name", "Email", "Phone", "User id","KYC Status","Device Name","IMEI","E Sim Validity","Remark","RTO State","RTO City"];
|
||||
|
||||
for (let index in newHeaders) {
|
||||
row += newHeaders[index] + ',';
|
||||
|
|
|
|||
|
|
@ -1,372 +1,372 @@
|
|||
.btn {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
|
||||
padding: 6px 12px;
|
||||
font-size: 1.4rem;
|
||||
border-radius: 0px;
|
||||
border: 1px solid transparent;
|
||||
text-decoration: none;
|
||||
user-select: none;
|
||||
background: #d8d8d8;
|
||||
font-size: 12px;
|
||||
|
||||
&,
|
||||
&:active,
|
||||
&.active {
|
||||
&:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
outline: 0;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.btn-xs {
|
||||
padding: 3px 6px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
&.btn-sm {
|
||||
padding: 4px 8px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
&.btn-lg {
|
||||
padding: 8px 16px;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
button,
|
||||
input {
|
||||
font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #f96332;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #f96332;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.61em;
|
||||
font-weight: 300;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.category {
|
||||
text-transform: capitalize;
|
||||
font-weight: 700;
|
||||
color: #9a9a9a;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #2c2c2c;
|
||||
font-size: 14px;
|
||||
font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
|
||||
overflow-x: hidden;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.nav-item .nav-link,
|
||||
.nav-tabs .nav-link {
|
||||
-webkit-transition: all 300ms ease 0s;
|
||||
-moz-transition: all 300ms ease 0s;
|
||||
-o-transition: all 300ms ease 0s;
|
||||
-ms-transition: all 300ms ease 0s;
|
||||
transition: all 300ms ease 0s;
|
||||
}
|
||||
|
||||
.card a {
|
||||
-webkit-transition: all 150ms ease 0s;
|
||||
-moz-transition: all 150ms ease 0s;
|
||||
-o-transition: all 150ms ease 0s;
|
||||
-ms-transition: all 150ms ease 0s;
|
||||
transition: all 150ms ease 0s;
|
||||
}
|
||||
|
||||
[data-toggle="collapse"][data-parent="#accordion"] i {
|
||||
-webkit-transition: transform 150ms ease 0s;
|
||||
-moz-transition: transform 150ms ease 0s;
|
||||
-o-transition: transform 150ms ease 0s;
|
||||
-ms-transition: all 150ms ease 0s;
|
||||
transition: transform 150ms ease 0s;
|
||||
}
|
||||
|
||||
[data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.now-ui-icons {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 "Nucleo Outline";
|
||||
font-size: inherit;
|
||||
// speak: none;
|
||||
text-transform: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
@-webkit-keyframes nc-icon-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes nc-icon-spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes nc-icon-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.now-ui-icons.objects_umbrella-13:before {
|
||||
content: "\ea5f";
|
||||
}
|
||||
|
||||
.now-ui-icons.shopping_cart-simple:before {
|
||||
content: "\ea1d";
|
||||
}
|
||||
|
||||
.now-ui-icons.shopping_shop:before {
|
||||
content: "\ea50";
|
||||
}
|
||||
|
||||
.now-ui-icons.ui-2_settings-90:before {
|
||||
content: "\ea4b";
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
border: 0;
|
||||
padding: 15px 0.7rem;
|
||||
}
|
||||
|
||||
.nav-tabs:not(.nav-tabs-neutral) > .nav-item > .nav-link.active {
|
||||
box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.card .nav-tabs {
|
||||
border-top-right-radius: 0.1875rem;
|
||||
border-top-left-radius: 0.1875rem;
|
||||
}
|
||||
|
||||
.nav-tabs > .nav-item > .nav-link {
|
||||
color: #888888;
|
||||
margin: 0;
|
||||
margin-right: 5px;
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 30px;
|
||||
font-size: 14px;
|
||||
padding: 11px 23px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.nav-tabs > .nav-item > .nav-link:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nav-tabs > .nav-item > .nav-link.active {
|
||||
background-color: #444;
|
||||
border-radius: 30px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.nav-tabs > .nav-item > .nav-link i.now-ui-icons {
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 0;
|
||||
border-radius: 0.1875rem;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
// margin-bottom: 30px;
|
||||
// box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.card .card-header {
|
||||
background-color: transparent;
|
||||
border-bottom: 0;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.card[data-background-color="orange"] {
|
||||
// background-color: #2d4262;
|
||||
}
|
||||
|
||||
.card[data-background-color="red"] {
|
||||
background-color: #ff3636;
|
||||
}
|
||||
|
||||
.card[data-background-color="yellow"] {
|
||||
background-color: #ffb236;
|
||||
}
|
||||
|
||||
.card[data-background-color="blue"] {
|
||||
background-color: #2ca8ff;
|
||||
}
|
||||
|
||||
.card[data-background-color="green"] {
|
||||
background-color: #15b60d;
|
||||
}
|
||||
|
||||
[data-background-color="orange"] {
|
||||
// background-color: #2d4262;
|
||||
}
|
||||
|
||||
[data-background-color="black"] {
|
||||
// background-color: #2c2c2c;
|
||||
}
|
||||
|
||||
[data-background-color]:not([data-background-color="gray"]) {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
[data-background-color]:not([data-background-color="gray"]) p {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
[data-background-color]:not([data-background-color="gray"])
|
||||
a:not(.btn):not(.dropdown-item) {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
[data-background-color]:not([data-background-color="gray"])
|
||||
.nav-tabs
|
||||
> .nav-item
|
||||
> .nav-link
|
||||
i.now-ui-icons {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Nucleo Outline";
|
||||
src: url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot");
|
||||
src: url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot")
|
||||
format("embedded-opentype");
|
||||
src: url("https://raw.githack.com/creativetimofficial/now-ui-kit/master/assets/fonts/nucleo-outline.woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.now-ui-icons {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 "Nucleo Outline";
|
||||
font-size: inherit;
|
||||
// speak: none;
|
||||
text-transform: none;
|
||||
/* Better Font Rendering */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 50px;
|
||||
color: #555;
|
||||
background: #fff;
|
||||
padding: 25px;
|
||||
font-weight: 300;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.footer p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
footer p a {
|
||||
color: #555;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
footer p a:hover {
|
||||
color: #e86c42;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.nav-tabs {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-left: 100px;
|
||||
padding-right: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-item > .nav-link {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
.mat-dialog-container {
|
||||
padding: 0px !important;
|
||||
}
|
||||
.btn {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
|
||||
padding: 6px 12px;
|
||||
font-size: 1.4rem;
|
||||
border-radius: 0px;
|
||||
border: 1px solid transparent;
|
||||
text-decoration: none;
|
||||
user-select: none;
|
||||
background: #d8d8d8;
|
||||
font-size: 12px;
|
||||
|
||||
&,
|
||||
&:active,
|
||||
&.active {
|
||||
&:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
outline: 0;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.btn-xs {
|
||||
padding: 3px 6px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
&.btn-sm {
|
||||
padding: 4px 8px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
&.btn-lg {
|
||||
padding: 8px 16px;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
button,
|
||||
input {
|
||||
font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #f96332;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #f96332;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.61em;
|
||||
font-weight: 300;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.category {
|
||||
text-transform: capitalize;
|
||||
font-weight: 700;
|
||||
color: #9a9a9a;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #2c2c2c;
|
||||
font-size: 14px;
|
||||
font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
|
||||
overflow-x: hidden;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.nav-item .nav-link,
|
||||
.nav-tabs .nav-link {
|
||||
-webkit-transition: all 300ms ease 0s;
|
||||
-moz-transition: all 300ms ease 0s;
|
||||
-o-transition: all 300ms ease 0s;
|
||||
-ms-transition: all 300ms ease 0s;
|
||||
transition: all 300ms ease 0s;
|
||||
}
|
||||
|
||||
.card a {
|
||||
-webkit-transition: all 150ms ease 0s;
|
||||
-moz-transition: all 150ms ease 0s;
|
||||
-o-transition: all 150ms ease 0s;
|
||||
-ms-transition: all 150ms ease 0s;
|
||||
transition: all 150ms ease 0s;
|
||||
}
|
||||
|
||||
[data-toggle="collapse"][data-parent="#accordion"] i {
|
||||
-webkit-transition: transform 150ms ease 0s;
|
||||
-moz-transition: transform 150ms ease 0s;
|
||||
-o-transition: transform 150ms ease 0s;
|
||||
-ms-transition: all 150ms ease 0s;
|
||||
transition: transform 150ms ease 0s;
|
||||
}
|
||||
|
||||
[data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.now-ui-icons {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 "Nucleo Outline";
|
||||
font-size: inherit;
|
||||
// speak: none;
|
||||
text-transform: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
@-webkit-keyframes nc-icon-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes nc-icon-spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes nc-icon-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.now-ui-icons.objects_umbrella-13:before {
|
||||
content: "\ea5f";
|
||||
}
|
||||
|
||||
.now-ui-icons.shopping_cart-simple:before {
|
||||
content: "\ea1d";
|
||||
}
|
||||
|
||||
.now-ui-icons.shopping_shop:before {
|
||||
content: "\ea50";
|
||||
}
|
||||
|
||||
.now-ui-icons.ui-2_settings-90:before {
|
||||
content: "\ea4b";
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
border: 0;
|
||||
padding: 15px 0.7rem;
|
||||
}
|
||||
|
||||
.nav-tabs:not(.nav-tabs-neutral) > .nav-item > .nav-link.active {
|
||||
box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.card .nav-tabs {
|
||||
border-top-right-radius: 0.1875rem;
|
||||
border-top-left-radius: 0.1875rem;
|
||||
}
|
||||
|
||||
.nav-tabs > .nav-item > .nav-link {
|
||||
color: #888888;
|
||||
margin: 0;
|
||||
margin-right: 5px;
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 30px;
|
||||
font-size: 14px;
|
||||
padding: 11px 23px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.nav-tabs > .nav-item > .nav-link:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nav-tabs > .nav-item > .nav-link.active {
|
||||
background-color: #444;
|
||||
border-radius: 30px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.nav-tabs > .nav-item > .nav-link i.now-ui-icons {
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 0;
|
||||
border-radius: 0.1875rem;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
// margin-bottom: 30px;
|
||||
// box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.card .card-header {
|
||||
background-color: transparent;
|
||||
border-bottom: 0;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.card[data-background-color="orange"] {
|
||||
// background-color: #2d4262;
|
||||
}
|
||||
|
||||
.card[data-background-color="red"] {
|
||||
background-color: #ff3636;
|
||||
}
|
||||
|
||||
.card[data-background-color="yellow"] {
|
||||
background-color: #ffb236;
|
||||
}
|
||||
|
||||
.card[data-background-color="blue"] {
|
||||
background-color: #2ca8ff;
|
||||
}
|
||||
|
||||
.card[data-background-color="green"] {
|
||||
background-color: #15b60d;
|
||||
}
|
||||
|
||||
[data-background-color="orange"] {
|
||||
// background-color: #2d4262;
|
||||
}
|
||||
|
||||
[data-background-color="black"] {
|
||||
// background-color: #2c2c2c;
|
||||
}
|
||||
|
||||
[data-background-color]:not([data-background-color="gray"]) {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
[data-background-color]:not([data-background-color="gray"]) p {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
[data-background-color]:not([data-background-color="gray"])
|
||||
a:not(.btn):not(.dropdown-item) {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
[data-background-color]:not([data-background-color="gray"])
|
||||
.nav-tabs
|
||||
> .nav-item
|
||||
> .nav-link
|
||||
i.now-ui-icons {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Nucleo Outline";
|
||||
src: url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot");
|
||||
src: url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot")
|
||||
format("embedded-opentype");
|
||||
src: url("https://raw.githack.com/creativetimofficial/now-ui-kit/master/assets/fonts/nucleo-outline.woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.now-ui-icons {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 "Nucleo Outline";
|
||||
font-size: inherit;
|
||||
// speak: none;
|
||||
text-transform: none;
|
||||
/* Better Font Rendering */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 50px;
|
||||
color: #555;
|
||||
background: #fff;
|
||||
padding: 25px;
|
||||
font-weight: 300;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.footer p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
footer p a {
|
||||
color: #555;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
footer p a:hover {
|
||||
color: #e86c42;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.nav-tabs {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-left: 100px;
|
||||
padding-right: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-item > .nav-link {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
.mat-dialog-container {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue