class="file">src/app/place/place-routing.module.ts
View File 
@@ -0,0 +1,17 @@
1 
+import { NgModule } from '@angular/core';
2 
+import { Routes, RouterModule } from '@angular/router';
3 
+
4 
+import { PlacePage } from './place.page';
5 
+
6 
+const routes: Routes = [
7 
+  {
8 
+    path: '',
9 
+    component: PlacePage
10 
+  }
11 
+];
12 
+
13 
+@NgModule({
14 
+  imports: [RouterModule.forChild(routes)],
15 
+  exports: [RouterModule],
16 
+})
17 
+export class PlacePageRoutingModule {}

+ 20 - 0
src/app/place/place.module.ts
View File 

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

+ 29 - 0
src/app/place/place.page.html
View File 

@@ -0,0 +1,29 @@
1 
+<ion-header>
2 
+  <ion-toolbar class="new-background-color">
3 
+    <ion-title>Wellness Route</ion-title>
4 
+  </ion-toolbar>
5 
+</ion-header>
6 
+
7 
+<ion-content>
8 
+  <img src="/assets/images/golf-bg.jpg">
9 
+  <div class="holidaycard">
10 
+    <ion-grid>
11 
+      <ion-row>
12 
+        <ion-col size="12">
13 
+          <div class="txt-place-title">Place Category Name</div>
14 
+        </ion-col>
15 
+      </ion-row>
16 
+      <ion-card *ngFor="let pcl of placecatlist">
17 
+        <div *ngIf="$any(pcl).better_featured_image != null">
18 
+          <img src="{{$any(pcl).better_featured_image.source_url}}" alt="">
19 
+        </div>
20 
+        <div *ngIf="$any(pcl).better_featured_image == null">
21 
+          <img src="/assets/images/temp.png" />
22 
+        </div>
23 
+        <ion-card-header>
24 
+           <a [routerLink]="['/tabs/place/', pcl.id]"><ion-card-title [innerHTML]="pcl.title.rendered"></ion-card-title></a>
25 
+        </ion-card-header>
26 
+      </ion-card>
27 
+    </ion-grid>
28 
+  </div>
29 
+</ion-content>

+ 18 - 0
src/app/place/place.page.scss
View File 

@@ -0,0 +1,18 @@
1 
+.holidaycard {
2 
+    position: absolute;
3 
+    left: 0px;
4 
+    // bottom: 0px;
5 
+    top:200px;
6 
+    min-height: 48%;
7 
+    width: 100%;
8 
+    padding: 5px;
9 
+    border-radius: 15px ;
10 
+    background: white;
11 
+    --background: white;
12 
+  }
13 
+
14 
+  ion-card-title {
15 
+    font-family: "IBM Plex Sans Thai", sans-serif !important;
16 
+    font-weight: 600;
17 
+    font-size: 20px;
18 
+  }

+ 24 - 0
src/app/place/place.page.spec.ts
View File 

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

+ 31 - 0
src/app/place/place.page.ts
View File 

@@ -0,0 +1,31 @@
1 
+import { Component, OnInit, Input } from '@angular/core';
2 
+import { ActivatedRoute, Router } from '@angular/router';
3 
+import { WpServiceService } from '../wp-service.service';
4 
+
5 
+@Component({
6 
+  selector: 'app-place',
7 
+  templateUrl: './place.page.html',
8 
+  styleUrls: ['./place.page.scss'],
9 
+})
10 
+export class PlacePage implements OnInit {
11 
+
12 
+  data: any;
13 
+  placecatlist: any;
14 
+
15 
+  constructor(private wpservice: WpServiceService, private route: ActivatedRoute, private router: Router) { }
16 
+
17 
+  @Input() id: string;
18 
+
19 
+  ngOnInit() {
20 
+    let id = this.route.snapshot.paramMap.get('id') || this.id;
21 
+    console.log("fetching ...");
22 
+    this.wpservice.getPlaceCat().subscribe((data) => {
23 
+      this.placecatlist = data;
24 
+      console.log("load Cat Place ...");
25 
+      console.log(data);
26 
+    }, error => {
27 
+      console.log("errror ", error);
28 
+    });
29 
+  }
30 
+
31 
+}

+ 17 - 0
src/app/placedetail/placedetail-routing.module.ts
View File 

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

+ 0 - 0
src/app/placedetail/placedetail.module.ts
View File


Some files were not shown because too many files changed in this diff

louise/louise-tna - Gogs: Simplico Git Service
Почетна Преглед Помоћ
Пријавите Се
louise
/
louise-tna
Прати 1
Волим 0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Комити 1 Издања 0 Вики

Нема описа

Грана: master
Гране Ознаке
louise-tna
/
www
/
lib
/
satellizer
/
examples
/
client
/
index.html

index.html 2.4KB
Пермалинк Историја Датотека

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 
  1. <!DOCTYPE html>
    2. 

  2. <html ng-app="MyApp">
    3. 

  3. <head>
    4. 

  4.   <meta charset="utf-8">
    5. 

  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. 

  6.   <title>Satellizer</title>
    7. 

  7.   <link href="favicon.png" rel="shortcut icon">
    8. 

  8.   <link href="//fonts.googleapis.com/css?family=Roboto|Montserrat:400,700|Open+Sans:400,300,600" rel="stylesheet">
    9. 

  9.   <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
    10. 

  10.   <link href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
    11. 

  11.   <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    12. 

  12.   <link href="//cdn.jsdelivr.net/animatecss/3.2.0/animate.css" rel="stylesheet">
    13. 

  13.   <link href="/stylesheets/angular-toastr.css" rel="stylesheet">
    14. 

  14.   <link href="/stylesheets/styles.css" rel="stylesheet">
    15. 

  15. </head>
    16. 

  16. <body>
    17. 

  17. <div ng-controller="NavbarCtrl" class="navbar navbar-default navbar-static-top">
    18. 

  18.   <div class="navbar-header">
    19. 

  19.     <a class="navbar-brand" href="/"><i class="ion-ios7-pulse-strong"></i> Satellizer</a>
    20. 

  20.   </div>
    21. 

  21.   <ul class="nav navbar-nav">
    22. 

  22.     <li><a href="/#/">Home</a></li>
    23. 

  23.     <li ng-if="isAuthenticated()"><a href="/#/profile">Profile</a></li>
    24. 

  24.   </ul>
    25. 

  25.   <ul ng-if="!isAuthenticated()" class="nav navbar-nav pull-right">
    26. 

  26.     <li><a href="/#/login">Login</a></li>
    27. 

  27.     <li><a href="/#/signup">Sign up</a></li>
    28. 

  28.   </ul>
    29. 

  29.   <ul ng-if="isAuthenticated()" class="nav navbar-nav pull-right">
    30. 

  30.     <li><a href="/#/logout">Logout</a></li>
    31. 

  31.   </ul>
    32. 

  32. </div>
    33. 

  33. 

  34. <div ui-view></div>
    35. 

  35. 

  36. <!-- Third-party Libraries -->
    37. 

  37. <script src="/vendor/angular.js"></script>
    38. 

  38. <script src="/vendor/angular-animate.js"></script>
    39. 

  39. <script src="/vendor/angular-messages.js"></script>
    40. 

  40. <script src="/vendor/angular-resource.js"></script>
    41. 

  41. <script src="/vendor/angular-sanitize.js"></script>
    42. 

  42. <script src="/vendor/angular-ui-router.js"></script>
    43. 

  43. <script src="/vendor/angular-toastr.tpls.js"></script>
    44. 

  44. <script src="/vendor/satellizer.js"></script>
    45. 

  45. 

  46. <!-- Application Code -->
    47. 

  47. <script src="/app.js"></script>
    48. 

  48. <script src="/directives/passwordStrength.js"></script>
    49. 

  49. <script src="/directives/passwordMatch.js"></script>
    50. 

  50. <script src="/controllers/home.js"></script>
    51. 

  51. <script src="/controllers/login.js"></script>
    52. 

  52. <script src="/controllers/signup.js"></script>
    53. 

  53. <script src="/controllers/logout.js"></script>
    54. 

  54. <script src="/controllers/profile.js"></script>
    55. 

  55. <script src="/controllers/navbar.js"></script>
    56. 

  56. <script src="/services/account.js"></script>
    57. 

  57. </body>
    58. 

  58. </html>
    59. 

  59.