mirror of
https://github.com/Nezumi-2711/foodify-frontend.git
synced 2026-09-22 13:38:44 +00:00
Delete components
This commit is contained in:
Nguyen Ha Khue
@@ -11,12 +11,9 @@ import { SharedModule } from './shared/shared.module';
|
||||
import { ProductsModule } from './components/products/products.module';
|
||||
import { SalesModule } from './components/sales/sales.module';
|
||||
import { CouponsModule } from './components/coupons/coupons.module';
|
||||
import { PagesModule } from './components/pages/pages.module';
|
||||
import { MediaModule } from './components/media/media.module';
|
||||
import { MenusModule } from './components/menus/menus.module';
|
||||
import { VendorsModule } from './components/vendors/vendors.module';
|
||||
import { UsersModule } from './components/users/users.module';
|
||||
import { LocalizationModule } from './components/localization/localization.module';
|
||||
import { AccountModule } from './components/account/account.module';
|
||||
import { SettingModule } from './components/setting/setting.module';
|
||||
import { ReportsModule } from './components/reports/reports.module';
|
||||
@@ -43,14 +40,10 @@ import { AuthInterceptor } from "./shared/inceptor/auth-interceptor";
|
||||
ReportsModule,
|
||||
AuthModule,
|
||||
SharedModule,
|
||||
LocalizationModule,
|
||||
ProductsModule,
|
||||
SalesModule,
|
||||
// NgImageSliderModule,
|
||||
VendorsModule,
|
||||
CouponsModule,
|
||||
PagesModule,
|
||||
MediaModule,
|
||||
MenusModule,
|
||||
UsersModule,
|
||||
AgGridModule,
|
||||
|
||||
@@ -1,39 +0,0 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
import { RatesComponent } from './rates/rates.component';
|
||||
import { TranslationsComponent } from './translations/translations.component';
|
||||
import { TaxesComponent } from './taxes/taxes.component';
|
||||
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: 'translations',
|
||||
component: TranslationsComponent,
|
||||
data: {
|
||||
title: "Translations",
|
||||
breadcrumb: "Translations"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'currency-rates',
|
||||
component: RatesComponent,
|
||||
data: {
|
||||
title: "Currency Rates",
|
||||
breadcrumb: "Currency Rates"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'taxes',
|
||||
component: TaxesComponent,
|
||||
data: {
|
||||
title: 'Taxes',
|
||||
breadcrumb: 'Taxes'
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule]
|
||||
})
|
||||
export class LocalizationRoutingModule { }
|
||||
@@ -1,21 +0,0 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
|
||||
import { LocalizationRoutingModule } from './localization-routing.module';
|
||||
import { TranslationsComponent } from './translations/translations.component';
|
||||
import { RatesComponent } from './rates/rates.component';
|
||||
import { TaxesComponent } from './taxes/taxes.component';
|
||||
import { SharedModule } from 'src/app/shared/shared.module';
|
||||
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
|
||||
|
||||
@NgModule({
|
||||
declarations: [TranslationsComponent, RatesComponent, TaxesComponent],
|
||||
imports: [
|
||||
CommonModule,
|
||||
LocalizationRoutingModule,
|
||||
SharedModule,
|
||||
NgbModule
|
||||
]
|
||||
})
|
||||
export class LocalizationModule { }
|
||||
@@ -1,46 +0,0 @@
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5>Currency Details</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="batchDelete" class="custom-datatable">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" sortable="title" (sort)="onSort($event)">Currency Title</th>
|
||||
<th scope="col" sortable="usd" (sort)="onSort($event)">USD</th>
|
||||
<th scope="col" sortable="code" (sort)="onSort($event)">Code</th>
|
||||
<th scope="col" sortable="rate" (sort)="onSort($event)">Exchange Rate</th>
|
||||
<th scope="col" >Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let item of tableItem$ | async ">
|
||||
<td scope="row">
|
||||
<span>{{item.title}}</span>
|
||||
</td>
|
||||
<td>
|
||||
{{item.usd}}
|
||||
</td>
|
||||
<td>{{item.code}}</td>
|
||||
<td>{{item.rate}}</td>
|
||||
<td>
|
||||
<a href="javascript:void(0)"><i class='fa fa-edit f-12'></i></a>
|
||||
<a href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
@@ -1,46 +0,0 @@
|
||||
import { DecimalPipe } from '@angular/common';
|
||||
import { Component, OnInit, QueryList, ViewChildren } from '@angular/core';
|
||||
import { Observable } from 'rxjs';
|
||||
import { NgbdSortableHeader, SortEvent } from 'src/app/shared/directives/NgbdSortableHeader';
|
||||
import { TableService } from 'src/app/shared/service/table.service';
|
||||
import { RateDB, RATEDB } from '../../../shared/tables/rate';
|
||||
|
||||
@Component({
|
||||
selector: 'app-rates',
|
||||
templateUrl: './rates.component.html',
|
||||
styleUrls: ['./rates.component.scss'],
|
||||
providers: [TableService, DecimalPipe]
|
||||
})
|
||||
export class RatesComponent implements OnInit {
|
||||
|
||||
public tableItem$: Observable<RateDB[]>;
|
||||
public searchText;
|
||||
total$: Observable<number>;
|
||||
|
||||
constructor(public service: TableService) {
|
||||
this.tableItem$ = service.tableItem$;
|
||||
this.total$ = service.total$;
|
||||
this.service.setUserData(RATEDB)
|
||||
}
|
||||
|
||||
@ViewChildren(NgbdSortableHeader) headers: QueryList<NgbdSortableHeader>;
|
||||
|
||||
onSort({ column, direction }: SortEvent) {
|
||||
// resetting other headers
|
||||
this.headers.forEach((header) => {
|
||||
if (header.sortable !== column) {
|
||||
header.direction = '';
|
||||
}
|
||||
});
|
||||
|
||||
this.service.sortColumn = column;
|
||||
this.service.sortDirection = direction;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,46 +0,0 @@
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5>Tax Details</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="batchDelete" class="custom-datatable">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" sortable="detail" (sort)="onSort($event)">Currency Title</th>
|
||||
<th scope="col" sortable="tax_schedule" (sort)="onSort($event)">USD</th>
|
||||
<th scope="col" sortable="rate" (sort)="onSort($event)" >Code</th>
|
||||
<th scope="col" sortable="total_amount" (sort)="onSort($event)">Exchange Rate</th>
|
||||
<th scope="col" (sort)="onSort($event)">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let item of tableItem$ | async ">
|
||||
<td scope="row">
|
||||
<span>{{item.detail}}</span>
|
||||
</td>
|
||||
<td>
|
||||
{{item.tax_schedule}}
|
||||
</td>
|
||||
<td>{{item.rate}}</td>
|
||||
<td>{{item.total_amount}}</td>
|
||||
<td>
|
||||
<a href="javascript:void(0)"><i class='fa fa-edit f-12'></i></a>
|
||||
<a href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
@@ -1,43 +0,0 @@
|
||||
import { DecimalPipe } from '@angular/common';
|
||||
import { Component, OnInit, QueryList, ViewChildren } from '@angular/core';
|
||||
import { Observable } from 'rxjs';
|
||||
import { NgbdSortableHeader, SortEvent } from 'src/app/shared/directives/NgbdSortableHeader';
|
||||
import { TableService } from 'src/app/shared/service/table.service';
|
||||
import { TaxesDB, TAXESDB } from '../../../shared/tables/taxes';
|
||||
|
||||
@Component({
|
||||
selector: 'app-taxes',
|
||||
templateUrl: './taxes.component.html',
|
||||
styleUrls: ['./taxes.component.scss'],
|
||||
providers: [TableService, DecimalPipe]
|
||||
})
|
||||
export class TaxesComponent implements OnInit {
|
||||
public tableItem$: Observable<TaxesDB[]>;
|
||||
public searchText;
|
||||
total$: Observable<number>;
|
||||
|
||||
constructor(public service: TableService) {
|
||||
this.tableItem$ = service.tableItem$;
|
||||
this.total$ = service.total$;
|
||||
this.service.setUserData(TAXESDB)
|
||||
}
|
||||
|
||||
@ViewChildren(NgbdSortableHeader) headers: QueryList<NgbdSortableHeader>;
|
||||
|
||||
onSort({ column, direction }: SortEvent) {
|
||||
// resetting other headers
|
||||
this.headers.forEach((header) => {
|
||||
if (header.sortable !== column) {
|
||||
header.direction = '';
|
||||
}
|
||||
});
|
||||
|
||||
this.service.sortColumn = column;
|
||||
this.service.sortDirection = direction;
|
||||
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,51 +0,0 @@
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5>Translations</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="batchDelete" class="custom-datatable">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" sortable="user_key" (sort)="onSort($event)">User Key</th>
|
||||
<th scope="col" sortable="russian" (sort)="onSort($event)">Russian</th>
|
||||
<th scope="col" sortable="arabic" (sort)="onSort($event)">Arbic</th>
|
||||
<th scope="col" sortable="english" (sort)="onSort($event)">English</th>
|
||||
<th scope="col" >Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let item of tableItem$ | async ">
|
||||
<td scope="row">
|
||||
<span>{{item.user_key}}</span>
|
||||
</td>
|
||||
<td>
|
||||
{{item.russian}}
|
||||
</td>
|
||||
<td>{{item.arabic}}</td>
|
||||
<td>{{item.english}}</td>
|
||||
<td>
|
||||
<a href="javascript:void(0)"><i class='fa fa-edit f-12'></i></a>
|
||||
<a href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="d-flex justify-content-center p-2">
|
||||
<ngb-pagination
|
||||
[collectionSize]="(total$ | async)!" [(page)]="service.page" [pageSize]="service.pageSize">
|
||||
</ngb-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
@@ -1,45 +0,0 @@
|
||||
import { DecimalPipe } from '@angular/common';
|
||||
import { Component, OnInit, QueryList, ViewChildren } from '@angular/core';
|
||||
import { Observable } from 'rxjs';
|
||||
import { NgbdSortableHeader, SortEvent } from 'src/app/shared/directives/NgbdSortableHeader';
|
||||
import { TableService } from 'src/app/shared/service/table.service';
|
||||
import { TRANSLATIONDB, TranslationsDB } from '../../../shared/tables/translations';
|
||||
|
||||
@Component({
|
||||
selector: 'app-translations',
|
||||
templateUrl: './translations.component.html',
|
||||
styleUrls: ['./translations.component.scss'],
|
||||
providers: [TableService, DecimalPipe]
|
||||
})
|
||||
export class TranslationsComponent implements OnInit {
|
||||
|
||||
public tableItem$: Observable<TranslationsDB[]>;
|
||||
public searchText;
|
||||
total$: Observable<number>;
|
||||
|
||||
constructor(public service: TableService) {
|
||||
this.tableItem$ = service.tableItem$;
|
||||
this.total$ = service.total$;
|
||||
this.service.setUserData(TRANSLATIONDB)
|
||||
}
|
||||
|
||||
@ViewChildren(NgbdSortableHeader) headers: QueryList<NgbdSortableHeader>;
|
||||
|
||||
onSort({ column, direction }: SortEvent) {
|
||||
// resetting other headers
|
||||
this.headers.forEach((header) => {
|
||||
if (header.sortable !== column) {
|
||||
header.direction = '';
|
||||
}
|
||||
});
|
||||
|
||||
this.service.sortColumn = column;
|
||||
this.service.sortDirection = direction;
|
||||
|
||||
}
|
||||
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,25 +0,0 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
import { MediaComponent } from './media/media.component';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
children: [
|
||||
{
|
||||
path: '',
|
||||
component: MediaComponent,
|
||||
data: {
|
||||
title: "Media",
|
||||
breadcrumb: "Media"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule]
|
||||
})
|
||||
export class MediaRoutingModule { }
|
||||
@@ -1,21 +0,0 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
|
||||
import { MediaRoutingModule } from './media-routing.module';
|
||||
import { MediaComponent } from './media/media.component';
|
||||
import { NgxDropzoneModule } from 'ngx-dropzone';
|
||||
import { SharedModule } from 'src/app/shared/shared.module';
|
||||
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
|
||||
|
||||
@NgModule({
|
||||
declarations: [MediaComponent],
|
||||
imports: [
|
||||
CommonModule,
|
||||
MediaRoutingModule,
|
||||
NgxDropzoneModule,
|
||||
SharedModule,
|
||||
NgbModule
|
||||
]
|
||||
})
|
||||
export class MediaModule { }
|
||||
@@ -1,67 +0,0 @@
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid bulk-cate">
|
||||
<div class="card ">
|
||||
<div class="card-header">
|
||||
<h5>Dropzone Media</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="dropzone-custom">
|
||||
<ngx-dropzone class="dropzone-border" (change)="onSelect($event)">
|
||||
<ngx-dropzone-label>
|
||||
<div class="dz-message needsclick">
|
||||
<i class="fa fa-cloud-upload"></i>
|
||||
<h4 class="mb-0 f-w-600">Drop files here or click to upload.</h4>
|
||||
</div>
|
||||
</ngx-dropzone-label>
|
||||
<ngx-dropzone-preview *ngFor="let f of files" [removable]="true" (removed)="onRemove(f)">
|
||||
<ngx-dropzone-label>{{ f.name }} ({{ f.type }})</ngx-dropzone-label>
|
||||
</ngx-dropzone-preview>
|
||||
</ngx-dropzone>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5>Media File List</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="batchDelete" class="category-table custom-datatable media-datatable">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" sortable="action">Actions</th>
|
||||
<th scope="col" sortable="img" (sort)="onSort($event)">Image</th>
|
||||
<th scope="col" sortable="file_name" (sort)="onSort($event)">File Name</th>
|
||||
<th scope="col" sortable="url" (sort)="onSort($event)">URL</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let item of tableItem$ | async ">
|
||||
<td>
|
||||
<a href="javascript:void(0)"><i class='fa fa-edit f-12'></i></a>
|
||||
<a href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>
|
||||
</td>
|
||||
<td scope="row">
|
||||
<img [src]="item.img" class="imgTable" style="width: 20px">
|
||||
</td>
|
||||
<td>
|
||||
{{item.file_name}}
|
||||
</td>
|
||||
<td>{{item.url}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
<div class="d-flex justify-content-center p-2 border-top-0">
|
||||
<ngb-pagination
|
||||
[collectionSize]="(total$ | async)!" [(page)]="service.page" [pageSize]="service.pageSize">
|
||||
</ngb-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
@@ -1,55 +0,0 @@
|
||||
import { DecimalPipe } from '@angular/common';
|
||||
import { Component, OnInit, QueryList, ViewChildren } from '@angular/core';
|
||||
import { DropzoneConfigInterface } from 'ngx-dropzone-wrapper';
|
||||
import { Observable } from 'rxjs';
|
||||
import { NgbdSortableHeader, SortEvent } from 'src/app/shared/directives/NgbdSortableHeader';
|
||||
import { TableService } from 'src/app/shared/service/table.service';
|
||||
import { MediaDB, MEDIADB } from 'src/app/shared/tables/media';
|
||||
|
||||
@Component({
|
||||
selector: 'app-media',
|
||||
templateUrl: './media.component.html',
|
||||
styleUrls: ['./media.component.scss'],
|
||||
providers: [TableService, DecimalPipe]
|
||||
})
|
||||
export class MediaComponent implements OnInit {
|
||||
|
||||
public tableItem$: Observable<MediaDB[]>;
|
||||
public searchText;
|
||||
total$: Observable<number>;
|
||||
|
||||
constructor(public service: TableService) {
|
||||
this.tableItem$ = service.tableItem$;
|
||||
this.total$ = service.total$;
|
||||
this.service.setUserData(MEDIADB)
|
||||
}
|
||||
|
||||
@ViewChildren(NgbdSortableHeader) headers: QueryList<NgbdSortableHeader>;
|
||||
|
||||
onSort({ column, direction }: SortEvent) {
|
||||
// resetting other headers
|
||||
this.headers.forEach((header) => {
|
||||
if (header.sortable !== column) {
|
||||
header.direction = '';
|
||||
}
|
||||
});
|
||||
|
||||
this.service.sortColumn = column;
|
||||
this.service.sortDirection = direction;
|
||||
|
||||
}
|
||||
|
||||
files: File[] = [];
|
||||
|
||||
onSelect(event) {
|
||||
this.files.push(...event.addedFiles);
|
||||
}
|
||||
|
||||
onRemove(event) {
|
||||
this.files.splice(this.files.indexOf(event), 1);
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,79 +0,0 @@
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5>Add Page</h5>
|
||||
</div>
|
||||
<div class="card-body tab2-card">
|
||||
<ul ngbNav #nav="ngbNav" [(activeId)]="active" class="nav-tabs">
|
||||
<li [ngbNavItem]="1">
|
||||
<a ngbNavLink>General</a>
|
||||
<ng-template ngbNavContent>
|
||||
<form [formGroup]="generalForm" class="needs-validation" novalidate="">
|
||||
<h4>General</h4>
|
||||
<div class="form-group row align-items-center">
|
||||
<div class="col-xl-3 col-md-4"><label for="validationCustom0"><span>*</span> Name</label></div>
|
||||
<div class="col-xl-8 col-md-7"><input class="form-control" formControlName="name"
|
||||
id="validationCustom0" type="text" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row editor-label align-items-center">
|
||||
<div class="col-xl-3 col-md-4"><label>Description</label></div>
|
||||
<div class="col-xl-8 col-md-7"><textarea class="w-100" rows="4" formControlName="desc"></textarea></div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="col-xl-3 col-md-4"><label>Status</label></div>
|
||||
<div class="col-xl-8 col-md-7"><div class="checkbox checkbox-primary">
|
||||
<input id="checkbox-primary-2" formControlName="status" type="checkbox"
|
||||
data-original-title="" title="">
|
||||
<label for="checkbox-primary-2">Enable the Page</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</ng-template>
|
||||
</li>
|
||||
<li [ngbNavItem]="2">
|
||||
<a ngbNavLink>SEO</a>
|
||||
<ng-template ngbNavContent>
|
||||
<form [formGroup]="seoForm" class="needs-validation" novalidate="">
|
||||
<h4>SEO</h4>
|
||||
<div class="form-group row">
|
||||
<div class="col-xl-3 col-md-4"><label for="validationCustom2">Meta Title</label></div>
|
||||
<div class="col-xl-8 col-md-7"><input class="form-control" formControlName="title"
|
||||
id="validationCustom2" type="text" required=""></div>
|
||||
</div>
|
||||
<div class="form-group row align-items-center editor-label">
|
||||
<div class="col-xl-3 col-md-4"><label>Meta Description</label></div>
|
||||
<div class="col-xl-8 col-md-7"><textarea rows="4" class="w-100" formControlName="meta_desc"></textarea></div>
|
||||
</div>
|
||||
</form>
|
||||
</ng-template>
|
||||
</li>
|
||||
<!-- <li [ngbNavItem]="3">
|
||||
<a ngbNavLink>Usage</a>
|
||||
<ng-template ngbNavContent>
|
||||
<form [formGroup]="usageForm" class="needs-validation" novalidate="">
|
||||
<h4>Usage Limits</h4>
|
||||
<div class="form-group row">
|
||||
<label for="validationCustom6" class="col-xl-3 col-md-4">Per Limit</label>
|
||||
<input class="form-control col-md-7" formControlName="limit" id="validationCustom6"
|
||||
type="number">
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label for="validationCustom7" class="col-xl-3 col-md-4">Per Customer</label>
|
||||
<input class="form-control col-md-7" formControlName="customer" id="validationCustom7"
|
||||
type="number">
|
||||
</div>
|
||||
</form>
|
||||
</ng-template>
|
||||
</li> -->
|
||||
</ul>
|
||||
<div [ngbNavOutlet]="nav" class="mt-2"></div>
|
||||
<div class="pull-right">
|
||||
<button type="button" class="btn btn-primary">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
@@ -1,37 +0,0 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
|
||||
|
||||
@Component({
|
||||
selector: 'app-create-page',
|
||||
templateUrl: './create-page.component.html',
|
||||
styleUrls: ['./create-page.component.scss']
|
||||
})
|
||||
export class CreatePageComponent implements OnInit {
|
||||
public generalForm: UntypedFormGroup;
|
||||
public seoForm: UntypedFormGroup;
|
||||
public active = 1;
|
||||
|
||||
constructor(private formBuilder: UntypedFormBuilder) {
|
||||
this.createGeneralForm();
|
||||
this.createSeoForm();
|
||||
}
|
||||
|
||||
createGeneralForm() {
|
||||
this.generalForm = this.formBuilder.group({
|
||||
name: [''],
|
||||
desc: [''],
|
||||
status: ['']
|
||||
})
|
||||
}
|
||||
createSeoForm() {
|
||||
this.seoForm = this.formBuilder.group({
|
||||
title: [''],
|
||||
keyword: [''],
|
||||
meta_desc: ['']
|
||||
})
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,43 +0,0 @@
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5>Page Details</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="custom-datatable">
|
||||
<button class="btn btn-primary me-1 mb-3" style="float: right;">Delete</button>
|
||||
<div class="clearfix"></div>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th> </th>
|
||||
<th scope="col" sortable="name" (sort)="onSort($event)">Name</th>
|
||||
<th scope="col" sortable="status" (sort)="onSort($event)">Status</th>
|
||||
<th scope="col" sortable="created_on" (sort)="onSort($event)">Created On</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let item of tableItem$ | async ">
|
||||
<th> <input type="checkbox" name="title_select" onclick="onSelect(item.id)"></th>
|
||||
<th scope="row">
|
||||
{{ item.name }}</th>
|
||||
<td><i class="fa fa-circle {{item.status}} f-12"></i></td>
|
||||
<td>{{item.created_on}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="d-flex justify-content-center p-2">
|
||||
<ngb-pagination
|
||||
[collectionSize]="(total$ | async)!" [(page)]="service.page" [pageSize]="service.pageSize">
|
||||
</ngb-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
@@ -1,49 +0,0 @@
|
||||
import { DecimalPipe } from '@angular/common';
|
||||
import { Component, OnInit, QueryList, ViewChildren } from '@angular/core';
|
||||
import { Observable } from 'rxjs';
|
||||
import { NgbdSortableHeader, SortEvent } from 'src/app/shared/directives/NgbdSortableHeader';
|
||||
import { TableService } from 'src/app/shared/service/table.service';
|
||||
import { LISTPAGEDB, ListPagesDB } from 'src/app/shared/tables/list-pages';
|
||||
|
||||
@Component({
|
||||
selector: 'app-list-page',
|
||||
templateUrl: './list-page.component.html',
|
||||
styleUrls: ['./list-page.component.scss'],
|
||||
providers: [TableService, DecimalPipe]
|
||||
})
|
||||
export class ListPageComponent implements OnInit {
|
||||
public selected = [];
|
||||
public tableItem$: Observable<ListPagesDB[]>;
|
||||
public searchText;
|
||||
total$: Observable<number>;
|
||||
|
||||
constructor(public service: TableService) {
|
||||
this.tableItem$ = service.tableItem$;
|
||||
this.total$ = service.total$;
|
||||
this.service.setUserData(LISTPAGEDB)
|
||||
}
|
||||
|
||||
@ViewChildren(NgbdSortableHeader) headers: QueryList<NgbdSortableHeader>;
|
||||
|
||||
onSort({ column, direction }: SortEvent) {
|
||||
// resetting other headers
|
||||
this.headers.forEach((header) => {
|
||||
if (header.sortable !== column) {
|
||||
header.direction = '';
|
||||
}
|
||||
});
|
||||
|
||||
this.service.sortColumn = column;
|
||||
this.service.sortDirection = direction;
|
||||
|
||||
}
|
||||
|
||||
onSelect({ selected }) {
|
||||
this.selected.splice(0, this.selected.length);
|
||||
this.selected.push(...selected);
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,34 +0,0 @@
|
||||
import { NgModule, Component } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
import { ListPageComponent } from './list-page/list-page.component';
|
||||
import { CreatePageComponent } from './create-page/create-page.component';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
children: [
|
||||
{
|
||||
path: 'list-page',
|
||||
component: ListPageComponent,
|
||||
data: {
|
||||
title: "List Page",
|
||||
breadcrumb: "List Page"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'create-page',
|
||||
component: CreatePageComponent,
|
||||
data: {
|
||||
title: "Create Page",
|
||||
breadcrumb: "Create Page"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule]
|
||||
})
|
||||
export class PagesRoutingModule { }
|
||||
@@ -1,21 +0,0 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
|
||||
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
import { ReactiveFormsModule } from '@angular/forms';
|
||||
import { PagesRoutingModule } from './pages-routing.module';
|
||||
import { ListPageComponent } from './list-page/list-page.component';
|
||||
import { CreatePageComponent } from './create-page/create-page.component';
|
||||
import { SharedModule } from 'src/app/shared/shared.module';
|
||||
|
||||
@NgModule({
|
||||
declarations: [ListPageComponent, CreatePageComponent],
|
||||
imports: [
|
||||
CommonModule,
|
||||
PagesRoutingModule,
|
||||
NgbModule,
|
||||
ReactiveFormsModule,
|
||||
SharedModule
|
||||
]
|
||||
})
|
||||
export class PagesModule { }
|
||||
@@ -11,7 +11,7 @@
|
||||
(change)="searchAddress()" />
|
||||
</div>
|
||||
|
||||
<div id="batchDelete" class="custom-datatable" *ngIf="addresses.length > 0">
|
||||
<div id="batchDelete" class="custom-datatable" *ngIf="addresses?.length > 0">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
|
||||
@@ -33,17 +33,17 @@ export const content: Routes = [
|
||||
breadcrumb: "Coupons"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'pages',
|
||||
loadChildren: () => import('../../components/pages/pages.module').then(m => m.PagesModule),
|
||||
data: {
|
||||
breadcrumb: "Pages"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'media',
|
||||
loadChildren: () => import('../../components/media/media.module').then(m => m.MediaModule),
|
||||
},
|
||||
// {
|
||||
// path: 'pages',
|
||||
// loadChildren: () => import('../../components/pages/pages.module').then(m => m.PagesModule),
|
||||
// data: {
|
||||
// breadcrumb: "Pages"
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// path: 'media',
|
||||
// loadChildren: () => import('../../components/media/media.module').then(m => m.MediaModule),
|
||||
// },
|
||||
{
|
||||
path: 'menus',
|
||||
loadChildren: () => import('../../components/menus/menus.module').then(m => m.MenusModule),
|
||||
@@ -65,13 +65,13 @@ export const content: Routes = [
|
||||
breadcrumb: "Shop"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'localization',
|
||||
loadChildren: () => import('../../components/localization/localization.module').then(m => m.LocalizationModule),
|
||||
data: {
|
||||
breadcrumb: "Localization"
|
||||
}
|
||||
},
|
||||
// {
|
||||
// path: 'localization',
|
||||
// loadChildren: () => import('../../components/localization/localization.module').then(m => m.LocalizationModule),
|
||||
// data: {
|
||||
// breadcrumb: "Localization"
|
||||
// }
|
||||
// },
|
||||
{
|
||||
path: 'reports',
|
||||
loadChildren: () => import('../../components/reports/reports.module').then(m => m.ReportsModule),
|
||||
|
||||
Reference in New Issue
Block a user