nl-13 ol-13"> 13 
+        "build": {
14 
+          "builder": "@angular-devkit/build-angular:browser",
15 
+          "options": {
16 
+            "outputPath": "www",
17 
+            "index": "src/index.html",
18 
+            "main": "src/main.ts",
19 
+            "polyfills": "src/polyfills.ts",
20 
+            "tsConfig": "tsconfig.app.json",
21 
+            "assets": [
22 
+              {
23 
+                "glob": "**/*",
24 
+                "input": "src/assets",
25 
+                "output": "assets"
26 
+              },
27 
+              {
28 
+                "glob": "**/*.svg",
29 
+                "input": "node_modules/ionicons/dist/ionicons/svg",
30 
+                "output": "./svg"
31 
+              }
32 
+            ],
33 
+            "styles": ["src/theme/variables.scss", "src/global.scss"],
34 
+            "scripts": [],
35 
+            "aot": false,
36 
+            "vendorChunk": true,
37 
+            "extractLicenses": false,
38 
+            "buildOptimizer": false,
39 
+            "sourceMap": true,
40 
+            "optimization": false,
41 
+            "namedChunks": true
42 
+          },
43 
+          "configurations": {
44 
+            "production": {
45 
+              "fileReplacements": [
46 
+                {
47 
+                  "replace": "src/environments/environment.ts",
48 
+                  "with": "src/environments/environment.prod.ts"
49 
+                }
50 
+              ],
51 
+              "optimization": true,
52 
+              "outputHashing": "all",
53 
+              "sourceMap": false,
54 
+              "namedChunks": false,
55 
+              "aot": true,
56 
+              "extractLicenses": true,
57 
+              "vendorChunk": false,
58 
+              "buildOptimizer": true,
59 
+              "budgets": [
60 
+                {
61 
+                  "type": "initial",
62 
+                  "maximumWarning": "2mb",
63 
+                  "maximumError": "5mb"
64 
+                }
65 
+              ]
66 
+            },
67 
+            "ci": {
68 
+              "progress": false
69 
+            }
70 
+          }
71 
+        },
72 
+        "serve": {
73 
+          "builder": "@angular-devkit/build-angular:dev-server",
74 
+          "options": {
75 
+            "browserTarget": "app:build"
76 
+          },
77 
+          "configurations": {
78 
+            "production": {
79 
+              "browserTarget": "app:build:production"
80 
+            },
81 
+            "ci": {
82 
+              "progress": false
83 
+            }
84 
+          }
85 
+        },
86 
+        "extract-i18n": {
87 
+          "builder": "@angular-devkit/build-angular:extract-i18n",
88 
+          "options": {
89 
+            "browserTarget": "app:build"
90 
+          }
91 
+        },
92 
+        "test": {
93 
+          "builder": "@angular-devkit/build-angular:karma",
94 
+          "options": {
95 
+            "main": "src/test.ts",
96 
+            "polyfills": "src/polyfills.ts",
97 
+            "tsConfig": "tsconfig.spec.json",
98 
+            "karmaConfig": "karma.conf.js",
99 
+            "styles": [],
100 
+            "scripts": [],
101 
+            "assets": [
102 
+              {
103 
+                "glob": "favicon.ico",
104 
+                "input": "src/",
105 
+                "output": "/"
106 
+              },
107 
+              {
108 
+                "glob": "**/*",
109 
+                "input": "src/assets",
110 
+                "output": "/assets"
111 
+              }
112 
+            ]
113 
+          },
114 
+          "configurations": {
115 
+            "ci": {
116 
+              "progress": false,
117 
+              "watch": false
118 
+            }
119 
+          }
120 
+        },
121 
+        "lint": {
122 
+          "builder": "@angular-eslint/builder:lint",
123 
+          "options": {
124 
+            "lintFilePatterns": [
125 
+              "src/**/*.ts",
126 
+              "src/**/*.html"
127 
+            ]
128 
+          }
129 
+        },
130 
+        "e2e": {
131 
+          "builder": "@angular-devkit/build-angular:protractor",
132 
+          "options": {
133 
+            "protractorConfig": "e2e/protractor.conf.js",
134 
+            "devServerTarget": "app:serve"
135 
+          },
136 
+          "configurations": {
137 
+            "production": {
138 
+              "devServerTarget": "app:serve:production"
139 
+            },
140 
+            "ci": {
141 
+              "devServerTarget": "app:serve:ci"
142 
+            }
143 
+          }
144 
+        }
145 
+      }
146 
+    }
147 
+  },
148 
+  "cli": {
149 
+    "schematicCollections": [
150 
+      "@ionic/angular-toolkit"
151 
+    ],
152 
+    "analytics": false
153 
+  },
154 
+  "schematics": {
155 
+    "@ionic/angular-toolkit:component": {
156 
+      "styleext": "scss"
157 
+    },
158 
+    "@ionic/angular-toolkit:page": {
159 
+      "styleext": "scss"
160 
+    }
161 
+  }
162 
+}

+ 10 - 0
capacitor.config.ts
Datei anzeigen 

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

+ 37 - 0
e2e/protractor.conf.js
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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 be blank', () => {
11 
+    page.navigateTo();
12 
+    expect(page.getParagraphText()).toContain('Start with Ionic UI Components');
13 
+  });
14 
+});

+ 11 - 0
e2e/src/app.po.ts
Datei anzeigen 

@@ -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 
+  getParagraphText() {
9 
+    return element(by.deepCss('app-root ion-content')).getText();
10 
+  }
11 
+}

+ 12 - 0
e2e/tsconfig.json
Datei anzeigen 

@@ -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
Datei anzeigen 

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

+ 44 - 0
karma.conf.js
Datei anzeigen 

@@ -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 
+};

Datei-Diff unterdrückt, da er zu groß ist
+ 29245 - 0
package-lock.json


+ 73 - 0
package.json
Datei anzeigen 

@@ -0,0 +1,73 @@
1 
+{
2 
+  "name": "ra100",
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": "^14.0.0",
17 
+    "@angular/core": "^14.0.0",
18 
+    "@angular/forms": "^14.0.0",
19 
+    "@angular/platform-browser": "^14.0.0",
20 
+    "@angular/platform-browser-dynamic": "^14.0.0",
21 
+    "@angular/router": "^14.0.0",
22 
+    "@capacitor/app": "4.1.0",
23 
+    "@capacitor/core": "4.4.0",
24 
+    "@capacitor/haptics": "4.0.1",
25 
+    "@capacitor/keyboard": "4.0.1",
26 
+    "@capacitor/status-bar": "4.0.1",
27 
+    "@fortawesome/angular-fontawesome": "^0.11.1",
28 
+    "@fortawesome/fontawesome-svg-core": "^6.2.0",
29 
+    "@fortawesome/free-brands-svg-icons": "^6.2.0",
30 
+    "@fortawesome/free-regular-svg-icons": "^6.2.0",
31 
+    "@fortawesome/free-solid-svg-icons": "^6.2.0",
32 
+    "@ionic/angular": "^6.1.9",
33 
+    "ionicons": "^6.0.3",
34 
+    "rxjs": "~6.6.0",
35 
+    "swiper": "^8.4.4",
36 
+    "tslib": "^2.2.0",
37 
+    "zone.js": "~0.11.4"
38 
+  },
39 
+  "devDependencies": {
40 
+    "@angular-devkit/build-angular": "^14.0.0",
41 
+    "@angular-eslint/builder": "~13.0.1",
42 
+    "@angular-eslint/eslint-plugin": "~13.0.1",
43 
+    "@angular-eslint/eslint-plugin-template": "~13.0.1",
44 
+    "@angular-eslint/template-parser": "~13.0.1",
45 
+    "@angular/cli": "^14.0.0",
46 
+    "@angular/compiler": "^14.0.0",
47 
+    "@angular/compiler-cli": "^14.0.0",
48 
+    "@angular/language-service": "^14.0.0",
49 
+    "@capacitor/cli": "4.4.0",
50 
+    "@ionic/angular-toolkit": "^6.0.0",
51 
+    "@types/jasmine": "~3.6.0",
52 
+    "@types/jasminewd2": "~2.0.3",
53 
+    "@types/node": "^12.11.1",
54 
+    "@typescript-eslint/eslint-plugin": "5.3.0",
55 
+    "@typescript-eslint/parser": "5.3.0",
56 
+    "eslint": "^7.6.0",
57 
+    "eslint-plugin-import": "2.22.1",
58 
+    "eslint-plugin-jsdoc": "30.7.6",
59 
+    "eslint-plugin-prefer-arrow": "1.2.2",
60 
+    "jasmine-core": "~3.8.0",
61 
+    "jasmine-spec-reporter": "~5.0.0",
62 
+    "karma": "~6.3.2",
63 
+    "karma-chrome-launcher": "~3.1.0",
64 
+    "karma-coverage": "~2.0.3",
65 
+    "karma-coverage-istanbul-reporter": "~3.0.2",
66 
+    "karma-jasmine": "~4.0.0",
67 
+    "karma-jasmine-html-reporter": "^1.5.0",
68 
+    "protractor": "~7.0.0",
69 
+    "ts-node": "~8.3.0",
70 
+    "typescript": "~4.7.3"
71 
+  },
72 
+  "description": "An Ionic project"
73 
+}

+ 42 - 0
src/app/app-routing.module.ts
Datei anzeigen 

@@ -0,0 +1,42 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
3 
+
4 
+const routes: Routes = [
5 
+  // {
6 
+  //   path: 'home',
7 
+  //   loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
8 
+  // },
9 
+  // {
10 
+  //   path: 'navtabs',
11 
+  //   loadChildren: () => import('./navtabs/navtabs.module').then( m => m.NavtabsPageModule)
12 
+  // },
13 
+  {
14 
+    path: '',
15 
+    redirectTo: 'navtabs',
16 
+    pathMatch: 'full'
17 
+  },
18 
+  {
19 
+    path: 'navtabs',
20 
+    loadChildren: () => import('./navtabs/navtabs.module').then( m => m.NavtabsPageModule)
21 
+  },
22 
+  // {
23 
+  //   path: 'youtube',
24 
+  //   loadChildren: () => import('./youtube/youtube.module').then( m => m.YoutubePageModule)
25 
+  // },
26 
+  // {
27 
+  //   path: 'article',
28 
+  //   loadChildren: () => import('./article/article.module').then( m => m.ArticlePageModule)
29 
+  // },
30 
+  // {
31 
+  //   path: 'navtabs',
32 
+  //   loadChildren: () => import('./navtabs/navtabs.module').then( m => m.NavtabsPageModule)
33 
+  // },
34 
+];
35 
+
36 
+@NgModule({
37 
+  imports: [
38 
+    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
39 
+  ],
40 
+  exports: [RouterModule]
41 
+})
42 
+export class AppRoutingModule { }

+ 25 - 0
src/app/app.component.html
Datei anzeigen 

@@ -0,0 +1,25 @@
1 
+<ion-app>
2 
+  <ion-menu side="start" contentId="content">
3 
+    <ion-header>
4 
+      <ion-toolbar>
5 
+        <ion-title class="menu-title">Menu</ion-title>
6 
+      </ion-toolbar>
7 
+    </ion-header>
8 
+    <ion-content>
9 
+      <ion-list>
10 
+        <ion-menu-toggle auto-hide="true">
11 
+          <ion-item routerLink="/tabs/tab1" routerDirection="forward">
12 
+            <ion-label>Tab 1</ion-label>
13 
+          </ion-item>
14 
+          <ion-item routerLink="/tabs/tab2" routerDirection="forward">
15 
+            <ion-label>Tab 2</ion-label>
16 
+          </ion-item>
17 
+          <ion-item routerLink="/tabs/tab3" routerDirection="forward">
18 
+            <ion-label>Tab 3</ion-label>
19 
+          </ion-item>
20 
+        </ion-menu-toggle>
21 
+      </ion-list>
22 
+    </ion-content>
23 
+  </ion-menu>
24 
+  <ion-router-outlet id="content"></ion-router-outlet>
25 
+</ion-app>

+ 0 - 0
src/app/app.component.scss
Datei anzeigen


+ 23 - 0
src/app/app.component.spec.ts
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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 
+}

+ 26 - 0
src/app/app.module.ts
Datei anzeigen 

@@ -0,0 +1,26 @@
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 { AppComponent } from './app.component';
8 
+import { AppRoutingModule } from './app-routing.module';
9 
+import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
10 
+import { fas } from '@fortawesome/free-solid-svg-icons'
11 
+import { far } from '@fortawesome/free-regular-svg-icons'
12 
+import { fab } from '@fortawesome/free-brands-svg-icons'
13 
+
14 
+@NgModule({
15 
+  declarations: [AppComponent],
16 
+  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, FontAwesomeModule],
17 
+  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
18 
+  bootstrap: [AppComponent],
19 
+})
20 
+export class AppModule {
21 
+
22 
+  constructor(library: FaIconLibrary) {
23 
+		library.addIconPacks(fas, far, fab);
24 
+	}
25 
+
26 
+}

+ 17 - 0
src/app/article/article-routing.module.ts
Datei anzeigen 

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

+ 20 - 0
src/app/article/article.module.ts
Datei anzeigen 

@@ -0,0 +1,20 @@
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 { ArticlePageRoutingModule } from './article-routing.module';
8 
+
9 
+import { ArticlePage } from './article.page';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    IonicModule,
16 
+    ArticlePageRoutingModule
17 
+  ],
18 
+  declarations: [ArticlePage]
19 
+})
20 
+export class ArticlePageModule {}

+ 9 - 0
src/app/article/article.page.html
Datei anzeigen 

@@ -0,0 +1,9 @@
1 
+<ion-header>
2 
+  <ion-toolbar>
3 
+    <ion-title>article</ion-title>
4 
+  </ion-toolbar>
5 
+</ion-header>
6 
+
7 
+<ion-content>
8 
+
9 
+</ion-content>

+ 0 - 0
src/app/article/article.page.scss
Datei anzeigen


+ 24 - 0
src/app/article/article.page.spec.ts
Datei anzeigen 

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

+ 15 - 0
src/app/article/article.page.ts
Datei anzeigen 

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

+ 16 - 0
src/app/home/home-routing.module.ts
Datei anzeigen 

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

+ 22 - 0
src/app/home/home.module.ts
Datei anzeigen 

@@ -0,0 +1,22 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { CommonModule } from '@angular/common';
3 
+import { IonicModule } from '@ionic/angular';
4 
+import { FormsModule } from '@angular/forms';
5 
+import { HomePage } from './home.page';
6 
+
7 
+import { HomePageRoutingModule } from './home-routing.module';
8 
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
9 
+import { SwiperModule } from 'swiper/angular';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    IonicModule,
16 
+    HomePageRoutingModule,
17 
+    FontAwesomeModule,
18 
+    SwiperModule
19 
+  ],
20 
+  declarations: [HomePage]
21 
+})
22 
+export class HomePageModule {}

+ 86 - 0
src/app/home/home.page.html
Datei anzeigen 

@@ -0,0 +1,86 @@
1 
+<ion-header [translucent]="true">
2 
+  <ion-toolbar>
3 
+    <ion-buttons slot="end">
4 
+      <ion-menu-button></ion-menu-button>
5 
+    </ion-buttons>
6 
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
7 
+  </ion-toolbar>
8 
+</ion-header>
9 
+<ion-content>
10 
+  <swiper #swiper [config]="config">
11 
+    <ng-template swiperSlide><img src="../../../assets/img-static/fb-Ad-1.jpeg" alt=""></ng-template>
12 
+    <ng-template swiperSlide><img src="../../../assets/img-static/fb-Ad-2.jpeg" alt=""></ng-template>
13 
+    <ng-template swiperSlide><img src="../../../assets/img-static/fb-Ad-3.jpeg" alt=""></ng-template>
14 
+  </swiper>
15 
+  <!-- <div id="container">
16 
+    <fa-icon [icon]="['fas', 'graduation-cap']"></fa-icon>
17 
+    <hr>
18 
+    <strong>Ready to create an app?</strong>
19 
+    <p>Start with Ionic <a target="_blank" rel="noopener noreferrer"
20 
+        href="https://ionicframework.com/docs/components">UI Components</a></p>
21 
+  </div> -->
22 
+  <ion-grid>
23 
+    <ion-row>
24 
+      <ion-col>
25 
+        <h2>ข่าวกีฬา</h2>
26 
+      </ion-col>
27 
+    </ion-row>
28 
+    <ion-row>
29 
+      <ion-col size="5">
30 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
31 
+      </ion-col>
32 
+      <ion-col>“น้องเทนนิส” หวังคว้าแชมป์ในศึกชิงแชมป์โลก ต้นเดือนหน้า</ion-col>
33 
+    </ion-row>
34 
+    <ion-row>
35 
+      <ion-col size="5">
36 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
37 
+      </ion-col>
38 
+      <ion-col>โรนัลโด กลับมาซ้อมกับทีม พร้อมปรับความเข้าใจกับ เทน ฮาก</ion-col>
39 
+    </ion-row>
40 
+    <ion-row>
41 
+      <ion-col size="5">
42 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
43 
+      </ion-col>
44 
+      <ion-col>เตรียมหารือบอร์ดหาข้อสรุป รัฐ-เอกชน จับมือยิงสดฟุตบอลโลก</ion-col>
45 
+    </ion-row>
46 
+    <ion-row>
47 
+      <ion-col size="5">
48 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
49 
+      </ion-col>
50 
+      <ion-col>บีจี แยกทางกับ “มาโกโตะ เทกุระโมริ” หลังผลงานไม่เป็นตามเป้า</ion-col>
51 
+    </ion-row>
52 
+    <ion-row>
53 
+      <ion-col>
54 
+        <img src="../../../assets/img-static/banner-320x50.jpeg" alt="">
55 
+      </ion-col>
56 
+    </ion-row>
57 
+    <ion-row>
58 
+      <ion-col>
59 
+        <h2>รายการย้อนหลัง</h2>
60 
+      </ion-col>
61 
+    </ion-row>
62 
+    <ion-row>
63 
+      <ion-col size="5">
64 
+        <img src="../../assets/img-static/mqdefault-1.jpg">
65 
+      </ion-col>
66 
+      <ion-col>Morning Talk [26-10-2022 l 07:30 - 09:00 น. ]</ion-col>
67 
+    </ion-row>
68 
+    <ion-row>
69 
+      <ion-col size="5">
70 
+        <img src="../../assets/img-static/mqdefault-2.jpg">
71 
+      </ion-col>
72 
+      <ion-col>Golf Trick [26-10-2022 l 09:00 - 10:00 น.]</ion-col>
73 
+    </ion-row>
74 
+    <ion-row>
75 
+      <ion-col size="5">
76 
+        <img src="../../assets/img-static/mqdefault-3.jpg">
77 
+      </ion-col>
78 
+      <ion-col>เจาะสนามบอลไทย [ 20-10-2022 l 20:00 - 21:30 น. ]</ion-col>
79 
+    </ion-row>
80 
+    <ion-row>
81 
+      <ion-col>
82 
+        <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
83 
+      </ion-col>
84 
+    </ion-row>
85 
+  </ion-grid>
86 
+</ion-content>

+ 39 - 0
src/app/home/home.page.scss
Datei anzeigen 

@@ -0,0 +1,39 @@
1 
+
2 
+// ion-title { text-align: center !important; }
3 
+
4 
+#container strong {
5 
+  font-size: 20px;
6 
+  line-height: 26px;
7 
+}
8 
+
9 
+#container p {
10 
+  font-size: 16px;
11 
+  line-height: 22px;
12 
+
13 
+  color: #8c8c8c;
14 
+
15 
+  margin: 0;
16 
+}
17 
+
18 
+#container a {
19 
+  text-decoration: none;
20 
+}
21 
+
22 
+// .swiper .swiper-slide {
23 
+//   height: 100%;
24 
+//   width: 100%;
25 
+// }
26 
+
27 
+.swiper-slide {
28 
+  // display: flex;
29 
+  // flex-direction: column;
30 
+  // align-items: center;
31 
+  // justify-content: center;
32 
+  background-color: blueviolet;
33 
+}
34 
+
35 
+ion-content{
36 
+  font-family:IBM Plex Sans Thai SemiBold !important;
37 
+  font-size:1em;
38 
+  line-height: 1.4em;
39 
+}

+ 24 - 0
src/app/home/home.page.spec.ts
Datei anzeigen 

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

+ 36 - 0
src/app/home/home.page.ts
Datei anzeigen 

@@ -0,0 +1,36 @@
1 
+import { AfterContentChecked, Component, ViewChild, ViewEncapsulation } from '@angular/core';
2 
+import {SwiperComponent} from 'swiper/angular';
3 
+import { SwiperOptions } from 'swiper';
4 
+import SwiperCore, { Pagination,Autoplay,Navigation,Keyboard } from 'swiper';
5 
+
6 
+SwiperCore.use([Pagination, Autoplay, Navigation, Keyboard]);
7 
+@Component({
8 
+  selector: 'app-home',
9 
+  templateUrl: 'home.page.html',
10 
+  styleUrls: ['home.page.scss'],
11 
+  encapsulation: ViewEncapsulation.None
12 
+})
13 
+export class HomePage implements AfterContentChecked {
14 
+
15 
+  @ViewChild('swiper') swiper: SwiperComponent;
16 
+
17 
+  config: SwiperOptions = {
18 
+    slidesPerView: 1,
19 
+    pagination: { clickable: true },
20 
+    autoplay: {
21 
+      delay: 200,
22 
+      disableOnInteraction: false,
23 
+    },
24 
+    loop: true,
25 
+    navigation: true,
26 
+  }
27 
+
28 
+  constructor() {}
29 
+
30 
+  ngAfterContentChecked() {
31 
+    if (this.swiper) {
32 
+      this.swiper.updateSwiper({});
33 
+    }
34 
+  }
35 
+
36 
+}

+ 45 - 0
src/app/navtabs/navtabs-routing.module.ts
Datei anzeigen 

@@ -0,0 +1,45 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { Routes, RouterModule } from '@angular/router';
3 
+
4 
+import { NavtabsPage } from './navtabs.page';
5 
+
6 
+const routes: Routes = [
7 
+  {
8 
+    path: 'navtabsTab',
9 
+    component: NavtabsPage,
10 
+    children: [
11 
+      {
12 
+        path: 'home',
13 
+        loadChildren: () => import('../home/home.module').then( m => m.HomePageModule)
14 
+      },
15 
+      {
16 
+        path: 'news',
17 
+        loadChildren: () => import('../news/news.module').then( m => m.NewsPageModule)
18 
+      },
19 
+      {
20 
+        path: 'article',
21 
+        loadChildren: () => import('../article/article.module').then( m => m.ArticlePageModule)
22 
+      },
23 
+      {
24 
+        path: 'youtube',
25 
+        loadChildren: () => import('../youtube/youtube.module').then( m => m.YoutubePageModule)
26 
+      },
27 
+      {
28 
+        path: '',
29 
+        redirectTo: '/navtabs/navtabsTab/home',
30 
+        pathMatch: 'full'
31 
+      }
32 
+    ]
33 
+  },
34 
+  {
35 
+    path: '',
36 
+    redirectTo: '/navtabs/navtabsTab/home',
37 
+    pathMatch: 'full'
38 
+  }
39 
+];
40 
+
41 
+@NgModule({
42 
+  imports: [RouterModule.forChild(routes)],
43 
+  exports: [RouterModule],
44 
+})
45 
+export class NavtabsPageRoutingModule {}

+ 20 - 0
src/app/navtabs/navtabs.module.ts
Datei anzeigen 

@@ -0,0 +1,20 @@
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 { NavtabsPageRoutingModule } from './navtabs-routing.module';
8 
+
9 
+import { NavtabsPage } from './navtabs.page';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    IonicModule,
16 
+    NavtabsPageRoutingModule
17 
+  ],
18 
+  declarations: [NavtabsPage]
19 
+})
20 
+export class NavtabsPageModule {}

+ 25 - 0
src/app/navtabs/navtabs.page.html
Datei anzeigen 

@@ -0,0 +1,25 @@
1 
+
2 
+<ion-tabs>
3 
+  <ion-tab-bar slot="bottom">
4 
+    <ion-tab-button tab="home">
5 
+      <ion-icon name="globe"></ion-icon>
6 
+      <!-- <ion-label>Home</ion-label> -->
7 
+    </ion-tab-button>
8 
+    <ion-tab-button tab="news">
9 
+      <ion-icon name="football"></ion-icon>
10 
+      <!-- <ion-label>News</ion-label> -->
11 
+    </ion-tab-button>
12 
+    <ion-tab-button tab="#">
13 
+      <ion-icon name="play-circle"></ion-icon>
14 
+      <!-- <ion-label>Audio</ion-label> -->
15 
+    </ion-tab-button>
16 
+    <ion-tab-button tab="youtube">
17 
+      <ion-icon name="logo-youtube"></ion-icon>
18 
+      <!-- <ion-label>Youtube</ion-label> -->
19 
+    </ion-tab-button>
20 
+    <ion-tab-button tab="#">
21 
+      <ion-icon name="videocam"></ion-icon>
22 
+      <!-- <ion-label>Video</ion-label> -->
23 
+    </ion-tab-button>
24 
+  </ion-tab-bar>
25 
+</ion-tabs>

+ 98 - 0
src/app/navtabs/navtabs.page.scss
Datei anzeigen 

@@ -0,0 +1,98 @@
1 
+// ::ng-deep ion-icon.icon-button {
2 
+//     background: #3c457e !important;
3 
+//     color: white !important;
4 
+//     border-radius: 50%!important;
5 
+// }
6 
+
7 
+// :host ::ng-deep .tabs-inner {
8 
+//     position: unset!important;
9 
+//     contain: size style!important;
10 
+//   }
11 
+
12 
+//   .bottom-tab-bar {
13 
+//     --background: transparent;
14 
+//     --border: 0;
15 
+//   }
16 
+
17 
+//   ion-tab-button {
18 
+//     --background: #134d80;
19 
+//     --color:white;
20 
+//     --color-selected: red;
21 
+//     --ripple-color: white;
22 
+//   }
23 
+
24 
+
25 
+// .button-center {
26 
+//     --background: transparent!important;
27 
+//     ion-icon {
28 
+//       height: 40px;
29 
+//       width: 40px;
30 
+//       font-size: 60px;
31 
+//     }
32 
+// }
33 
+// ion-tab-bar {
34 
+//     &:before {
35 
+//       box-shadow: 0 387px 0 300px #3c457e;
36 
+//       position: absolute;
37 
+//       margin-top: -48px;
38 
+//       padding: 56px;
39 
+//       border-radius: 65%;
40 
+//       content: '';
41 
+//     }
42 
+//   }
43 
+
44 
+// .inner-left-btn {
45 
+//     border-radius: 0 50% 0 0;
46 
+//     //create the curved style on the left side of the center
47 
+// }
48 
+
49 
+
50 
+// .inner-right-btn {
51 
+//     border-radius: 50% 0 0 0;
52 
+//     // create the curved style on the right side of the center
53 
+// }
54 
+
55 
+// .inner-center-btn {
56 
+//     position: absolute;
57 
+//     left: calc(50% - 35px); // position your button in the center
58 
+//     bottom: 20px; // position button slightly above the half
59 
+//     font-size: 70px;
60 
+//     --background: transparent;
61 
+// }
62 
+
63 
+// ion-tab-bar {
64 
+//     overflow-x: scroll;
65 
+//     display: flex;
66 
+//     overflow-x: auto;
67 
+//     ion-tab-button {
68 
+//         display: inline-block;
69 
+//         min-width: 100px;
70 
+//         width: auto;
71 
+//     }
72 
+// }
73 
+
74 
+// ion-tab-bar {
75 
+//   bottom: 20px;
76 
+//   position: relative;
77 
+//   border-radius: 16px;
78 
+//   width: 92%;
79 
+//   margin: 0 auto;
80 
+// }
81 
+
82 
+// ion-tab-button {
83 
+//   --color: var(--ion-color-medium);
84 
+//   --color-selected: var(--ion-color-primary);
85 
+
86 
+//   &::before {
87 
+//     background-color: transparent;
88 
+//     display: block;
89 
+//     content: "";
90 
+//     margin: 0 auto;
91 
+//     width: 20px;
92 
+//     height: 2px;
93 
+//   }
94 
+
95 
+//   &.tab-selected::before {
96 
+//     background-color: var(--ion-color-primary);
97 
+//   }
98 
+// }

+ 24 - 0
src/app/navtabs/navtabs.page.spec.ts
Datei anzeigen 

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

+ 15 - 0
src/app/navtabs/navtabs.page.ts
Datei anzeigen 

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

+ 17 - 0
src/app/news/news-routing.module.ts
Datei anzeigen 

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

+ 22 - 0
src/app/news/news.module.ts
Datei anzeigen 

@@ -0,0 +1,22 @@
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 { NewsPageRoutingModule } from './news-routing.module';
8 
+
9 
+import { NewsPage } from './news.page';
10 
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome'
11 
+
12 
+@NgModule({
13 
+  imports: [
14 
+    CommonModule,
15 
+    FormsModule,
16 
+    IonicModule,
17 
+    NewsPageRoutingModule,
18 
+    FontAwesomeModule,
19 
+  ],
20 
+  declarations: [NewsPage]
21 
+})
22 
+export class NewsPageModule {}

+ 72 - 0
src/app/news/news.page.html
Datei anzeigen 

@@ -0,0 +1,72 @@
1 
+<ion-header [translucent]="true">
2 
+  <ion-toolbar>
3 
+    <ion-buttons slot="end">
4 
+      <ion-menu-button></ion-menu-button>
5 
+    </ion-buttons>
6 
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
7 
+  </ion-toolbar>
8 
+</ion-header>
9 
+
10 
+<ion-content>
11 
+  <img src="../../../assets/img-static/banner-320x50.jpeg" alt="">
12 
+  <ion-grid>
13 
+    <ion-row>
14 
+      <ion-col>
15 
+        <h2>ข่าวกีฬา</h2>
16 
+      </ion-col>
17 
+    </ion-row>
18 
+    <ion-row>
19 
+      <ion-col size="5">
20 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
21 
+      </ion-col>
22 
+      <ion-col>“น้องเทนนิส” หวังคว้าแชมป์ในศึกชิงแชมป์โลก ต้นเดือนหน้า</ion-col>
23 
+    </ion-row>
24 
+    <ion-row>
25 
+      <ion-col size="5">
26 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
27 
+      </ion-col>
28 
+      <ion-col>โรนัลโด กลับมาซ้อมกับทีม พร้อมปรับความเข้าใจกับ เทน ฮาก</ion-col>
29 
+    </ion-row>
30 
+    <ion-row>
31 
+      <ion-col size="5">
32 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
33 
+      </ion-col>
34 
+      <ion-col>เตรียมหารือบอร์ดหาข้อสรุป รัฐ-เอกชน จับมือยิงสดฟุตบอลโลก</ion-col>
35 
+    </ion-row>
36 
+    <ion-row>
37 
+      <ion-col size="5">
38 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
39 
+      </ion-col>
40 
+      <ion-col>บีจี แยกทางกับ “มาโกโตะ เทกุระโมริ” หลังผลงานไม่เป็นตามเป้า</ion-col>
41 
+    </ion-row>
42 
+    <ion-row>
43 
+      <ion-col size="5">
44 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
45 
+      </ion-col>
46 
+      <ion-col>“น้องเทนนิส” หวังคว้าแชมป์ในศึกชิงแชมป์โลก ต้นเดือนหน้า</ion-col>
47 
+    </ion-row>
48 
+    <ion-row>
49 
+      <ion-col size="5">
50 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
51 
+      </ion-col>
52 
+      <ion-col>โรนัลโด กลับมาซ้อมกับทีม พร้อมปรับความเข้าใจกับ เทน ฮาก</ion-col>
53 
+    </ion-row>
54 
+    <ion-row>
55 
+      <ion-col size="5">
56 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
57 
+      </ion-col>
58 
+      <ion-col>เตรียมหารือบอร์ดหาข้อสรุป รัฐ-เอกชน จับมือยิงสดฟุตบอลโลก</ion-col>
59 
+    </ion-row>
60 
+    <ion-row>
61 
+      <ion-col size="5">
62 
+        <img src="../../assets/img-static/SEI129887404-c4a9.jpg">
63 
+      </ion-col>
64 
+      <ion-col>บีจี แยกทางกับ “มาโกโตะ เทกุระโมริ” หลังผลงานไม่เป็นตามเป้า</ion-col>
65 
+    </ion-row>
66 
+    <ion-row>
67 
+      <ion-col>
68 
+        <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
69 
+      </ion-col>
70 
+    </ion-row>
71 
+  </ion-grid>
72 
+</ion-content>

+ 0 - 0
src/app/news/news.page.scss
Datei anzeigen


+ 24 - 0
src/app/news/news.page.spec.ts
Datei anzeigen 

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

+ 15 - 0
src/app/news/news.page.ts
Datei anzeigen 

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

+ 17 - 0
src/app/youtube/youtube-routing.module.ts
Datei anzeigen 

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

+ 20 - 0
src/app/youtube/youtube.module.ts
Datei anzeigen 

@@ -0,0 +1,20 @@
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 { YoutubePageRoutingModule } from './youtube-routing.module';
8 
+
9 
+import { YoutubePage } from './youtube.page';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    IonicModule,
16 
+    YoutubePageRoutingModule
17 
+  ],
18 
+  declarations: [YoutubePage]
19 
+})
20 
+export class YoutubePageModule {}

+ 42 - 0
src/app/youtube/youtube.page.html
Datei anzeigen 

@@ -0,0 +1,42 @@
1 
+<ion-header [translucent]="true">
2 
+  <ion-toolbar>
3 
+    <ion-buttons slot="end">
4 
+      <ion-menu-button></ion-menu-button>
5 
+    </ion-buttons>
6 
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
7 
+  </ion-toolbar>
8 
+</ion-header>
9 
+
10 
+<ion-content>
11 
+  <img src="../../../assets/img-static/banner-320x50.jpeg" alt="">
12 
+  <ion-grid>
13 
+    <ion-row>
14 
+      <ion-col>
15 
+        <h2>รายการย้อนหลัง</h2>
16 
+      </ion-col>
17 
+    </ion-row>
18 
+    <ion-row>
19 
+      <ion-col size="5">
20 
+        <img src="../../assets/img-static/mqdefault-1.jpg">
21 
+      </ion-col>
22 
+      <ion-col>Morning Talk [26-10-2022 l 07:30 - 09:00 น. ]</ion-col>
23 
+    </ion-row>
24 
+    <ion-row>
25 
+      <ion-col size="5">
26 
+        <img src="../../assets/img-static/mqdefault-2.jpg">
27 
+      </ion-col>
28 
+      <ion-col>Golf Trick [26-10-2022 l 09:00 - 10:00 น.]</ion-col>
29 
+    </ion-row>
30 
+    <ion-row>
31 
+      <ion-col size="5">
32 
+        <img src="../../assets/img-static/mqdefault-3.jpg">
33 
+      </ion-col>
34 
+      <ion-col>เจาะสนามบอลไทย [ 20-10-2022 l 20:00 - 21:30 น. ]</ion-col>
35 
+    </ion-row>
36 
+    <ion-row>
37 
+      <ion-col>
38 
+        <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
39 
+      </ion-col>
40 
+    </ion-row>
41 
+  </ion-grid>
42 
+</ion-content>

+ 0 - 0
src/app/youtube/youtube.page.scss
Datei anzeigen


+ 24 - 0
src/app/youtube/youtube.page.spec.ts
Datei anzeigen 

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

+ 15 - 0
src/app/youtube/youtube.page.ts
Datei anzeigen 

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

BIN
src/assets/fonts/IBMPlexSansThai-Regular.ttf
Datei anzeigen


BIN
src/assets/fonts/IBMPlexSansThai-SemiBold.ttf
Datei anzeigen


BIN
src/assets/fonts/K2D-Light.ttf
Datei anzeigen


BIN
src/assets/fonts/Montserrat-Medium.ttf
Datei anzeigen


BIN
src/assets/fonts/Montserrat-SemiBold.ttf
Datei anzeigen


BIN
src/assets/fonts/Prompt-Light.ttf
Datei anzeigen


BIN
src/assets/fonts/Prompt-Medium.ttf
Datei anzeigen


BIN
src/assets/icon/favicon.png
Datei anzeigen


BIN
src/assets/icon/logo-fm99.png
Datei anzeigen


BIN
src/assets/img-static/SEI129887404-c4a9.jpg
Datei anzeigen


BIN
src/assets/img-static/banner-250x250.jpeg
Datei anzeigen


BIN
src/assets/img-static/banner-320x100.jpeg
Datei anzeigen


BIN
src/assets/img-static/banner-320x50.jpeg
Datei anzeigen


BIN
src/assets/img-static/fb-Ad-1.jpeg
Datei anzeigen


BIN
src/assets/img-static/fb-Ad-2.jpeg
Datei anzeigen


BIN
src/assets/img-static/fb-Ad-3.jpeg
Datei anzeigen


BIN
src/assets/img-static/mqdefault-1.jpg
Datei anzeigen


BIN
src/assets/img-static/mqdefault-2.jpg
Datei anzeigen


BIN
src/assets/img-static/mqdefault-3.jpg
Datei anzeigen


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 0
src/assets/shapes.svg


+ 3 - 0
src/environments/environment.prod.ts
Datei anzeigen 

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

+ 16 - 0
src/environments/environment.ts
Datei anzeigen 

@@ -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.

+ 106 - 0
src/global.scss
Datei anzeigen 

@@ -0,0 +1,106 @@
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";
27 
+
28 
+// @import "swiper/scss";
29 
+// @import "swiper/scss/navigation.css";
30 
+// @import "swiper/scss/autoplay";
31 
+@import "@ionic/angular/css/ionic-swiper";
32 
+@import "swiper/scss";
33 
+@import "swiper/scss/navigation";
34 
+@import "swiper/scss/pagination";
35 
+@import "swiper/scss/autoplay";
36 
+// @import "swiper/css/bundle";
37 
+// @import "swiper/css/autoplay";
38 
+// @import "~swiper/swiper-bundle";
39 
+// @import "swiper/scss";
40 
+// @import "swiper/scss/autoplay";
41 
+// @import "swiper/scss/keyboard";
42 
+// @import "swiper/scss/pagination";
43 
+// @import "swiper/scss/scrollbar";
44 
+// @import "swiper/scss/zoom";
45 
+
46 
+
47 
+
48 
+@font-face {
49 
+    font-family: "IBM Plex Sans Thai";
50 
+    font-style: normal;
51 
+    font-weight: normal;
52 
+    src: url("./assets/fonts/IBMPlexSansThai-Regular.ttf");
53 
+  }
54 
+
55 
+  @font-face {
56 
+    font-family: "IBM Plex Sans Thai SemiBold";
57 
+    font-style: normal;
58 
+    font-weight: normal;
59 
+    src: url("./assets/fonts/IBMPlexSansThai-SemiBold.ttf");
60 
+  }
61 
+  @font-face {
62 
+    font-family: "Prompt";
63 
+    font-style: normal;
64 
+    font-weight: normal;
65 
+    src: url("./assets/fonts/Prompt-Medium.ttf");
66 
+  }
67 
+  @font-face {
68 
+    font-family: "Montserrat";
69 
+    font-style: normal;
70 
+    font-weight: normal;
71 
+    src: url("./assets/fonts/Montserrat-Medium.ttf");
72 
+  }
73 
+
74 
+  @font-face {
75 
+    font-family: "K2D";
76 
+    font-style: normal;
77 
+    font-weight: normal;
78 
+    src: url("./assets/fonts/K2D-Light.ttf");
79 
+  }
80 
+
81 
+
82 
+ion-title {
83 
+    font-family:Montserrat !important;
84 
+    font-size:1.4em;
85 
+}
86 
+
87 
+
88 
+h2{
89 
+    font-family:Prompt !important;
90 
+    font-size:1.3em;
91 
+    margin-top: 5px;
92 
+    margin-bottom: 0px;
93 
+
94 
+}
95 
+
96 
+h3{
97 
+    font-family:IBM Plex Sans Thai SemiBold !important;
98 
+    font-size:1.3em;
99 
+}
100 
+
101 
+.head-img {
102 
+  width: 15%;
103 
+  display: flex;
104 
+  margin-left:10px;
105 
+  margin-top:5px;
106 
+}

+ 26 - 0
src/index.html
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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/network_report_server - Gogs: Simplico Git Service
Ana Sayfa Keşfet Yardım
Giriş Yap
tum
/
network_report_server
İ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ç: 7098c4d1a4
Dallar Biçim İmleri
network_report_server
/
app
/
node_modules
/
minimatch
/
LICENSE

LICENSE 765B
Geçmiş Ham

12345678910111213141516 
  1. The ISC License
    2. 

  2. 

  3. Copyright (c) Isaac Z. Schlueter and Contributors
    4. 

  4. 

  5. Permission to use, copy, modify, and/or distribute this software for any
    6. 

  6. purpose with or without fee is hereby granted, provided that the above
    7. 

  7. copyright notice and this permission notice appear in all copies.
    8. 

  8. 

  9. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
    10. 

  10. WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
    11. 

  11. MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
    12. 

  12. ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
    13. 

  13. WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
    14. 

  14. ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR
    15. 

  15. IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
    16. 

  16.