From b66f3720cf68ccf92fbbc5f176259661744b18e6 Mon Sep 17 00:00:00 2001 From: Trinity X Solution Date: Fri, 3 Feb 2023 15:39:10 +0800 Subject: [PATCH] Skeleton Structure V1.0 --- angular.json | 3 + .../components/header/header.component.html | 16 +- .../components/header/header.component.ts | 2 +- .../layouts/one-column/one-column.layout.ts | 4 - .../three-columns/three-columns.layout.ts | 4 - .../layouts/two-columns/two-columns.layout.ts | 4 - src/app/@theme/theme.module.ts | 2 - .../pages/dashboard/dashboard.component.html | 31 --- .../pages/dashboard/dashboard.component.ts | 58 ++-- src/app/pages/pages-menu-Backup.ts | 247 +++++++++++++++++ src/app/pages/pages-menu.ts | 251 +++--------------- src/index.html | 2 +- 12 files changed, 315 insertions(+), 309 deletions(-) create mode 100644 src/app/pages/pages-menu-Backup.ts diff --git a/angular.json b/angular.json index d9a98ba4..7dc451c6 100644 --- a/angular.json +++ b/angular.json @@ -1,5 +1,8 @@ { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", + "cli": { + "analytics": false + }, "version": 1, "newProjectRoot": "projects", "projects": { diff --git a/src/app/@theme/components/header/header.component.html b/src/app/@theme/components/header/header.component.html index 6fdc5d35..ed88190d 100644 --- a/src/app/@theme/components/header/header.component.html +++ b/src/app/@theme/components/header/header.component.html @@ -3,27 +3,13 @@ - + - - {{ theme.name }} -
- - - - - - - -
diff --git a/src/app/@theme/components/header/header.component.ts b/src/app/@theme/components/header/header.component.ts index bfe2b9bc..a837ee3e 100644 --- a/src/app/@theme/components/header/header.component.ts +++ b/src/app/@theme/components/header/header.component.ts @@ -77,7 +77,7 @@ export class HeaderComponent implements OnInit, OnDestroy { } changeTheme(themeName: string) { - this.themeService.changeTheme(themeName); + this.themeService.changeTheme('Corporate'); } toggleSidebar(): boolean { diff --git a/src/app/@theme/layouts/one-column/one-column.layout.ts b/src/app/@theme/layouts/one-column/one-column.layout.ts index cc0b789a..7d251044 100644 --- a/src/app/@theme/layouts/one-column/one-column.layout.ts +++ b/src/app/@theme/layouts/one-column/one-column.layout.ts @@ -16,10 +16,6 @@ import { Component } from '@angular/core'; - - - - `, }) diff --git a/src/app/@theme/layouts/three-columns/three-columns.layout.ts b/src/app/@theme/layouts/three-columns/three-columns.layout.ts index 0c7528d7..70610ccd 100644 --- a/src/app/@theme/layouts/three-columns/three-columns.layout.ts +++ b/src/app/@theme/layouts/three-columns/three-columns.layout.ts @@ -22,10 +22,6 @@ import { Component } from '@angular/core'; - - - - `, }) diff --git a/src/app/@theme/layouts/two-columns/two-columns.layout.ts b/src/app/@theme/layouts/two-columns/two-columns.layout.ts index 724feade..c3e2f73b 100644 --- a/src/app/@theme/layouts/two-columns/two-columns.layout.ts +++ b/src/app/@theme/layouts/two-columns/two-columns.layout.ts @@ -20,10 +20,6 @@ import { Component } from '@angular/core'; - - - - `, }) diff --git a/src/app/@theme/theme.module.ts b/src/app/@theme/theme.module.ts index 9bb44420..2c0a2b84 100644 --- a/src/app/@theme/theme.module.ts +++ b/src/app/@theme/theme.module.ts @@ -17,7 +17,6 @@ import { NbEvaIconsModule } from '@nebular/eva-icons'; import { NbSecurityModule } from '@nebular/security'; import { - FooterComponent, HeaderComponent, SearchInputComponent, TinyMCEComponent, @@ -55,7 +54,6 @@ const NB_MODULES = [ ]; const COMPONENTS = [ HeaderComponent, - FooterComponent, SearchInputComponent, TinyMCEComponent, OneColumnLayoutComponent, diff --git a/src/app/pages/dashboard/dashboard.component.html b/src/app/pages/dashboard/dashboard.component.html index 6b99758a..38554d65 100644 --- a/src/app/pages/dashboard/dashboard.component.html +++ b/src/app/pages/dashboard/dashboard.component.html @@ -7,36 +7,5 @@
-
- -
-
- -
-
- -
-
- -
- -
- -
- -
- - - -
- -
- - -
- -
- -
diff --git a/src/app/pages/dashboard/dashboard.component.ts b/src/app/pages/dashboard/dashboard.component.ts index c359216a..3fac5dcf 100644 --- a/src/app/pages/dashboard/dashboard.component.ts +++ b/src/app/pages/dashboard/dashboard.component.ts @@ -19,34 +19,34 @@ export class DashboardComponent implements OnDestroy { private alive = true; solarValue: number; - lightCard: CardSettings = { - title: 'Light', - iconClass: 'nb-lightbulb', - type: 'primary', - }; - rollerShadesCard: CardSettings = { - title: 'Roller Shades', - iconClass: 'nb-roller-shades', + apiserip: CardSettings = { + title: 'SERP API', + iconClass: 'nb-play', type: 'success', }; - wirelessAudioCard: CardSettings = { - title: 'Wireless Audio', - iconClass: 'nb-audio', - type: 'info', + apicrawler: CardSettings = { + title: 'Crawler API', + iconClass: 'nb-play', + type: 'success', }; - coffeeMakerCard: CardSettings = { - title: 'Coffee Maker', - iconClass: 'nb-coffee-maker', - type: 'warning', + imagescoring: CardSettings = { + title: 'Image Analysis', + iconClass: 'nb-play', + type: 'success', + }; + keywordscoring: CardSettings = { + title: 'Keywords Analysis', + iconClass: 'nb-play', + type: 'success', }; statusCards: string; commonStatusCardsSet: CardSettings[] = [ - this.lightCard, - this.rollerShadesCard, - this.wirelessAudioCard, - this.coffeeMakerCard, + this.apiserip, + this.apicrawler, + this.imagescoring, + this.keywordscoring, ]; statusCardsByThemes: { @@ -59,20 +59,20 @@ export class DashboardComponent implements OnDestroy { cosmic: this.commonStatusCardsSet, corporate: [ { - ...this.lightCard, - type: 'warning', - }, - { - ...this.rollerShadesCard, + ...this.apiserip, type: 'primary', }, { - ...this.wirelessAudioCard, - type: 'danger', + ...this.apicrawler, + type: 'primary', }, { - ...this.coffeeMakerCard, - type: 'info', + ...this.imagescoring, + type: 'primary', + }, + { + ...this.keywordscoring, + type: 'primary', }, ], dark: this.commonStatusCardsSet, diff --git a/src/app/pages/pages-menu-Backup.ts b/src/app/pages/pages-menu-Backup.ts new file mode 100644 index 00000000..6134b318 --- /dev/null +++ b/src/app/pages/pages-menu-Backup.ts @@ -0,0 +1,247 @@ +import { NbMenuItem } from '@nebular/theme'; + +export const MENU_ITEMS: NbMenuItem[] = [ + { + title: 'E-commerce', + icon: 'shopping-cart-outline', + link: '/pages/dashboard', + home: true, + }, + { + title: 'IoT Dashboard', + icon: 'home-outline', + link: '/pages/iot-dashboard', + }, + { + title: 'FEATURES', + group: true, + }, + { + title: 'Layout', + icon: 'layout-outline', + children: [ + { + title: 'Stepper', + link: '/pages/layout/stepper', + }, + { + title: 'List', + link: '/pages/layout/list', + }, + { + title: 'Infinite List', + link: '/pages/layout/infinite-list', + }, + { + title: 'Accordion', + link: '/pages/layout/accordion', + }, + { + title: 'Tabs', + pathMatch: 'prefix', + link: '/pages/layout/tabs', + }, + ], + }, + { + title: 'Forms', + icon: 'edit-2-outline', + children: [ + { + title: 'Form Inputs', + link: '/pages/forms/inputs', + }, + { + title: 'Form Layouts', + link: '/pages/forms/layouts', + }, + { + title: 'Buttons', + link: '/pages/forms/buttons', + }, + { + title: 'Datepicker', + link: '/pages/forms/datepicker', + }, + ], + }, + { + title: 'UI Features', + icon: 'keypad-outline', + link: '/pages/ui-features', + children: [ + { + title: 'Grid', + link: '/pages/ui-features/grid', + }, + { + title: 'Icons', + link: '/pages/ui-features/icons', + }, + { + title: 'Typography', + link: '/pages/ui-features/typography', + }, + { + title: 'Animated Searches', + link: '/pages/ui-features/search-fields', + }, + ], + }, + { + title: 'Modal & Overlays', + icon: 'browser-outline', + children: [ + { + title: 'Dialog', + link: '/pages/modal-overlays/dialog', + }, + { + title: 'Window', + link: '/pages/modal-overlays/window', + }, + { + title: 'Popover', + link: '/pages/modal-overlays/popover', + }, + { + title: 'Toastr', + link: '/pages/modal-overlays/toastr', + }, + { + title: 'Tooltip', + link: '/pages/modal-overlays/tooltip', + }, + ], + }, + { + title: 'Extra Components', + icon: 'message-circle-outline', + children: [ + { + title: 'Calendar', + link: '/pages/extra-components/calendar', + }, + { + title: 'Progress Bar', + link: '/pages/extra-components/progress-bar', + }, + { + title: 'Spinner', + link: '/pages/extra-components/spinner', + }, + { + title: 'Alert', + link: '/pages/extra-components/alert', + }, + { + title: 'Calendar Kit', + link: '/pages/extra-components/calendar-kit', + }, + { + title: 'Chat', + link: '/pages/extra-components/chat', + }, + ], + }, + { + title: 'Maps', + icon: 'map-outline', + children: [ + { + title: 'Google Maps', + link: '/pages/maps/gmaps', + }, + { + title: 'Leaflet Maps', + link: '/pages/maps/leaflet', + }, + { + title: 'Bubble Maps', + link: '/pages/maps/bubble', + }, + { + title: 'Search Maps', + link: '/pages/maps/searchmap', + }, + ], + }, + { + title: 'Charts', + icon: 'pie-chart-outline', + children: [ + { + title: 'Echarts', + link: '/pages/charts/echarts', + }, + { + title: 'Charts.js', + link: '/pages/charts/chartjs', + }, + { + title: 'D3', + link: '/pages/charts/d3', + }, + ], + }, + { + title: 'Editors', + icon: 'text-outline', + children: [ + { + title: 'TinyMCE', + link: '/pages/editors/tinymce', + }, + { + title: 'CKEditor', + link: '/pages/editors/ckeditor', + }, + ], + }, + { + title: 'Tables & Data', + icon: 'grid-outline', + children: [ + { + title: 'Smart Table', + link: '/pages/tables/smart-table', + }, + { + title: 'Tree Grid', + link: '/pages/tables/tree-grid', + }, + ], + }, + { + title: 'Miscellaneous', + icon: 'shuffle-2-outline', + children: [ + { + title: '404', + link: '/pages/miscellaneous/404', + }, + ], + }, + { + title: 'Auth', + icon: 'lock-outline', + children: [ + { + title: 'Login', + link: '/auth/login', + }, + { + title: 'Register', + link: '/auth/register', + }, + { + title: 'Request Password', + link: '/auth/request-password', + }, + { + title: 'Reset Password', + link: '/auth/reset-password', + }, + ], + }, +]; diff --git a/src/app/pages/pages-menu.ts b/src/app/pages/pages-menu.ts index 6134b318..43e6ec5e 100644 --- a/src/app/pages/pages-menu.ts +++ b/src/app/pages/pages-menu.ts @@ -2,246 +2,61 @@ import { NbMenuItem } from '@nebular/theme'; export const MENU_ITEMS: NbMenuItem[] = [ { - title: 'E-commerce', - icon: 'shopping-cart-outline', - link: '/pages/dashboard', - home: true, - }, - { - title: 'IoT Dashboard', + title: 'Dashboard', icon: 'home-outline', link: '/pages/iot-dashboard', }, { - title: 'FEATURES', + title: 'Detection List', + icon: 'list-outline', + link: '', + }, + { + title: 'Report', group: true, }, { - title: 'Layout', - icon: 'layout-outline', - children: [ - { - title: 'Stepper', - link: '/pages/layout/stepper', - }, - { - title: 'List', - link: '/pages/layout/list', - }, - { - title: 'Infinite List', - link: '/pages/layout/infinite-list', - }, - { - title: 'Accordion', - link: '/pages/layout/accordion', - }, - { - title: 'Tabs', - pathMatch: 'prefix', - link: '/pages/layout/tabs', - }, - ], + title: 'SERP & Keywords', + icon: 'file-text-outline', + link: '', }, { - title: 'Forms', - icon: 'edit-2-outline', - children: [ - { - title: 'Form Inputs', - link: '/pages/forms/inputs', - }, - { - title: 'Form Layouts', - link: '/pages/forms/layouts', - }, - { - title: 'Buttons', - link: '/pages/forms/buttons', - }, - { - title: 'Datepicker', - link: '/pages/forms/datepicker', - }, - ], + title: 'Crawler Status', + icon: 'file-text-outline', + link: '', }, { - title: 'UI Features', - icon: 'keypad-outline', - link: '/pages/ui-features', - children: [ - { - title: 'Grid', - link: '/pages/ui-features/grid', - }, - { - title: 'Icons', - link: '/pages/ui-features/icons', - }, - { - title: 'Typography', - link: '/pages/ui-features/typography', - }, - { - title: 'Animated Searches', - link: '/pages/ui-features/search-fields', - }, - ], + title: 'Scoring Analysis', + icon: 'file-text-outline', + link: '', }, { - title: 'Modal & Overlays', - icon: 'browser-outline', - children: [ - { - title: 'Dialog', - link: '/pages/modal-overlays/dialog', - }, - { - title: 'Window', - link: '/pages/modal-overlays/window', - }, - { - title: 'Popover', - link: '/pages/modal-overlays/popover', - }, - { - title: 'Toastr', - link: '/pages/modal-overlays/toastr', - }, - { - title: 'Tooltip', - link: '/pages/modal-overlays/tooltip', - }, - ], + title: 'Settings', + group: true, }, { - title: 'Extra Components', - icon: 'message-circle-outline', - children: [ - { - title: 'Calendar', - link: '/pages/extra-components/calendar', - }, - { - title: 'Progress Bar', - link: '/pages/extra-components/progress-bar', - }, - { - title: 'Spinner', - link: '/pages/extra-components/spinner', - }, - { - title: 'Alert', - link: '/pages/extra-components/alert', - }, - { - title: 'Calendar Kit', - link: '/pages/extra-components/calendar-kit', - }, - { - title: 'Chat', - link: '/pages/extra-components/chat', - }, - ], + title: 'Keywords Dictionary', + icon: 'book-outline', + link: '', }, { - title: 'Maps', - icon: 'map-outline', - children: [ - { - title: 'Google Maps', - link: '/pages/maps/gmaps', - }, - { - title: 'Leaflet Maps', - link: '/pages/maps/leaflet', - }, - { - title: 'Bubble Maps', - link: '/pages/maps/bubble', - }, - { - title: 'Search Maps', - link: '/pages/maps/searchmap', - }, - ], + title: 'Image Similarity', + icon: 'image-outline', + link: '/pages/ui-features/icons', }, { - title: 'Charts', - icon: 'pie-chart-outline', - children: [ - { - title: 'Echarts', - link: '/pages/charts/echarts', - }, - { - title: 'Charts.js', - link: '/pages/charts/chartjs', - }, - { - title: 'D3', - link: '/pages/charts/d3', - }, - ], + title: 'SERP', + icon: 'settings-2-outline', + link: '/pages/ui-features/icons', }, { - title: 'Editors', - icon: 'text-outline', - children: [ - { - title: 'TinyMCE', - link: '/pages/editors/tinymce', - }, - { - title: 'CKEditor', - link: '/pages/editors/ckeditor', - }, - ], + title: 'Crawler', + icon: 'settings-2-outline', + link: '/pages/ui-features/icons', }, { - title: 'Tables & Data', - icon: 'grid-outline', - children: [ - { - title: 'Smart Table', - link: '/pages/tables/smart-table', - }, - { - title: 'Tree Grid', - link: '/pages/tables/tree-grid', - }, - ], - }, - { - title: 'Miscellaneous', - icon: 'shuffle-2-outline', - children: [ - { - title: '404', - link: '/pages/miscellaneous/404', - }, - ], - }, - { - title: 'Auth', - icon: 'lock-outline', - children: [ - { - title: 'Login', - link: '/auth/login', - }, - { - title: 'Register', - link: '/auth/register', - }, - { - title: 'Request Password', - link: '/auth/request-password', - }, - { - title: 'Reset Password', - link: '/auth/reset-password', - }, - ], + title: 'Api Account', + icon: 'people-outline', + link: '/pages/ui-features/icons', }, ]; diff --git a/src/index.html b/src/index.html index 5192560c..75002dce 100644 --- a/src/index.html +++ b/src/index.html @@ -2,7 +2,7 @@ - ngx-admin Demo Application + Klikx SEO Admin Portal