| @@ -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" | |||||
| ] | |||||
| } | |||||