kj
/
vendor-app
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Bläddra i källkod

Add Mall via Admin Pannel --Partial commit

master
prahalad 3 år sedan
förälder
4d51e09146
incheckning
c7f00f7e8b
4 ändrade filer med 155 tillägg och 30 borttagningar
Unifierad Vy
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -1
      src/app/admin/_commonCard.scss
  2. +85
    -25
      src/app/admin/malls/malls.component.html
  3. +64
    -4
      src/app/admin/malls/malls.component.scss
  4. +5
    -0
      src/app/admin/malls/malls.component.ts

+ 1
- 1
src/app/admin/_commonCard.scss Visa fil

@@ -94,7 +94,7 @@
} }


::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px;
width: 5px;
border-radius: 10px; border-radius: 10px;
background: var(--dark-grey); background: var(--dark-grey);
} }


+ 85
- 25
src/app/admin/malls/malls.component.html Visa fil

@@ -26,33 +26,93 @@
</li> </li>
</div> </div>


<div class="popUp" *ngIf='showModal === true'>
<div class="popUp">
<div class="popup-box"> <div class="popup-box">
<ul class="input-list"> <ul class="input-list">
<li>
<label> Advertisement</label>
<input type="number">
</li>
<li>
<label> Add Mall </label>
<input type="number">
</li>
<li>
<label> Add Mall </label>
<input type="number">
</li>
<li>
<label> Add Mall </label>
<input type="number">
</li>
<li>
<label> Add Mall </label>
<input type="number">
</li>
<li>
<label> Add Mall </label>
<input type="number">
</li>
<h4>Mall Details:</h4>

<div class="mallDetails">
<li>
<label>Name:</label>
<input type="text" [(ngModel)]="newMall.mall_name" required>
</li>
<li>
<label>Description:</label>
<input type="text" [(ngModel)]='newMall.description' required>
</li>
<li>
<label>Image:</label>
<input type="text" [(ngModel)]='newMall.image_url' required>
</li>
<li>
<label>Address:</label>
<input type="text" [(ngModel)]='newMall.mall_address' required>
</li>
<li>
<label>Mall Distance:</label>
<input type="number" [(ngModel)]='newMall.mall_distance' required>
</li>
<li>
<label>Rating:</label>
<input type="number" [(ngModel)]='newMall.rating' required>
</li>
<li>
<label>Offers Count:</label>
<input type="number" [(ngModel)]='newMall.offers_count' required>
</li>
</div>

<h4>Advertisement:</h4>
<div class="addDetails">
<li>
<label>Created By</label>
<input type="text" [(ngModel)]="newMall.advertisement.createdBy" required>
</li>
<li>
<label>Image</label>
<input type="text" [(ngModel)]="newMall.advertisement.image" required>
</li>
<li>
<label>Type</label>
<input type="text" [(ngModel)]="newMall.advertisement.type" required>
</li>
<li>
<label>Updated By</label>
<input type="text" [(ngModel)]="newMall.advertisement.updatedBy" required>
</li>
</div>

<h4>Outlet Details:</h4>
<div class="outletdistance">
<li>
<label>Outlet Name</label>
<input type="text" [(ngModel)]="newMall.outlet.outlet_name" required>
</li>
<li>
<label>Description</label>
<input type="text" [(ngModel)]="newMall.outlet.description" required>
</li>
<li>
<label>Outlet Timings</label>
<input type="text" [(ngModel)]="newMall.outlet.outlet_timing" required>
</li>
<li>
<label>Image</label>
<input type="text" [(ngModel)]="newMall.outlet.image_url" required>
</li>
<li>
<label>Outlet GST</label>
<input type="number" [(ngModel)]="newMall.outlet.outlet_Gst" required>
</li>
<li>
<label>Outlet Type</label>
<input type="text" [(ngModel)]="newMall.outlet.outlet_type" required>
</li>
<li>
<label>Rating</label>
<input type="number" [(ngModel)]="newMall.outlet.rating" required>
</li>
</div>
</ul> </ul>


<div class="action-buttons"> <div class="action-buttons">


+ 64
- 4
src/app/admin/malls/malls.component.scss Visa fil

@@ -93,22 +93,82 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 1; z-index: 1;
.popup-box { .popup-box {
width: 400px; width: 400px;
padding: 15px;
padding: 0 15px;
background: white; background: white;
border-radius: 10px; border-radius: 10px;
height: 60vh;
overflow: auto;
border: 10px solid white;


.input-list { .input-list {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 10px 0;

h4{
display: block;
font-size: 18px;
color: dimgrey;
font-weight: 500;
margin-left: -5px;
position: sticky;
top: 0;
z-index: 1;
height: 30px;

&:before{
content: '';
width: 100%;
position: absolute;
height: 100%;
background-color: white;
z-index: -1;
transform: scale(105%);
}
}
} }


.action-buttons{ .action-buttons{
position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
margin: 10px;
position: sticky;
bottom: 0;
z-index: 1;
height: 50px;


&:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: white;
z-index: -1;
transform: scale(115%);
}
}

.mallDetails, .addDetails, .outletdistance{
position: relative;
margin-top: 20px;
margin-bottom: 30px;
&:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: gainsboro;
border-radius: 7px;
transform: scale(105%);
filter: brightness(105%);
}
} }


button{ button{
@@ -125,7 +185,7 @@


li { li {
text-align: left; text-align: left;
margin: 20px 0;
margin: 10px 0;
position: relative; position: relative;


label { label {


+ 5
- 0
src/app/admin/malls/malls.component.ts Visa fil

@@ -17,6 +17,7 @@ export class MallsComponent implements OnInit {
tempMalls: any = []; tempMalls: any = [];


showModal: boolean = false; showModal: boolean = false;
toggleAdd: boolean = false;


newMall: { newMall: {
advertisement: { advertisement: {
@@ -82,10 +83,14 @@ export class MallsComponent implements OnInit {
soft_delete: true soft_delete: true
} }


currentTime: any = new Date()

@Input() required: boolean | string
@ViewChild('searchbar', null) searchElement: ElementRef; @ViewChild('searchbar', null) searchElement: ElementRef;


ngOnInit() { ngOnInit() {
this.getAllMalls() this.getAllMalls()
console.log(this.currentTime)
} }


getAllMalls() { getAllMalls() {


Skriv Förhandsgranska
Laddar…
Avbryt
Spara