+          "options": {
76 
+            "browserTarget": "app:build"
77 
+          },
78 
+          "configurations": {
79 
+            "production": {
80 
+              "browserTarget": "app:build:production"
81 
+            },
82 
+            "ci": {
83 
+              "progress": false
84 
+            }
85 
+          }
86 
+        },
87 
+        "extract-i18n": {
88 
+          "builder": "@angular-devkit/build-angular:extract-i18n",
89 
+          "options": {
90 
+            "browserTarget": "app:build"
91 
+          }
92 
+        },
93 
+        "test": {
94 
+          "builder": "@angular-devkit/build-angular:karma",
95 
+          "options": {
96 
+            "main": "src/test.ts",
97 
+            "polyfills": "src/polyfills.ts",
98 
+            "tsConfig": "tsconfig.spec.json",
99 
+            "karmaConfig": "karma.conf.js",
100 
+            "styles": [],
101 
+            "scripts": [],
102 
+            "assets": [
103 
+              {
104 
+                "glob": "favicon.ico",
105 
+                "input": "src/",
106 
+                "output": "/"
107 
+              },
108 
+              {
109 
+                "glob": "**/*",
110 
+                "input": "src/assets",
111 
+                "output": "/assets"
112 
+              }
113 
+            ]
114 
+          },
115 
+          "configurations": {
116 
+            "ci": {
117 
+              "progress": false,
118 
+              "watch": false
119 
+            }
120 
+          }
121 
+        },
122 
+        "lint": {
123 
+          "builder": "@angular-eslint/builder:lint",
124 
+          "options": {
125 
+            "lintFilePatterns": [
126 
+              "src/**/*.ts",
127 
+              "src/**/*.html"
128 
+            ]
129 
+          }
130 
+        },
131 
+        "e2e": {
132 
+          "builder": "@angular-devkit/build-angular:protractor",
133 
+          "options": {
134 
+            "protractorConfig": "e2e/protractor.conf.js",
135 
+            "devServerTarget": "app:serve"
136 
+          },
137 
+          "configurations": {
138 
+            "production": {
139 
+              "devServerTarget": "app:serve:production"
140 
+            },
141 
+            "ci": {
142 
+              "devServerTarget": "app:serve:ci"
143 
+            }
144 
+          }
145 
+        }
146 
+      }
147 
+    }
148 
+  },
149 
+  "cli": {
150 
+    "defaultCollection": "@ionic/angular-toolkit"
151 
+  },
152 
+  "schematics": {
153 
+    "@ionic/angular-toolkit:component": {
154 
+      "styleext": "scss"
155 
+    },
156 
+    "@ionic/angular-toolkit:page": {
157 
+      "styleext": "scss"
158 
+    }
159 
+  }
160 
+}

+ 10 - 0
capacitor.config.ts
Ver Arquivo 

@@ -0,0 +1,10 @@
1 
+import { CapacitorConfig } from '@capacitor/cli';
2 
+
3 
+const config: CapacitorConfig = {
4 
+  appId: 'io.ionic.starter',
5 
+  appName: 'farmr3',
6 
+  webDir: 'www',
7 
+  bundledWebRuntime: false
8 
+};
9 
+
10 
+export default config;

+ 37 - 0
e2e/protractor.conf.js
Ver Arquivo 

@@ -0,0 +1,37 @@
1 
+// @ts-check
2 
+// Protractor configuration file, see link for more information
3 
+// https://github.com/angular/protractor/blob/master/lib/config.ts
4 
+
5 
+const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
6 
+
7 
+/**
8 
+ * @type { import("protractor").Config }
9 
+ */
10 
+exports.config = {
11 
+  allScriptsTimeout: 11000,
12 
+  specs: [
13 
+    './src/**/*.e2e-spec.ts'
14 
+  ],
15 
+  capabilities: {
16 
+    browserName: 'chrome'
17 
+  },
18 
+  directConnect: true,
19 
+  SELENIUM_PROMISE_MANAGER: false,
20 
+  baseUrl: 'http://localhost:4200/',
21 
+  framework: 'jasmine',
22 
+  jasmineNodeOpts: {
23 
+    showColors: true,
24 
+    defaultTimeoutInterval: 30000,
25 
+    print: function() {}
26 
+  },
27 
+  onPrepare() {
28 
+    require('ts-node').register({
29 
+      project: require('path').join(__dirname, './tsconfig.json')
30 
+    });
31 
+    jasmine.getEnv().addReporter(new SpecReporter({
32 
+      spec: {
33 
+        displayStacktrace: StacktraceOption.PRETTY
34 
+      }
35 
+    }));
36 
+  }
37 
+};

+ 14 - 0
e2e/src/app.e2e-spec.ts
Ver Arquivo 

@@ -0,0 +1,14 @@
1 
+import { AppPage } from './app.po';
2 
+
3 
+describe('new App', () => {
4 
+  let page: AppPage;
5 
+
6 
+  beforeEach(() => {
7 
+    page = new AppPage();
8 
+  });
9 
+
10 
+  it('should display welcome message', () => {
11 
+    page.navigateTo();
12 
+    expect(page.getPageTitle()).toContain('Tab 1');
13 
+  });
14 
+});

+ 11 - 0
e2e/src/app.po.ts
Ver Arquivo 

@@ -0,0 +1,11 @@
1 
+import { browser, by, element } from 'protractor';
2 
+
3 
+export class AppPage {
4 
+  navigateTo() {
5 
+    return browser.get('/');
6 
+  }
7 
+
8 
+  getPageTitle() {
9 
+    return element(by.css('ion-title')).getText();
10 
+  }
11 
+}

+ 12 - 0
e2e/tsconfig.json
Ver Arquivo 

@@ -0,0 +1,12 @@
1 
+{
2 
+  "extends": "../tsconfig.json",
3 
+  "compilerOptions": {
4 
+    "outDir": "../out-tsc/e2e",
5 
+    "module": "commonjs",
6 
+    "target": "es2018",
7 
+    "types": [
8 
+      "jasmine",
9 
+      "node"
10 
+    ]
11 
+  }
12 
+}

+ 7 - 0
ionic.config.json
Ver Arquivo 

@@ -0,0 +1,7 @@
1 
+{
2 
+  "name": "farmr3",
3 
+  "integrations": {
4 
+    "capacitor": {}
5 
+  },
6 
+  "type": "angular"
7 
+}

+ 44 - 0
karma.conf.js
Ver Arquivo 

@@ -0,0 +1,44 @@
1 
+// Karma configuration file, see link for more information
2 
+// https://karma-runner.github.io/1.0/config/configuration-file.html
3 
+
4 
+module.exports = function (config) {
5 
+  config.set({
6 
+    basePath: '',
7 
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
8 
+    plugins: [
9 
+      require('karma-jasmine'),
10 
+      require('karma-chrome-launcher'),
11 
+      require('karma-jasmine-html-reporter'),
12 
+      require('karma-coverage'),
13 
+      require('@angular-devkit/build-angular/plugins/karma')
14 
+    ],
15 
+    client: {
16 
+      jasmine: {
17 
+        // you can add configuration options for Jasmine here
18 
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
19 
+        // for example, you can disable the random execution with `random: false`
20 
+        // or set a specific seed with `seed: 4321`
21 
+      },
22 
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
23 
+    },
24 
+    jasmineHtmlReporter: {
25 
+      suppressAll: true // removes the duplicated traces
26 
+    },
27 
+    coverageReporter: {
28 
+      dir: require('path').join(__dirname, './coverage/ngv'),
29 
+      subdir: '.',
30 
+      reporters: [
31 
+        { type: 'html' },
32 
+        { type: 'text-summary' }
33 
+      ]
34 
+    },
35 
+    reporters: ['progress', 'kjhtml'],
36 
+    port: 9876,
37 
+    colors: true,
38 
+    logLevel: config.LOG_INFO,
39 
+    autoWatch: true,
40 
+    browsers: ['Chrome'],
41 
+    singleRun: false,
42 
+    restartOnFileChange: true
43 
+  });
44 
+};

Diferenças do arquivo suprimidas por serem muito extensas
+ 28131 - 0
package-lock.json


+ 66 - 0
package.json
Ver Arquivo 

@@ -0,0 +1,66 @@
1 
+{
2 
+  "name": "farmr3",
3 
+  "version": "0.0.1",
4 
+  "author": "Ionic Framework",
5 
+  "homepage": "https://ionicframework.com/",
6 
+  "scripts": {
7 
+    "ng": "ng",
8 
+    "start": "ng serve",
9 
+    "build": "ng build",
10 
+    "test": "ng test",
11 
+    "lint": "ng lint",
12 
+    "e2e": "ng e2e"
13 
+  },
14 
+  "private": true,
15 
+  "dependencies": {
16 
+    "@angular/common": "~13.2.2",
17 
+    "@angular/core": "~13.2.2",
18 
+    "@angular/forms": "~13.2.2",
19 
+    "@angular/platform-browser": "~13.2.2",
20 
+    "@angular/platform-browser-dynamic": "~13.2.2",
21 
+    "@angular/router": "~13.2.2",
22 
+    "@capacitor/app": "1.1.1",
23 
+    "@capacitor/core": "3.5.0",
24 
+    "@capacitor/haptics": "1.1.4",
25 
+    "@capacitor/keyboard": "1.2.2",
26 
+    "@capacitor/status-bar": "1.0.8",
27 
+    "@ionic/angular": "^6.0.0",
28 
+    "rxjs": "~6.6.0",
29 
+    "tslib": "^2.2.0",
30 
+    "zone.js": "~0.11.4"
31 
+  },
32 
+  "devDependencies": {
33 
+    "@angular-devkit/build-angular": "~13.2.3",
34 
+    "@angular-eslint/builder": "~13.0.1",
35 
+    "@angular-eslint/eslint-plugin": "~13.0.1",
36 
+    "@angular-eslint/eslint-plugin-template": "~13.0.1",
37 
+    "@angular-eslint/template-parser": "~13.0.1",
38 
+    "@angular/cli": "~13.2.3",
39 
+    "@angular/compiler": "~13.2.2",
40 
+    "@angular/compiler-cli": "~13.2.2",
41 
+    "@angular/language-service": "~13.2.2",
42 
+    "@capacitor/cli": "3.5.0",
43 
+    "@ionic/angular-toolkit": "^6.0.0",
44 
+    "@types/jasmine": "~3.6.0",
45 
+    "@types/jasminewd2": "~2.0.3",
46 
+    "@types/node": "^12.11.1",
47 
+    "@typescript-eslint/eslint-plugin": "5.3.0",
48 
+    "@typescript-eslint/parser": "5.3.0",
49 
+    "eslint": "^7.6.0",
50 
+    "eslint-plugin-import": "2.22.1",
51 
+    "eslint-plugin-jsdoc": "30.7.6",
52 
+    "eslint-plugin-prefer-arrow": "1.2.2",
53 
+    "jasmine-core": "~3.8.0",
54 
+    "jasmine-spec-reporter": "~5.0.0",
55 
+    "karma": "~6.3.2",
56 
+    "karma-chrome-launcher": "~3.1.0",
57 
+    "karma-coverage": "~2.0.3",
58 
+    "karma-coverage-istanbul-reporter": "~3.0.2",
59 
+    "karma-jasmine": "~4.0.0",
60 
+    "karma-jasmine-html-reporter": "^1.5.0",
61 
+    "protractor": "~7.0.0",
62 
+    "ts-node": "~8.3.0",
63 
+    "typescript": "~4.4.4"
64 
+  },
65 
+  "description": "An Ionic project"
66 
+}

+ 16 - 0
src/app/app-routing.module.ts
Ver Arquivo 

@@ -0,0 +1,16 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
3 
+
4 
+const routes: Routes = [
5 
+  {
6 
+    path: '',
7 
+    loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
8 
+  }
9 
+];
10 
+@NgModule({
11 
+  imports: [
12 
+    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
13 
+  ],
14 
+  exports: [RouterModule]
15 
+})
16 
+export class AppRoutingModule {}

+ 3 - 0
src/app/app.component.html
Ver Arquivo 

@@ -0,0 +1,3 @@
1 
+<ion-app>
2 
+  <ion-router-outlet></ion-router-outlet>
3 
+</ion-app>

+ 0 - 0
src/app/app.component.scss
Ver Arquivo


+ 23 - 0
src/app/app.component.spec.ts
Ver Arquivo 

@@ -0,0 +1,23 @@
1 
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
2 
+import { TestBed, waitForAsync } from '@angular/core/testing';
3 
+
4 
+import { AppComponent } from './app.component';
5 
+
6 
+describe('AppComponent', () => {
7 
+
8 
+  beforeEach(waitForAsync(() => {
9 
+
10 
+    TestBed.configureTestingModule({
11 
+      declarations: [AppComponent],
12 
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
13 
+    }).compileComponents();
14 
+  }));
15 
+
16 
+  it('should create the app', () => {
17 
+    const fixture = TestBed.createComponent(AppComponent);
18 
+    const app = fixture.debugElement.componentInstance;
19 
+    expect(app).toBeTruthy();
20 
+  });
21 
+  // TODO: add more tests!
22 
+
23 
+});

+ 10 - 0
src/app/app.component.ts
Ver Arquivo 

@@ -0,0 +1,10 @@
1 
+import { Component } from '@angular/core';
2 
+
3 
+@Component({
4 
+  selector: 'app-root',
5 
+  templateUrl: 'app.component.html',
6 
+  styleUrls: ['app.component.scss'],
7 
+})
8 
+export class AppComponent {
9 
+  constructor() {}
10 
+}

+ 17 - 0
src/app/app.module.ts
Ver Arquivo 

@@ -0,0 +1,17 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { BrowserModule } from '@angular/platform-browser';
3 
+import { RouteReuseStrategy } from '@angular/router';
4 
+
5 
+import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
6 
+
7 
+import { AppRoutingModule } from './app-routing.module';
8 
+import { AppComponent } from './app.component';
9 
+
10 
+@NgModule({
11 
+  declarations: [AppComponent],
12 
+  entryComponents: [],
13 
+  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
14 
+  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
15 
+  bootstrap: [AppComponent],
16 
+})
17 
+export class AppModule {}

+ 4 - 0
src/app/explore-container/explore-container.component.html
Ver Arquivo 

@@ -0,0 +1,4 @@
1 
+<div id="container">
2 
+  <strong>{{ name }}</strong>
3 
+  <p>Explore <a target="_blank" rel="noopener noreferrer" href="https://ionicframework.com/docs/components">UI Components</a></p>
4 
+</div>

+ 27 - 0
src/app/explore-container/explore-container.component.scss
Ver Arquivo 

@@ -0,0 +1,27 @@
1 
+#container {
2 
+  text-align: center;
3 
+
4 
+  position: absolute;
5 
+  left: 0;
6 
+  right: 0;
7 
+  top: 50%;
8 
+  transform: translateY(-50%);
9 
+}
10 
+
11 
+#container strong {
12 
+  font-size: 20px;
13 
+  line-height: 26px;
14 
+}
15 
+
16 
+#container p {
17 
+  font-size: 16px;
18 
+  line-height: 22px;
19 
+
20 
+  color: #8c8c8c;
21 
+
22 
+  margin: 0;
23 
+}
24 
+
25 
+#container a {
26 
+  text-decoration: none;
27 
+}

+ 24 - 0
src/app/explore-container/explore-container.component.spec.ts
Ver Arquivo 

@@ -0,0 +1,24 @@
1 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 
+import { IonicModule } from '@ionic/angular';
3 
+
4 
+import { ExploreContainerComponent } from './explore-container.component';
5 
+
6 
+describe('ExploreContainerComponent', () => {
7 
+  let component: ExploreContainerComponent;
8 
+  let fixture: ComponentFixture<ExploreContainerComponent>;
9 
+
10 
+  beforeEach(waitForAsync(() => {
11 
+    TestBed.configureTestingModule({
12 
+      declarations: [ ExploreContainerComponent ],
13 
+      imports: [IonicModule.forRoot()]
14 
+    }).compileComponents();
15 
+
16 
+    fixture = TestBed.createComponent(ExploreContainerComponent);
17 
+    component = fixture.componentInstance;
18 
+    fixture.detectChanges();
19 
+  }));
20 
+
21 
+  it('should create', () => {
22 
+    expect(component).toBeTruthy();
23 
+  });
24 
+});

+ 15 - 0
src/app/explore-container/explore-container.component.ts
Ver Arquivo 

@@ -0,0 +1,15 @@
1 
+import { Component, OnInit, Input } from '@angular/core';
2 
+
3 
+@Component({
4 
+  selector: 'app-explore-container',
5 
+  templateUrl: './explore-container.component.html',
6 
+  styleUrls: ['./explore-container.component.scss'],
7 
+})
8 
+export class ExploreContainerComponent implements OnInit {
9 
+  @Input() name: string;
10 
+
11 
+  constructor() { }
12 
+
13 
+  ngOnInit() {}
14 
+
15 
+}

+ 14 - 0
src/app/explore-container/explore-container.module.ts
Ver Arquivo 

@@ -0,0 +1,14 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { CommonModule } from '@angular/common';
3 
+import { FormsModule } from '@angular/forms';
4 
+
5 
+import { IonicModule } from '@ionic/angular';
6 
+
7 
+import { ExploreContainerComponent } from './explore-container.component';
8 
+
9 
+@NgModule({
10 
+  imports: [ CommonModule, FormsModule, IonicModule],
11 
+  declarations: [ExploreContainerComponent],
12 
+  exports: [ExploreContainerComponent]
13 
+})
14 
+export class ExploreContainerComponentModule {}

+ 16 - 0
src/app/tab1/tab1-routing.module.ts
Ver Arquivo 

@@ -0,0 +1,16 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { RouterModule, Routes } from '@angular/router';
3 
+import { Tab1Page } from './tab1.page';
4 
+
5 
+const routes: Routes = [
6 
+  {
7 
+    path: '',
8 
+    component: Tab1Page,
9 
+  }
10 
+];
11 
+
12 
+@NgModule({
13 
+  imports: [RouterModule.forChild(routes)],
14 
+  exports: [RouterModule]
15 
+})
16 
+export class Tab1PageRoutingModule {}

+ 20 - 0
src/app/tab1/tab1.module.ts
Ver Arquivo 

@@ -0,0 +1,20 @@
1 
+import { IonicModule } from '@ionic/angular';
2 
+import { NgModule } from '@angular/core';
3 
+import { CommonModule } from '@angular/common';
4 
+import { FormsModule } from '@angular/forms';
5 
+import { Tab1Page } from './tab1.page';
6 
+import { ExploreContainerComponentModule } from '../explore-container/explore-container.module';
7 
+
8 
+import { Tab1PageRoutingModule } from './tab1-routing.module';
9 
+
10 
+@NgModule({
11 
+  imports: [
12 
+    IonicModule,
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    ExploreContainerComponentModule,
16 
+    Tab1PageRoutingModule
17 
+  ],
18 
+  declarations: [Tab1Page]
19 
+})
20 
+export class Tab1PageModule {}

+ 17 - 0
src/app/tab1/tab1.page.html
Ver Arquivo 

@@ -0,0 +1,17 @@
1 
+<ion-header [translucent]="true">
2 
+  <ion-toolbar>
3 
+    <ion-title>
4 
+      Tab 1
5 
+    </ion-title>
6 
+  </ion-toolbar>
7 
+</ion-header>
8 
+
9 
+<ion-content [fullscreen]="true">
10 
+  <ion-header collapse="condense">
11 
+    <ion-toolbar>
12 
+      <ion-title size="large">Tab 1</ion-title>
13 
+    </ion-toolbar>
14 
+  </ion-header>
15 
+
16 
+  <app-explore-container name="Tab 1 page"></app-explore-container>
17 
+</ion-content>

+ 0 - 0
src/app/tab1/tab1.page.scss
Ver Arquivo


+ 25 - 0
src/app/tab1/tab1.page.spec.ts
Ver Arquivo 

@@ -0,0 +1,25 @@
1 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 
+import { IonicModule } from '@ionic/angular';
3 
+import { ExploreContainerComponentModule } from '../explore-container/explore-container.module';
4 
+
5 
+import { Tab1Page } from './tab1.page';
6 
+
7 
+describe('Tab1Page', () => {
8 
+  let component: Tab1Page;
9 
+  let fixture: ComponentFixture<Tab1Page>;
10 
+
11 
+  beforeEach(waitForAsync(() => {
12 
+    TestBed.configureTestingModule({
13 
+      declarations: [Tab1Page],
14 
+      imports: [IonicModule.forRoot(), ExploreContainerComponentModule]
15 
+    }).compileComponents();
16 
+
17 
+    fixture = TestBed.createComponent(Tab1Page);
18 
+    component = fixture.componentInstance;
19 
+    fixture.detectChanges();
20 
+  }));
21 
+
22 
+  it('should create', () => {
23 
+    expect(component).toBeTruthy();
24 
+  });
25 
+});

+ 12 - 0
src/app/tab1/tab1.page.ts
Ver Arquivo 

@@ -0,0 +1,12 @@
1 
+import { Component } from '@angular/core';
2 
+
3 
+@Component({
4 
+  selector: 'app-tab1',
5 
+  templateUrl: 'tab1.page.html',
6 
+  styleUrls: ['tab1.page.scss']
7 
+})
8 
+export class Tab1Page {
9 
+
10 
+  constructor() {}
11 
+
12 
+}

+ 16 - 0
src/app/tab2/tab2-routing.module.ts
Ver Arquivo 

@@ -0,0 +1,16 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { RouterModule, Routes } from '@angular/router';
3 
+import { Tab2Page } from './tab2.page';
4 
+
5 
+const routes: Routes = [
6 
+  {
7 
+    path: '',
8 
+    component: Tab2Page,
9 
+  }
10 
+];
11 
+
12 
+@NgModule({
13 
+  imports: [RouterModule.forChild(routes)],
14 
+  exports: [RouterModule]
15 
+})
16 
+export class Tab2PageRoutingModule {}

+ 21 - 0
src/app/tab2/tab2.module.ts
Ver Arquivo 

@@ -0,0 +1,21 @@
1 
+import { IonicModule } from '@ionic/angular';
2 
+import { RouterModule } from '@angular/router';
3 
+import { NgModule } from '@angular/core';
4 
+import { CommonModule } from '@angular/common';
5 
+import { FormsModule } from '@angular/forms';
6 
+import { Tab2Page } from './tab2.page';
7 
+import { ExploreContainerComponentModule } from '../explore-container/explore-container.module';
8 
+
9 
+import { Tab2PageRoutingModule } from './tab2-routing.module';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    IonicModule,
14 
+    CommonModule,
15 
+    FormsModule,
16 
+    ExploreContainerComponentModule,
17 
+    Tab2PageRoutingModule
18 
+  ],
19 
+  declarations: [Tab2Page]
20 
+})
21 
+export class Tab2PageModule {}

+ 17 - 0
src/app/tab2/tab2.page.html
Ver Arquivo 

@@ -0,0 +1,17 @@
1 
+<ion-header [translucent]="true">
2 
+  <ion-toolbar>
3 
+    <ion-title>
4 
+      Tab 2
5 
+    </ion-title>
6 
+  </ion-toolbar>
7 
+</ion-header>
8 
+
9 
+<ion-content [fullscreen]="true">
10 
+  <ion-header collapse="condense">
11 
+    <ion-toolbar>
12 
+      <ion-title size="large">Tab 2</ion-title>
13 
+    </ion-toolbar>
14 
+  </ion-header>
15 
+
16 
+  <app-explore-container name="Tab 2 page"></app-explore-container>
17 
+</ion-content>

+ 0 - 0
src/app/tab2/tab2.page.scss
Ver Arquivo


+ 25 - 0
src/app/tab2/tab2.page.spec.ts
Ver Arquivo 

@@ -0,0 +1,25 @@
1 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 
+import { IonicModule } from '@ionic/angular';
3 
+import { ExploreContainerComponentModule } from '../explore-container/explore-container.module';
4 
+
5 
+import { Tab2Page } from './tab2.page';
6 
+
7 
+describe('Tab2Page', () => {
8 
+  let component: Tab2Page;
9 
+  let fixture: ComponentFixture<Tab2Page>;
10 
+
11 
+  beforeEach(waitForAsync(() => {
12 
+    TestBed.configureTestingModule({
13 
+      declarations: [Tab2Page],
14 
+      imports: [IonicModule.forRoot(), ExploreContainerComponentModule]
15 
+    }).compileComponents();
16 
+
17 
+    fixture = TestBed.createComponent(Tab2Page);
18 
+    component = fixture.componentInstance;
19 
+    fixture.detectChanges();
20 
+  }));
21 
+
22 
+  it('should create', () => {
23 
+    expect(component).toBeTruthy();
24 
+  });
25 
+});

+ 12 - 0
src/app/tab2/tab2.page.ts
Ver Arquivo 

@@ -0,0 +1,12 @@
1 
+import { Component } from '@angular/core';
2 
+
3 
+@Component({
4 
+  selector: 'app-tab2',
5 
+  templateUrl: 'tab2.page.html',
6 
+  styleUrls: ['tab2.page.scss']
7 
+})
8 
+export class Tab2Page {
9 
+
10 
+  constructor() {}
11 
+
12 
+}

+ 16 - 0
src/app/tab3/tab3-routing.module.ts
Ver Arquivo 

@@ -0,0 +1,16 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { RouterModule, Routes } from '@angular/router';
3 
+import { Tab3Page } from './tab3.page';
4 
+
5 
+const routes: Routes = [
6 
+  {
7 
+    path: '',
8 
+    component: Tab3Page,
9 
+  }
10 
+];
11 
+
12 
+@NgModule({
13 
+  imports: [RouterModule.forChild(routes)],
14 
+  exports: [RouterModule]
15 
+})
16 
+export class Tab3PageRoutingModule {}

+ 22 - 0
src/app/tab3/tab3.module.ts
Ver Arquivo 

@@ -0,0 +1,22 @@
1 
+import { IonicModule } from '@ionic/angular';
2 
+import { RouterModule } from '@angular/router';
3 
+import { NgModule } from '@angular/core';
4 
+import { CommonModule } from '@angular/common';
5 
+import { FormsModule } from '@angular/forms';
6 
+import { Tab3Page } from './tab3.page';
7 
+import { ExploreContainerComponentModule } from '../explore-container/explore-container.module';
8 
+
9 
+import { Tab3PageRoutingModule } from './tab3-routing.module';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    IonicModule,
14 
+    CommonModule,
15 
+    FormsModule,
16 
+    ExploreContainerComponentModule,
17 
+    RouterModule.forChild([{ path: '', component: Tab3Page }]),
18 
+    Tab3PageRoutingModule,
19 
+  ],
20 
+  declarations: [Tab3Page]
21 
+})
22 
+export class Tab3PageModule {}

+ 17 - 0
src/app/tab3/tab3.page.html
Ver Arquivo 

@@ -0,0 +1,17 @@
1 
+<ion-header [translucent]="true">
2 
+  <ion-toolbar>
3 
+    <ion-title>
4 
+      Tab 3
5 
+    </ion-title>
6 
+  </ion-toolbar>
7 
+</ion-header>
8 
+
9 
+<ion-content [fullscreen]="true">
10 
+  <ion-header collapse="condense">
11 
+    <ion-toolbar>
12 
+      <ion-title size="large">Tab 3</ion-title>
13 
+    </ion-toolbar>
14 
+  </ion-header>
15 
+
16 
+  <app-explore-container name="Tab 3 page"></app-explore-container>
17 
+</ion-content>

+ 0 - 0
src/app/tab3/tab3.page.scss
Ver Arquivo


+ 25 - 0
src/app/tab3/tab3.page.spec.ts
Ver Arquivo 

@@ -0,0 +1,25 @@
1 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 
+import { IonicModule } from '@ionic/angular';
3 
+import { ExploreContainerComponentModule } from '../explore-container/explore-container.module';
4 
+
5 
+import { Tab3Page } from './tab3.page';
6 
+
7 
+describe('Tab3Page', () => {
8 
+  let component: Tab3Page;
9 
+  let fixture: ComponentFixture<Tab3Page>;
10 
+
11 
+  beforeEach(waitForAsync(() => {
12 
+    TestBed.configureTestingModule({
13 
+      declarations: [Tab3Page],
14 
+      imports: [IonicModule.forRoot(), ExploreContainerComponentModule]
15 
+    }).compileComponents();
16 
+
17 
+    fixture = TestBed.createComponent(Tab3Page);
18 
+    component = fixture.componentInstance;
19 
+    fixture.detectChanges();
20 
+  }));
21 
+
22 
+  it('should create', () => {
23 
+    expect(component).toBeTruthy();
24 
+  });
25 
+});

+ 12 - 0
src/app/tab3/tab3.page.ts
Ver Arquivo 

@@ -0,0 +1,12 @@
1 
+import { Component } from '@angular/core';
2 
+
3 
+@Component({
4 
+  selector: 'app-tab3',
5 
+  templateUrl: 'tab3.page.html',
6 
+  styleUrls: ['tab3.page.scss']
7 
+})
8 
+export class Tab3Page {
9 
+
10 
+  constructor() {}
11 
+
12 
+}

+ 39 - 0
src/app/tabs/tabs-routing.module.ts
Ver Arquivo 

@@ -0,0 +1,39 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { RouterModule, Routes } from '@angular/router';
3 
+import { TabsPage } from './tabs.page';
4 
+
5 
+const routes: Routes = [
6 
+  {
7 
+    path: 'tabs',
8 
+    component: TabsPage,
9 
+    children: [
10 
+      {
11 
+        path: 'tab1',
12 
+        loadChildren: () => import('../tab1/tab1.module').then(m => m.Tab1PageModule)
13 
+      },
14 
+      {
15 
+        path: 'tab2',
16 
+        loadChildren: () => import('../tab2/tab2.module').then(m => m.Tab2PageModule)
17 
+      },
18 
+      {
19 
+        path: 'tab3',
20 
+        loadChildren: () => import('../tab3/tab3.module').then(m => m.Tab3PageModule)
21 
+      },
22 
+      {
23 
+        path: '',
24 
+        redirectTo: '/tabs/tab1',
25 
+        pathMatch: 'full'
26 
+      }
27 
+    ]
28 
+  },
29 
+  {
30 
+    path: '',
31 
+    redirectTo: '/tabs/tab1',
32 
+    pathMatch: 'full'
33 
+  }
34 
+];
35 
+
36 
+@NgModule({
37 
+  imports: [RouterModule.forChild(routes)],
38 
+})
39 
+export class TabsPageRoutingModule {}

+ 19 - 0
src/app/tabs/tabs.module.ts
Ver Arquivo 

@@ -0,0 +1,19 @@
1 
+import { IonicModule } from '@ionic/angular';
2 
+import { NgModule } from '@angular/core';
3 
+import { CommonModule } from '@angular/common';
4 
+import { FormsModule } from '@angular/forms';
5 
+
6 
+import { TabsPageRoutingModule } from './tabs-routing.module';
7 
+
8 
+import { TabsPage } from './tabs.page';
9 
+
10 
+@NgModule({
11 
+  imports: [
12 
+    IonicModule,
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    TabsPageRoutingModule
16 
+  ],
17 
+  declarations: [TabsPage]
18 
+})
19 
+export class TabsPageModule {}

+ 20 - 0
src/app/tabs/tabs.page.html
Ver Arquivo 

@@ -0,0 +1,20 @@
1 
+<ion-tabs>
2 
+
3 
+  <ion-tab-bar slot="bottom">
4 
+    <ion-tab-button tab="tab1">
5 
+      <ion-icon name="triangle"></ion-icon>
6 
+      <ion-label>Tab 1</ion-label>
7 
+    </ion-tab-button>
8 
+
9 
+    <ion-tab-button tab="tab2">
10 
+      <ion-icon name="ellipse"></ion-icon>
11 
+      <ion-label>Tab 2</ion-label>
12 
+    </ion-tab-button>
13 
+
14 
+    <ion-tab-button tab="tab3">
15 
+      <ion-icon name="square"></ion-icon>
16 
+      <ion-label>Tab 3</ion-label>
17 
+    </ion-tab-button>
18 
+  </ion-tab-bar>
19 
+
20 
+</ion-tabs>

+ 1 - 0
src/app/tabs/tabs.page.scss
Ver Arquivo 

@@ -0,0 +1 @@
1 
+

+ 26 - 0
src/app/tabs/tabs.page.spec.ts
Ver Arquivo 

@@ -0,0 +1,26 @@
1 
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
2 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
3 
+
4 
+import { TabsPage } from './tabs.page';
5 
+
6 
+describe('TabsPage', () => {
7 
+  let component: TabsPage;
8 
+  let fixture: ComponentFixture<TabsPage>;
9 
+
10 
+  beforeEach(waitForAsync(() => {
11 
+    TestBed.configureTestingModule({
12 
+      declarations: [TabsPage],
13 
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
14 
+    }).compileComponents();
15 
+  }));
16 
+
17 
+  beforeEach(() => {
18 
+    fixture = TestBed.createComponent(TabsPage);
19 
+    component = fixture.componentInstance;
20 
+    fixture.detectChanges();
21 
+  });
22 
+
23 
+  it('should create', () => {
24 
+    expect(component).toBeTruthy();
25 
+  });
26 
+});

+ 12 - 0
src/app/tabs/tabs.page.ts
Ver Arquivo 

@@ -0,0 +1,12 @@
1 
+import { Component } from '@angular/core';
2 
+
3 
+@Component({
4 
+  selector: 'app-tabs',
5 
+  templateUrl: 'tabs.page.html',
6 
+  styleUrls: ['tabs.page.scss']
7 
+})
8 
+export class TabsPage {
9 
+
10 
+  constructor() {}
11 
+
12 
+}

BIN
src/assets/icon/favicon.png
Ver Arquivo


Diferenças do arquivo suprimidas por serem muito extensas
+ 1 - 0
src/assets/shapes.svg


+ 3 - 0
src/environments/environment.prod.ts
Ver Arquivo 

@@ -0,0 +1,3 @@
1 
+export const environment = {
2 
+  production: true
3 
+};

+ 16 - 0
src/environments/environment.ts
Ver Arquivo 

@@ -0,0 +1,16 @@
1 
+// This file can be replaced during build by using the `fileReplacements` array.
2 
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
3 
+// The list of file replacements can be found in `angular.json`.
4 
+
5 
+export const environment = {
6 
+  production: false
7 
+};
8 
+
9 
+/*
10 
+ * For easier debugging in development mode, you can import the following file
11 
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
12 
+ *
13 
+ * This import should be commented out in production mode because it will have a negative impact
14 
+ * on performance if an error is thrown.
15 
+ */
16 
+// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

+ 26 - 0
src/global.scss
Ver Arquivo 

@@ -0,0 +1,26 @@
1 
+/*
2 
+ * App Global CSS
3 
+ * ----------------------------------------------------------------------------
4 
+ * Put style rules here that you want to apply globally. These styles are for
5 
+ * the entire app and not just one component. Additionally, this file can be
6 
+ * used as an entry point to import other CSS/Sass files to be included in the
7 
+ * output CSS.
8 
+ * For more information on global stylesheets, visit the documentation:
9 
+ * https://ionicframework.com/docs/layout/global-stylesheets
10 
+ */
11 
+
12 
+/* Core CSS required for Ionic components to work properly */
13 
+@import "~@ionic/angular/css/core.css";
14 
+
15 
+/* Basic CSS for apps built with Ionic */
16 
+@import "~@ionic/angular/css/normalize.css";
17 
+@import "~@ionic/angular/css/structure.css";
18 
+@import "~@ionic/angular/css/typography.css";
19 
+@import '~@ionic/angular/css/display.css';
20 
+
21 
+/* Optional CSS utils that can be commented out */
22 
+@import "~@ionic/angular/css/padding.css";
23 
+@import "~@ionic/angular/css/float-elements.css";
24 
+@import "~@ionic/angular/css/text-alignment.css";
25 
+@import "~@ionic/angular/css/text-transformation.css";
26 
+@import "~@ionic/angular/css/flex-utils.css";

+ 26 - 0
src/index.html
Ver Arquivo 

@@ -0,0 +1,26 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+  <meta charset="utf-8" />
6 
+  <title>Ionic App</title>
7 
+
8 
+  <base href="/" />
9 
+
10 
+  <meta name="color-scheme" content="light dark" />
11 
+  <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" />
12 
+  <meta name="format-detection" content="telephone=no" />
13 
+  <meta name="msapplication-tap-highlight" content="no" />
14 
+
15 
+  <link rel="icon" type="image/png" href="assets/icon/favicon.png" />
16 
+
17 
+  <!-- add to homescreen for ios -->
18 
+  <meta name="apple-mobile-web-app-capable" content="yes" />
19 
+  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
20 
+</head>
21 
+
22 
+<body>
23 
+  <app-root></app-root>
24 
+</body>
25 
+
26 
+</html>

+ 12 - 0
src/main.ts
Ver Arquivo 

@@ -0,0 +1,12 @@
1 
+import { enableProdMode } from '@angular/core';
2 
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 
+
4 
+import { AppModule } from './app/app.module';
5 
+import { environment } from './environments/environment';
6 
+
7 
+if (environment.production) {
8 
+  enableProdMode();
9 
+}
10 
+
11 
+platformBrowserDynamic().bootstrapModule(AppModule)
12 
+  .catch(err => console.log(err));

+ 65 - 0
src/polyfills.ts
Ver Arquivo 

@@ -0,0 +1,65 @@
1 
+/**
2 
+ * This file includes polyfills needed by Angular and is loaded before the app.
3 
+ * You can add your own extra polyfills to this file.
4 
+ *
5 
+ * This file is divided into 2 sections:
6 
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
7 
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
8 
+ *      file.
9 
+ *
10 
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
12 
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
13 
+ *
14 
+ * Learn more in https://angular.io/guide/browser-support
15 
+ */
16 
+
17 
+/***************************************************************************************************
18 
+ * BROWSER POLYFILLS
19 
+ */
20 
+
21 
+/** IE11 requires the following for NgClass support on SVG elements */
22 
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
23 
+
24 
+/**
25 
+ * Web Animations `@angular/platform-browser/animations`
26 
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
27 
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
28 
+ */
29 
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
30 
+
31 
+/**
32 
+ * By default, zone.js will patch all possible macroTask and DomEvents
33 
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
34 
+ * because those flags need to be set before `zone.js` being loaded, and webpack
35 
+ * will put import in the top of bundle, so user need to create a separate file
36 
+ * in this directory (for example: zone-flags.ts), and put the following flags
37 
+ * into that file, and then add the following code before importing zone.js.
38 
+ * import './zone-flags';
39 
+ *
40 
+ * The flags allowed in zone-flags.ts are listed here.
41 
+ *
42 
+ * The following flags will work for all browsers.
43 
+ *
44 
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
45 
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
46 
+ * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
47 
+ *
48 
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
49 
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
50 
+ *
51 
+ *  (window as any).__Zone_enable_cross_context_check = true;
52 
+ *
53 
+ */
54 
+
55 
+import './zone-flags';
56 
+
57 
+/***************************************************************************************************
58 
+ * Zone JS is required by default for Angular itself.
59 
+ */
60 
+import 'zone.js/dist/zone';  // Included with Angular CLI.
61 
+
62 
+
63 
+/***************************************************************************************************
64 
+ * APPLICATION IMPORTS
65 
+ */

+ 25 - 0
src/test.ts
Ver Arquivo 

@@ -0,0 +1,25 @@
1 
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
2 
+
3 
+import 'zone.js/dist/zone-testing';
4 
+import { getTestBed } from '@angular/core/testing';
5 
+import {
6 
+  BrowserDynamicTestingModule,
7 
+  platformBrowserDynamicTesting
8 
+} from '@angular/platform-browser-dynamic/testing';
9 
+
10 
+declare const require: {
11 
+  context(path: string, deep?: boolean, filter?: RegExp): {
12 
+    <T>(id: string): T;
13 
+    keys(): string[];
14 
+  };
15 
+};
16 
+
17 
+// First, initialize the Angular testing environment.
18 
+getTestBed().initTestEnvironment(
19 
+  BrowserDynamicTestingModule,
20 
+  platformBrowserDynamicTesting()
21 
+);
22 
+// Then we find all the tests.
23 
+const context = require.context('./', true, /\.spec\.ts$/);
24 
+// And load the modules.
25 
+context.keys().map(context);

+ 236 - 0
src/theme/variables.scss
Ver Arquivo 

@@ -0,0 +1,236 @@
1 
+// Ionic Variables and Theming. For more info, please see:
2 
+// http://ionicframework.com/docs/theming/
3 
+
4 
+/** Ionic CSS Variables **/
5 
+:root {
6 
+  /** primary **/
7 
+  --ion-color-primary: #3880ff;
8 
+  --ion-color-primary-rgb: 56, 128, 255;
9 
+  --ion-color-primary-contrast: #ffffff;
10 
+  --ion-color-primary-contrast-rgb: 255, 255, 255;
11 
+  --ion-color-primary-shade: #3171e0;
12 
+  --ion-color-primary-tint: #4c8dff;
13 
+
14 
+  /** secondary **/
15 
+  --ion-color-secondary: #3dc2ff;
16 
+  --ion-color-secondary-rgb: 61, 194, 255;
17 
+  --ion-color-secondary-contrast: #ffffff;
18 
+  --ion-color-secondary-contrast-rgb: 255, 255, 255;
19 
+  --ion-color-secondary-shade: #36abe0;
20 
+  --ion-color-secondary-tint: #50c8ff;
21 
+
22 
+  /** tertiary **/
23 
+  --ion-color-tertiary: #5260ff;
24 
+  --ion-color-tertiary-rgb: 82, 96, 255;
25 
+  --ion-color-tertiary-contrast: #ffffff;
26 
+  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
27 
+  --ion-color-tertiary-shade: #4854e0;
28 
+  --ion-color-tertiary-tint: #6370ff;
29 
+
30 
+  /** success **/
31 
+  --ion-color-success: #2dd36f;
32 
+  --ion-color-success-rgb: 45, 211, 111;
33 
+  --ion-color-success-contrast: #ffffff;
34 
+  --ion-color-success-contrast-rgb: 255, 255, 255;
35 
+  --ion-color-success-shade: #28ba62;
36 
+  --ion-color-success-tint: #42d77d;
37 
+
38 
+  /** warning **/
39 
+  --ion-color-warning: #ffc409;
40 
+  --ion-color-warning-rgb: 255, 196, 9;
41 
+  --ion-color-warning-contrast: #000000;
42 
+  --ion-color-warning-contrast-rgb: 0, 0, 0;
43 
+  --ion-color-warning-shade: #e0ac08;
44 
+  --ion-color-warning-tint: #ffca22;
45 
+
46 
+  /** danger **/
47 
+  --ion-color-danger: #eb445a;
48 
+  --ion-color-danger-rgb: 235, 68, 90;
49 
+  --ion-color-danger-contrast: #ffffff;
50 
+  --ion-color-danger-contrast-rgb: 255, 255, 255;
51 
+  --ion-color-danger-shade: #cf3c4f;
52 
+  --ion-color-danger-tint: #ed576b;
53 
+
54 
+  /** dark **/
55 
+  --ion-color-dark: #222428;
56 
+  --ion-color-dark-rgb: 34, 36, 40;
57 
+  --ion-color-dark-contrast: #ffffff;
58 
+  --ion-color-dark-contrast-rgb: 255, 255, 255;
59 
+  --ion-color-dark-shade: #1e2023;
60 
+  --ion-color-dark-tint: #383a3e;
61 
+
62 
+  /** medium **/
63 
+  --ion-color-medium: #92949c;
64 
+  --ion-color-medium-rgb: 146, 148, 156;
65 
+  --ion-color-medium-contrast: #ffffff;
66 
+  --ion-color-medium-contrast-rgb: 255, 255, 255;
67 
+  --ion-color-medium-shade: #808289;
68 
+  --ion-color-medium-tint: #9d9fa6;
69 
+
70 
+  /** light **/
71 
+  --ion-color-light: #f4f5f8;
72 
+  --ion-color-light-rgb: 244, 245, 248;
73 
+  --ion-color-light-contrast: #000000;
74 
+  --ion-color-light-contrast-rgb: 0, 0, 0;
75 
+  --ion-color-light-shade: #d7d8da;
76 
+  --ion-color-light-tint: #f5f6f9;
77 
+}
78 
+
79 
+@media (prefers-color-scheme: dark) {
80 
+  /*
81 
+   * Dark Colors
82 
+   * -------------------------------------------
83 
+   */
84 
+
85 
+  body {
86 
+    --ion-color-primary: #428cff;
87 
+    --ion-color-primary-rgb: 66,140,255;
88 
+    --ion-color-primary-contrast: #ffffff;
89 
+    --ion-color-primary-contrast-rgb: 255,255,255;
90 
+    --ion-color-primary-shade: #3a7be0;
91 
+    --ion-color-primary-tint: #5598ff;
92 
+
93 
+    --ion-color-secondary: #50c8ff;
94 
+    --ion-color-secondary-rgb: 80,200,255;
95 
+    --ion-color-secondary-contrast: #ffffff;
96 
+    --ion-color-secondary-contrast-rgb: 255,255,255;
97 
+    --ion-color-secondary-shade: #46b0e0;
98 
+    --ion-color-secondary-tint: #62ceff;
99 
+
100 
+    --ion-color-tertiary: #6a64ff;
101 
+    --ion-color-tertiary-rgb: 106,100,255;
102 
+    --ion-color-tertiary-contrast: #ffffff;
103 
+    --ion-color-tertiary-contrast-rgb: 255,255,255;
104 
+    --ion-color-tertiary-shade: #5d58e0;
105 
+    --ion-color-tertiary-tint: #7974ff;
106 
+
107 
+    --ion-color-success: #2fdf75;
108 
+    --ion-color-success-rgb: 47,223,117;
109 
+    --ion-color-success-contrast: #000000;
110 
+    --ion-color-success-contrast-rgb: 0,0,0;
111 
+    --ion-color-success-shade: #29c467;
112 
+    --ion-color-success-tint: #44e283;
113 
+
114 
+    --ion-color-warning: #ffd534;
115 
+    --ion-color-warning-rgb: 255,213,52;
116 
+    --ion-color-warning-contrast: #000000;
117 
+    --ion-color-warning-contrast-rgb: 0,0,0;
118 
+    --ion-color-warning-shade: #e0bb2e;
119 
+    --ion-color-warning-tint: #ffd948;
120 
+
121 
+    --ion-color-danger: #ff4961;
122 
+    --ion-color-danger-rgb: 255,73,97;
123 
+    --ion-color-danger-contrast: #ffffff;
124 
+    --ion-color-danger-contrast-rgb: 255,255,255;
125 
+    --ion-color-danger-shade: #e04055;
126 
+    --ion-color-danger-tint: #ff5b71;
127 
+
128 
+    --ion-color-dark: #f4f5f8;
129 
+    --ion-color-dark-rgb: 244,245,248;
130 
+    --ion-color-dark-contrast: #000000;
131 
+    --ion-color-dark-contrast-rgb: 0,0,0;
132 
+    --ion-color-dark-shade: #d7d8da;
133 
+    --ion-color-dark-tint: #f5f6f9;
134 
+
135 
+    --ion-color-medium: #989aa2;
136 
+    --ion-color-medium-rgb: 152,154,162;
137 
+    --ion-color-medium-contrast: #000000;
138 
+    --ion-color-medium-contrast-rgb: 0,0,0;
139 
+    --ion-color-medium-shade: #86888f;
140 
+    --ion-color-medium-tint: #a2a4ab;
141 
+
142 
+    --ion-color-light: #222428;
143 
+    --ion-color-light-rgb: 34,36,40;
144 
+    --ion-color-light-contrast: #ffffff;
145 
+    --ion-color-light-contrast-rgb: 255,255,255;
146 
+    --ion-color-light-shade: #1e2023;
147 
+    --ion-color-light-tint: #383a3e;
148 
+  }
149 
+
150 
+  /*
151 
+   * iOS Dark Theme
152 
+   * -------------------------------------------
153 
+   */
154 
+
155 
+  .ios body {
156 
+    --ion-background-color: #000000;
157 
+    --ion-background-color-rgb: 0,0,0;
158 
+
159 
+    --ion-text-color: #ffffff;
160 
+    --ion-text-color-rgb: 255,255,255;
161 
+
162 
+    --ion-color-step-50: #0d0d0d;
163 
+    --ion-color-step-100: #1a1a1a;
164 
+    --ion-color-step-150: #262626;
165 
+    --ion-color-step-200: #333333;
166 
+    --ion-color-step-250: #404040;
167 
+    --ion-color-step-300: #4d4d4d;
168 
+    --ion-color-step-350: #595959;
169 
+    --ion-color-step-400: #666666;
170 
+    --ion-color-step-450: #737373;
171 
+    --ion-color-step-500: #808080;
172 
+    --ion-color-step-550: #8c8c8c;
173 
+    --ion-color-step-600: #999999;
174 
+    --ion-color-step-650: #a6a6a6;
175 
+    --ion-color-step-700: #b3b3b3;
176 
+    --ion-color-step-750: #bfbfbf;
177 
+    --ion-color-step-800: #cccccc;
178 
+    --ion-color-step-850: #d9d9d9;
179 
+    --ion-color-step-900: #e6e6e6;
180 
+    --ion-color-step-950: #f2f2f2;
181 
+
182 
+    --ion-item-background: #000000;
183 
+
184 
+    --ion-card-background: #1c1c1d;
185 
+  }
186 
+
187 
+  .ios ion-modal {
188 
+    --ion-background-color: var(--ion-color-step-100);
189 
+    --ion-toolbar-background: var(--ion-color-step-150);
190 
+    --ion-toolbar-border-color: var(--ion-color-step-250);
191 
+  }
192 
+
193 
+
194 
+  /*
195 
+   * Material Design Dark Theme
196 
+   * -------------------------------------------
197 
+   */
198 
+
199 
+  .md body {
200 
+    --ion-background-color: #121212;
201 
+    --ion-background-color-rgb: 18,18,18;
202 
+
203 
+    --ion-text-color: #ffffff;
204 
+    --ion-text-color-rgb: 255,255,255;
205 
+
206 
+    --ion-border-color: #222222;
207 
+
208 
+    --ion-color-step-50: #1e1e1e;
209 
+    --ion-color-step-100: #2a2a2a;
210 
+    --ion-color-step-150: #363636;
211 
+    --ion-color-step-200: #414141;
212 
+    --ion-color-step-250: #4d4d4d;
213 
+    --ion-color-step-300: #595959;
214 
+    --ion-color-step-350: #656565;
215 
+    --ion-color-step-400: #717171;
216 
+    --ion-color-step-450: #7d7d7d;
217 
+    --ion-color-step-500: #898989;
218 
+    --ion-color-step-550: #949494;
219 
+    --ion-color-step-600: #a0a0a0;
220 
+    --ion-color-step-650: #acacac;
221 
+    --ion-color-step-700: #b8b8b8;
222 
+    --ion-color-step-750: #c4c4c4;
223 
+    --ion-color-step-800: #d0d0d0;
224 
+    --ion-color-step-850: #dbdbdb;
225 
+    --ion-color-step-900: #e7e7e7;
226 
+    --ion-color-step-950: #f3f3f3;
227 
+
228 
+    --ion-item-background: #1e1e1e;
229 
+
230 
+    --ion-toolbar-background: #1f1f1f;
231 
+
232 
+    --ion-tab-bar-background: #1f1f1f;
233 
+
234 
+    --ion-card-background: #1e1e1e;
235 
+  }
236 
+}

+ 6 - 0
src/zone-flags.ts
Ver Arquivo 

@@ -0,0 +1,6 @@
1 
+/**
2 
+ * Prevents Angular change detection from
3 
+ * running with certain Web Component callbacks
4 
+ */
5 
+// eslint-disable-next-line no-underscore-dangle
6 
+(window as any).__Zone_disable_customElements = true;

+ 15 - 0
tsconfig.app.json
Ver Arquivo 

@@ -0,0 +1,15 @@
1 
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
2 
+{
3 
+  "extends": "./tsconfig.json",
4 
+  "compilerOptions": {
5 
+    "outDir": "./out-tsc/app",
6 
+    "types": []
7 
+  },
8 
+  "files": [
9 
+    "src/main.ts",
10 
+    "src/polyfills.ts"
11 
+  ],
12 
+  "include": [
13 
+    "src/**/*.d.ts"
14 
+  ]
15 
+}

+ 23 - 0
tsconfig.json
Ver Arquivo 

@@ -0,0 +1,23 @@
1 
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
2 
+{
3 
+  "compileOnSave": false,
4 
+  "compilerOptions": {
5 
+    "baseUrl": "./",
6 
+    "outDir": "./dist/out-tsc",
7 
+    "sourceMap": true,
8 
+    "declaration": false,
9 
+    "downlevelIteration": true,
10 
+    "experimentalDecorators": true,
11 
+    "moduleResolution": "node",
12 
+    "importHelpers": true,
13 
+    "target": "es2015",
14 
+    "module": "es2020",
15 
+    "lib": ["es2018", "dom"]
16 
+  },
17 
+  "angularCompilerOptions": {
18 
+    "enableI18nLegacyMessageIdFormat": false,
19 
+    "strictInjectionParameters": true,
20 
+    "strictInputAccessModifiers": true,
21 
+    "strictTemplates": true
22 
+  }
23 
+}

+ 18 - 0
tsconfig.spec.json
Ver Arquivo 

@@ -0,0 +1,18 @@
1 
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
2 
+{
3 
+  "extends": "./tsconfig.json",
4 
+  "compilerOptions": {
5 
+    "outDir": "./out-tsc/spec",
6 
+    "types": [
7 
+      "jasmine"
8 
+    ]
9 
+  },
10 
+  "files": [
11 
+    "src/test.ts",
12 
+    "src/polyfills.ts"
13 
+  ],
14 
+  "include": [
15 
+    "src/**/*.spec.ts",
16 
+    "src/**/*.d.ts"
17 
+  ]
18 
+}

tum/fm99-app-rev - Gogs: Simplico Git Service
Ana Sayfa Keşfet Yardım
Giriş Yap
tum
/
fm99-app-rev
İzle 1
Yıldızla 0
Çatalla 0
Kod Sorunlar 0 Değişiklik İstekleri 0 İşlemeler 21 Sürümler 0 Wiki

Açıklama Yok

Ağaç: c4daef72b2
Dallar Biçim İmleri
fm99-app-rev
/
resources
/
README.md

README.md 419B
Geçmiş Ham

These are Cordova resources. You can replace icon.png and splash.png and run ionic cordova resources to generate custom icons and splash screens for your app. See ionic cordova resources --help for details.

Cordova reference documentation: