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
Ver fichero

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
Ver fichero

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 fichero

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
Ver fichero

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
Ver fichero

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 fichero

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

+ 44 - 0
karma.conf.js
Ver fichero

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

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 29245 - 0
package-lock.json


+ 73 - 0
package.json
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero


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

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 fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero


+ 24 - 0
src/app/article/article.page.spec.ts
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero


+ 24 - 0
src/app/news/news.page.spec.ts
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero

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
Ver fichero


+ 24 - 0
src/app/youtube/youtube.page.spec.ts
Ver fichero

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
Ver fichero

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
Ver fichero


BIN
src/assets/fonts/IBMPlexSansThai-SemiBold.ttf
Ver fichero


BIN
src/assets/fonts/K2D-Light.ttf
Ver fichero


BIN
src/assets/fonts/Montserrat-Medium.ttf
Ver fichero


BIN
src/assets/fonts/Montserrat-SemiBold.ttf
Ver fichero


BIN
src/assets/fonts/Prompt-Light.ttf
Ver fichero


BIN
src/assets/fonts/Prompt-Medium.ttf
Ver fichero


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


BIN
src/assets/icon/logo-fm99.png
Ver fichero


BIN
src/assets/img-static/SEI129887404-c4a9.jpg
Ver fichero


BIN
src/assets/img-static/banner-250x250.jpeg
Ver fichero


BIN
src/assets/img-static/banner-320x100.jpeg
Ver fichero


BIN
src/assets/img-static/banner-320x50.jpeg
Ver fichero


BIN
src/assets/img-static/fb-Ad-1.jpeg
Ver fichero


BIN
src/assets/img-static/fb-Ad-2.jpeg
Ver fichero


BIN
src/assets/img-static/fb-Ad-3.jpeg
Ver fichero


BIN
src/assets/img-static/mqdefault-1.jpg
Ver fichero


BIN
src/assets/img-static/mqdefault-2.jpg
Ver fichero


BIN
src/assets/img-static/mqdefault-3.jpg
Ver fichero


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 1 - 0
src/assets/shapes.svg


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

1 
+export const environment = {
2 
+  production: true
3 
+};

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

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
Ver fichero

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
Ver fichero

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 fichero

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 fichero

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 fichero

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 fichero

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 fichero

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 fichero

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 fichero

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 fichero

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

Fans - Gogs: Simplico Git Service
Inicio Explorar Ayuda
Iniciar sesión
tum
/
tune2win
Seguir 1
Destacar 0
Fork 0
Código Incidencias 0 Pull Requests 0 Commits 1 Releases 0 Wiki

Fans