| @@ -0,0 +1,16 @@ | |||
| # This file is used by the build system to adjust CSS and JS output to support the specified browsers below. | |||
| # For additional information regarding the format and rule options, please see: | |||
| # https://github.com/browserslist/browserslist#queries | |||
| # For the full list of supported browsers by the Angular framework, please see: | |||
| # https://angular.io/guide/browser-support | |||
| # You can see what browsers were selected by your queries by running: | |||
| # npx browserslist | |||
| Chrome >=79 | |||
| ChromeAndroid >=79 | |||
| Firefox >=70 | |||
| Edge >=79 | |||
| Safari >=14 | |||
| iOS >=14 | |||
| @@ -0,0 +1,16 @@ | |||
| # Editor configuration, see https://editorconfig.org | |||
| root = true | |||
| [*] | |||
| charset = utf-8 | |||
| indent_style = space | |||
| indent_size = 2 | |||
| insert_final_newline = true | |||
| trim_trailing_whitespace = true | |||
| [*.ts] | |||
| quote_type = single | |||
| [*.md] | |||
| max_line_length = off | |||
| trim_trailing_whitespace = false | |||
| @@ -0,0 +1,46 @@ | |||
| { | |||
| "root": true, | |||
| "ignorePatterns": ["projects/**/*"], | |||
| "overrides": [ | |||
| { | |||
| "files": ["*.ts"], | |||
| "parserOptions": { | |||
| "project": ["tsconfig.json"], | |||
| "createDefaultProgram": true | |||
| }, | |||
| "extends": [ | |||
| "plugin:@angular-eslint/recommended", | |||
| "plugin:@angular-eslint/template/process-inline-templates" | |||
| ], | |||
| "rules": { | |||
| "@angular-eslint/component-class-suffix": [ | |||
| "error", | |||
| { | |||
| "suffixes": ["Page", "Component"] | |||
| } | |||
| ], | |||
| "@angular-eslint/component-selector": [ | |||
| "error", | |||
| { | |||
| "type": "element", | |||
| "prefix": "app", | |||
| "style": "kebab-case" | |||
| } | |||
| ], | |||
| "@angular-eslint/directive-selector": [ | |||
| "error", | |||
| { | |||
| "type": "attribute", | |||
| "prefix": "app", | |||
| "style": "camelCase" | |||
| } | |||
| ] | |||
| } | |||
| }, | |||
| { | |||
| "files": ["*.html"], | |||
| "extends": ["plugin:@angular-eslint/template/recommended"], | |||
| "rules": {} | |||
| } | |||
| ] | |||
| } | |||
| @@ -0,0 +1,68 @@ | |||
| # Specifies intentionally untracked files to ignore when using Git | |||
| # http://git-scm.com/docs/gitignore | |||
| *~ | |||
| *.sw[mnpcod] | |||
| .tmp | |||
| *.tmp | |||
| *.tmp.* | |||
| UserInterfaceState.xcuserstate | |||
| $RECYCLE.BIN/ | |||
| *.log | |||
| log.txt | |||
| /.sourcemaps | |||
| /.versions | |||
| /coverage | |||
| # Ionic | |||
| /.ionic | |||
| /www | |||
| /platforms | |||
| /plugins | |||
| # Compiled output | |||
| /dist | |||
| /tmp | |||
| /out-tsc | |||
| /bazel-out | |||
| # Node | |||
| /node_modules | |||
| npm-debug.log | |||
| yarn-error.log | |||
| # IDEs and editors | |||
| .idea/ | |||
| .project | |||
| .classpath | |||
| .c9/ | |||
| *.launch | |||
| .settings/ | |||
| *.sublime-project | |||
| *.sublime-workspace | |||
| # Visual Studio Code | |||
| .vscode/* | |||
| !.vscode/settings.json | |||
| !.vscode/tasks.json | |||
| !.vscode/launch.json | |||
| !.vscode/extensions.json | |||
| .history/* | |||
| # Miscellaneous | |||
| /.angular | |||
| /.angular/cache | |||
| .sass-cache/ | |||
| /connect.lock | |||
| /coverage | |||
| /libpeerconnection.log | |||
| testem.log | |||
| /typings | |||
| # System files | |||
| .DS_Store | |||
| Thumbs.db | |||
| @@ -0,0 +1,5 @@ | |||
| { | |||
| "recommendations": [ | |||
| "ionic.ionic" | |||
| ] | |||
| } | |||
| @@ -0,0 +1,3 @@ | |||
| { | |||
| "typescript.preferences.autoImportFileExcludePatterns": ["@ionic/angular/common", "@ionic/angular/standalone"] | |||
| } | |||
| @@ -0,0 +1,149 @@ | |||
| { | |||
| "$schema": "./node_modules/@angular/cli/lib/config/schema.json", | |||
| "version": 1, | |||
| "newProjectRoot": "projects", | |||
| "projects": { | |||
| "app": { | |||
| "projectType": "application", | |||
| "schematics": {}, | |||
| "root": "", | |||
| "sourceRoot": "src", | |||
| "prefix": "app", | |||
| "architect": { | |||
| "build": { | |||
| "builder": "@angular-devkit/build-angular:browser", | |||
| "options": { | |||
| "outputPath": "www", | |||
| "index": "src/index.html", | |||
| "main": "src/main.ts", | |||
| "polyfills": "src/polyfills.ts", | |||
| "tsConfig": "tsconfig.app.json", | |||
| "inlineStyleLanguage": "scss", | |||
| "assets": [ | |||
| { | |||
| "glob": "**/*", | |||
| "input": "src/assets", | |||
| "output": "assets" | |||
| }, | |||
| { | |||
| "glob": "**/*.svg", | |||
| "input": "node_modules/ionicons/dist/ionicons/svg", | |||
| "output": "./svg" | |||
| } | |||
| ], | |||
| "styles": ["src/theme/variables.scss", "src/global.scss"], | |||
| "scripts": [] | |||
| }, | |||
| "configurations": { | |||
| "production": { | |||
| "budgets": [ | |||
| { | |||
| "type": "initial", | |||
| "maximumWarning": "2mb", | |||
| "maximumError": "5mb" | |||
| }, | |||
| { | |||
| "type": "anyComponentStyle", | |||
| "maximumWarning": "2kb", | |||
| "maximumError": "4kb" | |||
| } | |||
| ], | |||
| "fileReplacements": [ | |||
| { | |||
| "replace": "src/environments/environment.ts", | |||
| "with": "src/environments/environment.prod.ts" | |||
| } | |||
| ], | |||
| "outputHashing": "all" | |||
| }, | |||
| "development": { | |||
| "buildOptimizer": false, | |||
| "optimization": false, | |||
| "vendorChunk": true, | |||
| "extractLicenses": false, | |||
| "sourceMap": true, | |||
| "namedChunks": true | |||
| }, | |||
| "ci": { | |||
| "progress": false | |||
| } | |||
| }, | |||
| "defaultConfiguration": "production" | |||
| }, | |||
| "serve": { | |||
| "builder": "@angular-devkit/build-angular:dev-server", | |||
| "configurations": { | |||
| "production": { | |||
| "buildTarget": "app:build:production" | |||
| }, | |||
| "development": { | |||
| "buildTarget": "app:build:development" | |||
| }, | |||
| "ci": { | |||
| "progress": false | |||
| } | |||
| }, | |||
| "defaultConfiguration": "development" | |||
| }, | |||
| "extract-i18n": { | |||
| "builder": "@angular-devkit/build-angular:extract-i18n", | |||
| "options": { | |||
| "buildTarget": "app:build" | |||
| } | |||
| }, | |||
| "test": { | |||
| "builder": "@angular-devkit/build-angular:karma", | |||
| "options": { | |||
| "main": "src/test.ts", | |||
| "polyfills": "src/polyfills.ts", | |||
| "tsConfig": "tsconfig.spec.json", | |||
| "karmaConfig": "karma.conf.js", | |||
| "inlineStyleLanguage": "scss", | |||
| "assets": [ | |||
| { | |||
| "glob": "**/*", | |||
| "input": "src/assets", | |||
| "output": "assets" | |||
| }, | |||
| { | |||
| "glob": "**/*.svg", | |||
| "input": "node_modules/ionicons/dist/ionicons/svg", | |||
| "output": "./svg" | |||
| } | |||
| ], | |||
| "styles": ["src/theme/variables.scss", "src/global.scss"], | |||
| "scripts": [] | |||
| }, | |||
| "configurations": { | |||
| "ci": { | |||
| "progress": false, | |||
| "watch": false | |||
| } | |||
| } | |||
| }, | |||
| "lint": { | |||
| "builder": "@angular-eslint/builder:lint", | |||
| "options": { | |||
| "lintFilePatterns": [ | |||
| "src/**/*.ts", | |||
| "src/**/*.html" | |||
| ] | |||
| } | |||
| } | |||
| } | |||
| } | |||
| }, | |||
| "cli": { | |||
| "schematicCollections": [ | |||
| "@ionic/angular-toolkit" | |||
| ] | |||
| }, | |||
| "schematics": { | |||
| "@ionic/angular-toolkit:component": { | |||
| "styleext": "scss" | |||
| }, | |||
| "@ionic/angular-toolkit:page": { | |||
| "styleext": "scss" | |||
| } | |||
| } | |||
| } | |||
| @@ -0,0 +1,5 @@ | |||
| { | |||
| "name": "sripuram-pwa", | |||
| "integrations": {}, | |||
| "type": "angular" | |||
| } | |||
| @@ -0,0 +1,44 @@ | |||
| // Karma configuration file, see link for more information | |||
| // https://karma-runner.github.io/1.0/config/configuration-file.html | |||
| module.exports = function (config) { | |||
| config.set({ | |||
| basePath: '', | |||
| frameworks: ['jasmine', '@angular-devkit/build-angular'], | |||
| plugins: [ | |||
| require('karma-jasmine'), | |||
| require('karma-chrome-launcher'), | |||
| require('karma-jasmine-html-reporter'), | |||
| require('karma-coverage'), | |||
| require('@angular-devkit/build-angular/plugins/karma') | |||
| ], | |||
| client: { | |||
| jasmine: { | |||
| // you can add configuration options for Jasmine here | |||
| // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html | |||
| // for example, you can disable the random execution with `random: false` | |||
| // or set a specific seed with `seed: 4321` | |||
| }, | |||
| clearContext: false // leave Jasmine Spec Runner output visible in browser | |||
| }, | |||
| jasmineHtmlReporter: { | |||
| suppressAll: true // removes the duplicated traces | |||
| }, | |||
| coverageReporter: { | |||
| dir: require('path').join(__dirname, './coverage/app'), | |||
| subdir: '.', | |||
| reporters: [ | |||
| { type: 'html' }, | |||
| { type: 'text-summary' } | |||
| ] | |||
| }, | |||
| reporters: ['progress', 'kjhtml'], | |||
| port: 9876, | |||
| colors: true, | |||
| logLevel: config.LOG_INFO, | |||
| autoWatch: true, | |||
| browsers: ['Chrome'], | |||
| singleRun: false, | |||
| restartOnFileChange: true | |||
| }); | |||
| }; | |||
| @@ -0,0 +1,59 @@ | |||
| { | |||
| "name": "sripuram-pwa", | |||
| "version": "0.0.1", | |||
| "author": "Ionic Framework", | |||
| "homepage": "https://ionicframework.com/", | |||
| "scripts": { | |||
| "ng": "ng", | |||
| "start": "ng serve", | |||
| "build": "ng build", | |||
| "watch": "ng build --watch --configuration development", | |||
| "test": "ng test", | |||
| "lint": "ng lint" | |||
| }, | |||
| "private": true, | |||
| "dependencies": { | |||
| "@angular/animations": "^17.0.2", | |||
| "@angular/common": "^17.0.2", | |||
| "@angular/compiler": "^17.0.2", | |||
| "@angular/core": "^17.0.2", | |||
| "@angular/forms": "^17.0.2", | |||
| "@angular/platform-browser": "^17.0.2", | |||
| "@angular/platform-browser-dynamic": "^17.0.2", | |||
| "@angular/router": "^17.0.2", | |||
| "@ionic/angular": "^7.0.0", | |||
| "ionicons": "^7.0.0", | |||
| "rxjs": "~7.8.0", | |||
| "tslib": "^2.3.0", | |||
| "zone.js": "~0.14.2" | |||
| }, | |||
| "devDependencies": { | |||
| "@angular-devkit/build-angular": "^17.0.0", | |||
| "@angular-eslint/builder": "^17.0.0", | |||
| "@angular-eslint/eslint-plugin": "^17.0.0", | |||
| "@angular-eslint/eslint-plugin-template": "^17.0.0", | |||
| "@angular-eslint/schematics": "^17.0.0", | |||
| "@angular-eslint/template-parser": "^17.0.0", | |||
| "@angular/cli": "^17.0.0", | |||
| "@angular/compiler-cli": "^17.0.2", | |||
| "@angular/language-service": "^17.0.2", | |||
| "@ionic/angular-toolkit": "^9.0.0", | |||
| "@types/jasmine": "~5.1.0", | |||
| "@typescript-eslint/eslint-plugin": "^6.0.0", | |||
| "@typescript-eslint/parser": "^6.0.0", | |||
| "eslint": "^7.26.0", | |||
| "eslint-plugin-import": "2.22.1", | |||
| "eslint-plugin-jsdoc": "30.7.6", | |||
| "eslint-plugin-prefer-arrow": "1.2.2", | |||
| "jasmine-core": "~5.1.0", | |||
| "jasmine-spec-reporter": "~5.0.0", | |||
| "karma": "~6.4.0", | |||
| "karma-chrome-launcher": "~3.2.0", | |||
| "karma-coverage": "~2.2.0", | |||
| "karma-jasmine": "~5.1.0", | |||
| "karma-jasmine-html-reporter": "~2.1.0", | |||
| "ts-node": "^8.3.0", | |||
| "typescript": "~5.2.2" | |||
| }, | |||
| "description": "An Ionic project" | |||
| } | |||
| @@ -0,0 +1,22 @@ | |||
| import { NgModule } from '@angular/core'; | |||
| import { PreloadAllModules, RouterModule, Routes } from '@angular/router'; | |||
| const routes: Routes = [ | |||
| { | |||
| path: 'home', | |||
| loadChildren: () => import('./home/home.module').then( m => m.HomePageModule) | |||
| }, | |||
| { | |||
| path: '', | |||
| redirectTo: 'home', | |||
| pathMatch: 'full' | |||
| }, | |||
| ]; | |||
| @NgModule({ | |||
| imports: [ | |||
| RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules }) | |||
| ], | |||
| exports: [RouterModule] | |||
| }) | |||
| export class AppRoutingModule { } | |||
| @@ -0,0 +1,3 @@ | |||
| <ion-app> | |||
| <ion-router-outlet></ion-router-outlet> | |||
| </ion-app> | |||
| @@ -0,0 +1,21 @@ | |||
| import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; | |||
| import { TestBed } from '@angular/core/testing'; | |||
| import { AppComponent } from './app.component'; | |||
| describe('AppComponent', () => { | |||
| beforeEach(async () => { | |||
| await TestBed.configureTestingModule({ | |||
| declarations: [AppComponent], | |||
| schemas: [CUSTOM_ELEMENTS_SCHEMA], | |||
| }).compileComponents(); | |||
| }); | |||
| it('should create the app', () => { | |||
| const fixture = TestBed.createComponent(AppComponent); | |||
| const app = fixture.componentInstance; | |||
| expect(app).toBeTruthy(); | |||
| }); | |||
| }); | |||
| @@ -0,0 +1,10 @@ | |||
| import { Component } from '@angular/core'; | |||
| @Component({ | |||
| selector: 'app-root', | |||
| templateUrl: 'app.component.html', | |||
| styleUrls: ['app.component.scss'], | |||
| }) | |||
| export class AppComponent { | |||
| constructor() {} | |||
| } | |||
| @@ -0,0 +1,16 @@ | |||
| import { NgModule } from '@angular/core'; | |||
| import { BrowserModule } from '@angular/platform-browser'; | |||
| import { RouteReuseStrategy } from '@angular/router'; | |||
| import { IonicModule, IonicRouteStrategy } from '@ionic/angular'; | |||
| import { AppComponent } from './app.component'; | |||
| import { AppRoutingModule } from './app-routing.module'; | |||
| @NgModule({ | |||
| declarations: [AppComponent], | |||
| imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule], | |||
| providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }], | |||
| bootstrap: [AppComponent], | |||
| }) | |||
| export class AppModule {} | |||
| @@ -0,0 +1,16 @@ | |||
| import { NgModule } from '@angular/core'; | |||
| import { RouterModule, Routes } from '@angular/router'; | |||
| import { HomePage } from './home.page'; | |||
| const routes: Routes = [ | |||
| { | |||
| path: '', | |||
| component: HomePage, | |||
| } | |||
| ]; | |||
| @NgModule({ | |||
| imports: [RouterModule.forChild(routes)], | |||
| exports: [RouterModule] | |||
| }) | |||
| export class HomePageRoutingModule {} | |||
| @@ -0,0 +1,19 @@ | |||
| import { NgModule } from '@angular/core'; | |||
| import { CommonModule } from '@angular/common'; | |||
| import { IonicModule } from '@ionic/angular'; | |||
| import { FormsModule } from '@angular/forms'; | |||
| import { HomePage } from './home.page'; | |||
| import { HomePageRoutingModule } from './home-routing.module'; | |||
| @NgModule({ | |||
| imports: [ | |||
| CommonModule, | |||
| FormsModule, | |||
| IonicModule, | |||
| HomePageRoutingModule | |||
| ], | |||
| declarations: [HomePage] | |||
| }) | |||
| export class HomePageModule {} | |||
| @@ -0,0 +1,20 @@ | |||
| <ion-header [translucent]="true"> | |||
| <ion-toolbar> | |||
| <ion-title> | |||
| Blank | |||
| </ion-title> | |||
| </ion-toolbar> | |||
| </ion-header> | |||
| <ion-content [fullscreen]="true"> | |||
| <ion-header collapse="condense"> | |||
| <ion-toolbar> | |||
| <ion-title size="large">Blank</ion-title> | |||
| </ion-toolbar> | |||
| </ion-header> | |||
| <div id="container"> | |||
| <strong>Ready to create an app?</strong> | |||
| <p>Start with Ionic <a target="_blank" rel="noopener noreferrer" href="https://ionicframework.com/docs/components">UI Components</a></p> | |||
| </div> | |||
| </ion-content> | |||
| @@ -0,0 +1,27 @@ | |||
| #container { | |||
| text-align: center; | |||
| position: absolute; | |||
| left: 0; | |||
| right: 0; | |||
| top: 50%; | |||
| transform: translateY(-50%); | |||
| } | |||
| #container strong { | |||
| font-size: 20px; | |||
| line-height: 26px; | |||
| } | |||
| #container p { | |||
| font-size: 16px; | |||
| line-height: 22px; | |||
| color: #8c8c8c; | |||
| margin: 0; | |||
| } | |||
| #container a { | |||
| text-decoration: none; | |||
| } | |||
| @@ -0,0 +1,24 @@ | |||
| import { ComponentFixture, TestBed } from '@angular/core/testing'; | |||
| import { IonicModule } from '@ionic/angular'; | |||
| import { HomePage } from './home.page'; | |||
| describe('HomePage', () => { | |||
| let component: HomePage; | |||
| let fixture: ComponentFixture<HomePage>; | |||
| beforeEach(async () => { | |||
| await TestBed.configureTestingModule({ | |||
| declarations: [HomePage], | |||
| imports: [IonicModule.forRoot()] | |||
| }).compileComponents(); | |||
| fixture = TestBed.createComponent(HomePage); | |||
| component = fixture.componentInstance; | |||
| fixture.detectChanges(); | |||
| }); | |||
| it('should create', () => { | |||
| expect(component).toBeTruthy(); | |||
| }); | |||
| }); | |||
| @@ -0,0 +1,12 @@ | |||
| import { Component } from '@angular/core'; | |||
| @Component({ | |||
| selector: 'app-home', | |||
| templateUrl: 'home.page.html', | |||
| styleUrls: ['home.page.scss'], | |||
| }) | |||
| export class HomePage { | |||
| constructor() {} | |||
| } | |||
| @@ -0,0 +1 @@ | |||
| <svg width="350" height="140" xmlns="http://www.w3.org/2000/svg" style="background:#f6f7f9"><g fill="none" fill-rule="evenodd"><path fill="#F04141" style="mix-blend-mode:multiply" d="M61.905-34.23l96.194 54.51-66.982 54.512L22 34.887z"/><circle fill="#10DC60" style="mix-blend-mode:multiply" cx="155.5" cy="135.5" r="57.5"/><path fill="#3880FF" style="mix-blend-mode:multiply" d="M208.538 9.513l84.417 15.392L223.93 93.93z"/><path fill="#FFCE00" style="mix-blend-mode:multiply" d="M268.625 106.557l46.332-26.75 46.332 26.75v53.5l-46.332 26.75-46.332-26.75z"/><circle fill="#7044FF" style="mix-blend-mode:multiply" cx="299.5" cy="9.5" r="38.5"/><rect fill="#11D3EA" style="mix-blend-mode:multiply" transform="rotate(-60 148.47 37.886)" x="143.372" y="-7.056" width="10.196" height="89.884" rx="5.098"/><path d="M-25.389 74.253l84.86 8.107c5.498.525 9.53 5.407 9.004 10.905a10 10 0 0 1-.057.477l-12.36 85.671a10.002 10.002 0 0 1-11.634 8.42l-86.351-15.226c-5.44-.959-9.07-6.145-8.112-11.584l13.851-78.551a10 10 0 0 1 10.799-8.219z" fill="#7044FF" style="mix-blend-mode:multiply"/><circle fill="#0CD1E8" style="mix-blend-mode:multiply" cx="273.5" cy="106.5" r="20.5"/></g></svg> | |||
| @@ -0,0 +1,3 @@ | |||
| export const environment = { | |||
| production: true | |||
| }; | |||
| @@ -0,0 +1,16 @@ | |||
| // This file can be replaced during build by using the `fileReplacements` array. | |||
| // `ng build` replaces `environment.ts` with `environment.prod.ts`. | |||
| // The list of file replacements can be found in `angular.json`. | |||
| export const environment = { | |||
| production: false | |||
| }; | |||
| /* | |||
| * For easier debugging in development mode, you can import the following file | |||
| * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. | |||
| * | |||
| * This import should be commented out in production mode because it will have a negative impact | |||
| * on performance if an error is thrown. | |||
| */ | |||
| // import 'zone.js/plugins/zone-error'; // Included with Angular CLI. | |||
| @@ -0,0 +1,26 @@ | |||
| /* | |||
| * App Global CSS | |||
| * ---------------------------------------------------------------------------- | |||
| * Put style rules here that you want to apply globally. These styles are for | |||
| * the entire app and not just one component. Additionally, this file can be | |||
| * used as an entry point to import other CSS/Sass files to be included in the | |||
| * output CSS. | |||
| * For more information on global stylesheets, visit the documentation: | |||
| * https://ionicframework.com/docs/layout/global-stylesheets | |||
| */ | |||
| /* Core CSS required for Ionic components to work properly */ | |||
| @import "@ionic/angular/css/core.css"; | |||
| /* Basic CSS for apps built with Ionic */ | |||
| @import "@ionic/angular/css/normalize.css"; | |||
| @import "@ionic/angular/css/structure.css"; | |||
| @import "@ionic/angular/css/typography.css"; | |||
| @import "@ionic/angular/css/display.css"; | |||
| /* Optional CSS utils that can be commented out */ | |||
| @import "@ionic/angular/css/padding.css"; | |||
| @import "@ionic/angular/css/float-elements.css"; | |||
| @import "@ionic/angular/css/text-alignment.css"; | |||
| @import "@ionic/angular/css/text-transformation.css"; | |||
| @import "@ionic/angular/css/flex-utils.css"; | |||
| @@ -0,0 +1,26 @@ | |||
| <!DOCTYPE html> | |||
| <html lang="en"> | |||
| <head> | |||
| <meta charset="utf-8" /> | |||
| <title>Ionic App</title> | |||
| <base href="/" /> | |||
| <meta name="color-scheme" content="light dark" /> | |||
| <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | |||
| <meta name="format-detection" content="telephone=no" /> | |||
| <meta name="msapplication-tap-highlight" content="no" /> | |||
| <link rel="icon" type="image/png" href="assets/icon/favicon.png" /> | |||
| <!-- add to homescreen for ios --> | |||
| <meta name="apple-mobile-web-app-capable" content="yes" /> | |||
| <meta name="apple-mobile-web-app-status-bar-style" content="black" /> | |||
| </head> | |||
| <body> | |||
| <app-root></app-root> | |||
| </body> | |||
| </html> | |||
| @@ -0,0 +1,12 @@ | |||
| import { enableProdMode } from '@angular/core'; | |||
| import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; | |||
| import { AppModule } from './app/app.module'; | |||
| import { environment } from './environments/environment'; | |||
| if (environment.production) { | |||
| enableProdMode(); | |||
| } | |||
| platformBrowserDynamic().bootstrapModule(AppModule) | |||
| .catch(err => console.log(err)); | |||
| @@ -0,0 +1,55 @@ | |||
| /** | |||
| * This file includes polyfills needed by Angular and is loaded before the app. | |||
| * You can add your own extra polyfills to this file. | |||
| * | |||
| * This file is divided into 2 sections: | |||
| * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. | |||
| * 2. Application imports. Files imported after ZoneJS that should be loaded before your main | |||
| * file. | |||
| * | |||
| * The current setup is for so-called "evergreen" browsers; the last versions of browsers that | |||
| * automatically update themselves. This includes recent versions of Safari, Chrome (including | |||
| * Opera), Edge on the desktop, and iOS and Chrome on mobile. | |||
| * | |||
| * Learn more in https://angular.io/guide/browser-support | |||
| */ | |||
| /*************************************************************************************************** | |||
| * BROWSER POLYFILLS | |||
| */ | |||
| /** | |||
| * By default, zone.js will patch all possible macroTask and DomEvents | |||
| * user can disable parts of macroTask/DomEvents patch by setting following flags | |||
| * because those flags need to be set before `zone.js` being loaded, and webpack | |||
| * will put import in the top of bundle, so user need to create a separate file | |||
| * in this directory (for example: zone-flags.ts), and put the following flags | |||
| * into that file, and then add the following code before importing zone.js. | |||
| * import './zone-flags'; | |||
| * | |||
| * The flags allowed in zone-flags.ts are listed here. | |||
| * | |||
| * The following flags will work for all browsers. | |||
| * | |||
| * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame | |||
| * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick | |||
| * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames | |||
| * | |||
| * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js | |||
| * with the following flag, it will bypass `zone.js` patch for IE/Edge | |||
| * | |||
| * (window as any).__Zone_enable_cross_context_check = true; | |||
| * | |||
| */ | |||
| import './zone-flags'; | |||
| /*************************************************************************************************** | |||
| * Zone JS is required by default for Angular itself. | |||
| */ | |||
| import 'zone.js'; // Included with Angular CLI. | |||
| /*************************************************************************************************** | |||
| * APPLICATION IMPORTS | |||
| */ | |||
| @@ -0,0 +1,14 @@ | |||
| // This file is required by karma.conf.js and loads recursively all the .spec and framework files | |||
| import 'zone.js/testing'; | |||
| import { getTestBed } from '@angular/core/testing'; | |||
| import { | |||
| BrowserDynamicTestingModule, | |||
| platformBrowserDynamicTesting | |||
| } from '@angular/platform-browser-dynamic/testing'; | |||
| // First, initialize the Angular testing environment. | |||
| getTestBed().initTestEnvironment( | |||
| BrowserDynamicTestingModule, | |||
| platformBrowserDynamicTesting(), | |||
| ); | |||
| @@ -0,0 +1,244 @@ | |||
| // Ionic Variables and Theming. For more info, please see: | |||
| // http://ionicframework.com/docs/theming/ | |||
| /** Ionic CSS Variables **/ | |||
| :root { | |||
| /** primary **/ | |||
| --ion-color-primary: #3880ff; | |||
| --ion-color-primary-rgb: 56, 128, 255; | |||
| --ion-color-primary-contrast: #ffffff; | |||
| --ion-color-primary-contrast-rgb: 255, 255, 255; | |||
| --ion-color-primary-shade: #3171e0; | |||
| --ion-color-primary-tint: #4c8dff; | |||
| /** secondary **/ | |||
| --ion-color-secondary: #3dc2ff; | |||
| --ion-color-secondary-rgb: 61, 194, 255; | |||
| --ion-color-secondary-contrast: #ffffff; | |||
| --ion-color-secondary-contrast-rgb: 255, 255, 255; | |||
| --ion-color-secondary-shade: #36abe0; | |||
| --ion-color-secondary-tint: #50c8ff; | |||
| /** tertiary **/ | |||
| --ion-color-tertiary: #5260ff; | |||
| --ion-color-tertiary-rgb: 82, 96, 255; | |||
| --ion-color-tertiary-contrast: #ffffff; | |||
| --ion-color-tertiary-contrast-rgb: 255, 255, 255; | |||
| --ion-color-tertiary-shade: #4854e0; | |||
| --ion-color-tertiary-tint: #6370ff; | |||
| /** success **/ | |||
| --ion-color-success: #2dd36f; | |||
| --ion-color-success-rgb: 45, 211, 111; | |||
| --ion-color-success-contrast: #ffffff; | |||
| --ion-color-success-contrast-rgb: 255, 255, 255; | |||
| --ion-color-success-shade: #28ba62; | |||
| --ion-color-success-tint: #42d77d; | |||
| /** warning **/ | |||
| --ion-color-warning: #ffc409; | |||
| --ion-color-warning-rgb: 255, 196, 9; | |||
| --ion-color-warning-contrast: #000000; | |||
| --ion-color-warning-contrast-rgb: 0, 0, 0; | |||
| --ion-color-warning-shade: #e0ac08; | |||
| --ion-color-warning-tint: #ffca22; | |||
| /** danger **/ | |||
| --ion-color-danger: #eb445a; | |||
| --ion-color-danger-rgb: 235, 68, 90; | |||
| --ion-color-danger-contrast: #ffffff; | |||
| --ion-color-danger-contrast-rgb: 255, 255, 255; | |||
| --ion-color-danger-shade: #cf3c4f; | |||
| --ion-color-danger-tint: #ed576b; | |||
| /** dark **/ | |||
| --ion-color-dark: #222428; | |||
| --ion-color-dark-rgb: 34, 36, 40; | |||
| --ion-color-dark-contrast: #ffffff; | |||
| --ion-color-dark-contrast-rgb: 255, 255, 255; | |||
| --ion-color-dark-shade: #1e2023; | |||
| --ion-color-dark-tint: #383a3e; | |||
| /** medium **/ | |||
| --ion-color-medium: #92949c; | |||
| --ion-color-medium-rgb: 146, 148, 156; | |||
| --ion-color-medium-contrast: #ffffff; | |||
| --ion-color-medium-contrast-rgb: 255, 255, 255; | |||
| --ion-color-medium-shade: #808289; | |||
| --ion-color-medium-tint: #9d9fa6; | |||
| /** light **/ | |||
| --ion-color-light: #f4f5f8; | |||
| --ion-color-light-rgb: 244, 245, 248; | |||
| --ion-color-light-contrast: #000000; | |||
| --ion-color-light-contrast-rgb: 0, 0, 0; | |||
| --ion-color-light-shade: #d7d8da; | |||
| --ion-color-light-tint: #f5f6f9; | |||
| } | |||
| @media (prefers-color-scheme: dark) { | |||
| /* | |||
| * Dark Colors | |||
| * ------------------------------------------- | |||
| */ | |||
| body { | |||
| --ion-color-primary: #428cff; | |||
| --ion-color-primary-rgb: 66,140,255; | |||
| --ion-color-primary-contrast: #ffffff; | |||
| --ion-color-primary-contrast-rgb: 255,255,255; | |||
| --ion-color-primary-shade: #3a7be0; | |||
| --ion-color-primary-tint: #5598ff; | |||
| --ion-color-secondary: #50c8ff; | |||
| --ion-color-secondary-rgb: 80,200,255; | |||
| --ion-color-secondary-contrast: #ffffff; | |||
| --ion-color-secondary-contrast-rgb: 255,255,255; | |||
| --ion-color-secondary-shade: #46b0e0; | |||
| --ion-color-secondary-tint: #62ceff; | |||
| --ion-color-tertiary: #6a64ff; | |||
| --ion-color-tertiary-rgb: 106,100,255; | |||
| --ion-color-tertiary-contrast: #ffffff; | |||
| --ion-color-tertiary-contrast-rgb: 255,255,255; | |||
| --ion-color-tertiary-shade: #5d58e0; | |||
| --ion-color-tertiary-tint: #7974ff; | |||
| --ion-color-success: #2fdf75; | |||
| --ion-color-success-rgb: 47,223,117; | |||
| --ion-color-success-contrast: #000000; | |||
| --ion-color-success-contrast-rgb: 0,0,0; | |||
| --ion-color-success-shade: #29c467; | |||
| --ion-color-success-tint: #44e283; | |||
| --ion-color-warning: #ffd534; | |||
| --ion-color-warning-rgb: 255,213,52; | |||
| --ion-color-warning-contrast: #000000; | |||
| --ion-color-warning-contrast-rgb: 0,0,0; | |||
| --ion-color-warning-shade: #e0bb2e; | |||
| --ion-color-warning-tint: #ffd948; | |||
| --ion-color-danger: #ff4961; | |||
| --ion-color-danger-rgb: 255,73,97; | |||
| --ion-color-danger-contrast: #ffffff; | |||
| --ion-color-danger-contrast-rgb: 255,255,255; | |||
| --ion-color-danger-shade: #e04055; | |||
| --ion-color-danger-tint: #ff5b71; | |||
| --ion-color-dark: #f4f5f8; | |||
| --ion-color-dark-rgb: 244,245,248; | |||
| --ion-color-dark-contrast: #000000; | |||
| --ion-color-dark-contrast-rgb: 0,0,0; | |||
| --ion-color-dark-shade: #d7d8da; | |||
| --ion-color-dark-tint: #f5f6f9; | |||
| --ion-color-medium: #989aa2; | |||
| --ion-color-medium-rgb: 152,154,162; | |||
| --ion-color-medium-contrast: #000000; | |||
| --ion-color-medium-contrast-rgb: 0,0,0; | |||
| --ion-color-medium-shade: #86888f; | |||
| --ion-color-medium-tint: #a2a4ab; | |||
| --ion-color-light: #222428; | |||
| --ion-color-light-rgb: 34,36,40; | |||
| --ion-color-light-contrast: #ffffff; | |||
| --ion-color-light-contrast-rgb: 255,255,255; | |||
| --ion-color-light-shade: #1e2023; | |||
| --ion-color-light-tint: #383a3e; | |||
| } | |||
| /* | |||
| * iOS Dark Theme | |||
| * ------------------------------------------- | |||
| */ | |||
| .ios body { | |||
| --ion-background-color: #000000; | |||
| --ion-background-color-rgb: 0,0,0; | |||
| --ion-text-color: #ffffff; | |||
| --ion-text-color-rgb: 255,255,255; | |||
| --ion-color-step-50: #0d0d0d; | |||
| --ion-color-step-100: #1a1a1a; | |||
| --ion-color-step-150: #262626; | |||
| --ion-color-step-200: #333333; | |||
| --ion-color-step-250: #404040; | |||
| --ion-color-step-300: #4d4d4d; | |||
| --ion-color-step-350: #595959; | |||
| --ion-color-step-400: #666666; | |||
| --ion-color-step-450: #737373; | |||
| --ion-color-step-500: #808080; | |||
| --ion-color-step-550: #8c8c8c; | |||
| --ion-color-step-600: #999999; | |||
| --ion-color-step-650: #a6a6a6; | |||
| --ion-color-step-700: #b3b3b3; | |||
| --ion-color-step-750: #bfbfbf; | |||
| --ion-color-step-800: #cccccc; | |||
| --ion-color-step-850: #d9d9d9; | |||
| --ion-color-step-900: #e6e6e6; | |||
| --ion-color-step-950: #f2f2f2; | |||
| --ion-item-background: #000000; | |||
| --ion-card-background: #1c1c1d; | |||
| } | |||
| .ios ion-modal { | |||
| --ion-background-color: var(--ion-color-step-100); | |||
| --ion-toolbar-background: var(--ion-color-step-150); | |||
| --ion-toolbar-border-color: var(--ion-color-step-250); | |||
| } | |||
| /* | |||
| * Material Design Dark Theme | |||
| * ------------------------------------------- | |||
| */ | |||
| .md body { | |||
| --ion-background-color: #121212; | |||
| --ion-background-color-rgb: 18,18,18; | |||
| --ion-text-color: #ffffff; | |||
| --ion-text-color-rgb: 255,255,255; | |||
| --ion-border-color: #222222; | |||
| --ion-color-step-50: #1e1e1e; | |||
| --ion-color-step-100: #2a2a2a; | |||
| --ion-color-step-150: #363636; | |||
| --ion-color-step-200: #414141; | |||
| --ion-color-step-250: #4d4d4d; | |||
| --ion-color-step-300: #595959; | |||
| --ion-color-step-350: #656565; | |||
| --ion-color-step-400: #717171; | |||
| --ion-color-step-450: #7d7d7d; | |||
| --ion-color-step-500: #898989; | |||
| --ion-color-step-550: #949494; | |||
| --ion-color-step-600: #a0a0a0; | |||
| --ion-color-step-650: #acacac; | |||
| --ion-color-step-700: #b8b8b8; | |||
| --ion-color-step-750: #c4c4c4; | |||
| --ion-color-step-800: #d0d0d0; | |||
| --ion-color-step-850: #dbdbdb; | |||
| --ion-color-step-900: #e7e7e7; | |||
| --ion-color-step-950: #f3f3f3; | |||
| --ion-item-background: #1e1e1e; | |||
| --ion-toolbar-background: #1f1f1f; | |||
| --ion-tab-bar-background: #1f1f1f; | |||
| --ion-card-background: #1e1e1e; | |||
| } | |||
| } | |||
| html { | |||
| /* | |||
| * For more information on dynamic font scaling, visit the documentation: | |||
| * https://ionicframework.com/docs/layout/dynamic-font-scaling | |||
| */ | |||
| --ion-dynamic-font: var(--ion-default-dynamic-font); | |||
| } | |||
| @@ -0,0 +1,6 @@ | |||
| /** | |||
| * Prevents Angular change detection from | |||
| * running with certain Web Component callbacks | |||
| */ | |||
| // eslint-disable-next-line no-underscore-dangle | |||
| (window as any).__Zone_disable_customElements = true; | |||
| @@ -0,0 +1,15 @@ | |||
| /* To learn more about this file see: https://angular.io/config/tsconfig. */ | |||
| { | |||
| "extends": "./tsconfig.json", | |||
| "compilerOptions": { | |||
| "outDir": "./out-tsc/app", | |||
| "types": [] | |||
| }, | |||
| "files": [ | |||
| "src/main.ts", | |||
| "src/polyfills.ts" | |||
| ], | |||
| "include": [ | |||
| "src/**/*.d.ts" | |||
| ] | |||
| } | |||
| @@ -0,0 +1,33 @@ | |||
| /* To learn more about this file see: https://angular.io/config/tsconfig. */ | |||
| { | |||
| "compileOnSave": false, | |||
| "compilerOptions": { | |||
| "baseUrl": "./", | |||
| "outDir": "./dist/out-tsc", | |||
| "forceConsistentCasingInFileNames": true, | |||
| "strict": true, | |||
| "noImplicitOverride": true, | |||
| "noPropertyAccessFromIndexSignature": true, | |||
| "noImplicitReturns": true, | |||
| "noFallthroughCasesInSwitch": true, | |||
| "sourceMap": true, | |||
| "declaration": false, | |||
| "downlevelIteration": true, | |||
| "experimentalDecorators": true, | |||
| "moduleResolution": "node", | |||
| "importHelpers": true, | |||
| "target": "es2022", | |||
| "module": "es2020", | |||
| "lib": [ | |||
| "es2018", | |||
| "dom" | |||
| ], | |||
| "useDefineForClassFields": false | |||
| }, | |||
| "angularCompilerOptions": { | |||
| "enableI18nLegacyMessageIdFormat": false, | |||
| "strictInjectionParameters": true, | |||
| "strictInputAccessModifiers": true, | |||
| "strictTemplates": true | |||
| } | |||
| } | |||
| @@ -0,0 +1,18 @@ | |||
| /* To learn more about this file see: https://angular.io/config/tsconfig. */ | |||
| { | |||
| "extends": "./tsconfig.json", | |||
| "compilerOptions": { | |||
| "outDir": "./out-tsc/spec", | |||
| "types": [ | |||
| "jasmine" | |||
| ] | |||
| }, | |||
| "files": [ | |||
| "src/test.ts", | |||
| "src/polyfills.ts" | |||
| ], | |||
| "include": [ | |||
| "src/**/*.spec.ts", | |||
| "src/**/*.d.ts" | |||
| ] | |||
| } | |||