Bladeren bron

test commit

Kris Blassingame 6 jaren geleden
bovenliggende
commit
cd9de384c1
2 gewijzigde bestanden met toevoegingen van 383 en 6 verwijderingen
  1. 349
    0
      frontEnd/somefile
  2. 34
    6
      frontEnd/src/pages/home/home.scss

+ 349
- 0
frontEnd/somefile Bestand weergeven

@@ -0,0 +1,349 @@
1
+commit c27507ae2759e2483aba5b0321e1d4cd65432524
2
+Author: Kris Blassingame <krisbl@zipcoders-MacBook-Pro-6.local>
3
+Date:   Sat Jul 21 14:00:51 2018 -0400
4
+
5
+    revert changes
6
+
7
+diff --git a/frontEnd/src/app/app.component.ts b/frontEnd/src/app/app.component.ts
8
+index ab78376..0aef735 100644
9
+--- a/frontEnd/src/app/app.component.ts
10
++++ b/frontEnd/src/app/app.component.ts
11
+@@ -1,14 +1,14 @@
12
+ import { Component } from '@angular/core';
13
+-import { Platform } from 'ionic-angular';
14
++import { Platform } from 'ionic-angular/umd';
15
+ import { StatusBar } from '@ionic-native/status-bar';
16
+ import { SplashScreen } from '@ionic-native/splash-screen';
17
++import { LoginPage } from '../pages/login/login';
18
+ 
19
+-import { HomePage } from '../pages/home/home';
20
+ @Component({
21
+   templateUrl: 'app.html'
22
+ })
23
+ export class MyApp {
24
+-  rootPage:any = HomePage;
25
++  rootPage:any = LoginPage;
26
+ 
27
+   constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
28
+     platform.ready().then(() => {
29
+diff --git a/frontEnd/src/app/app.module.ts b/frontEnd/src/app/app.module.ts
30
+index ec5f607..ff175fe 100644
31
+--- a/frontEnd/src/app/app.module.ts
32
++++ b/frontEnd/src/app/app.module.ts
33
+@@ -1,19 +1,20 @@
34
+ import { BrowserModule } from '@angular/platform-browser';
35
+ import { ErrorHandler, NgModule } from '@angular/core';
36
+-import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
37
++import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular/umd';
38
+ import { SplashScreen } from '@ionic-native/splash-screen';
39
+ import { StatusBar } from '@ionic-native/status-bar';
40
+ 
41
+ import { MyApp } from './app.component';
42
+-import { HomePage } from '../pages/home/home';
43
+ import { GoogleMapComponent } from '../components/google-map/google-map';
44
++import { LoginPage } from '../pages/login/login';
45
+ 
46
+ @NgModule({
47
+   declarations: [
48
+     MyApp,
49
+-    HomePage,
50
+-    GoogleMapComponent
51
++    LoginPage,
52
++    GoogleMapComponent,
53
+     
54
++
55
+   ],
56
+   imports: [
57
+     BrowserModule,
58
+@@ -22,7 +23,8 @@ import { GoogleMapComponent } from '../components/google-map/google-map';
59
+   bootstrap: [IonicApp],
60
+   entryComponents: [
61
+     MyApp,
62
+-    HomePage
63
++    LoginPage,
64
++    
65
+   ],
66
+   providers: [
67
+     StatusBar,
68
+diff --git a/frontEnd/src/pages/googleMap/googleMap.ts b/frontEnd/src/pages/googleMap/googleMap.ts
69
+index 16d63bd..e8cfdc3 100644
70
+--- a/frontEnd/src/pages/googleMap/googleMap.ts
71
++++ b/frontEnd/src/pages/googleMap/googleMap.ts
72
+@@ -1,11 +1,11 @@
73
+ import { Component } from '@angular/core';
74
+-import { NavController } from 'ionic-angular';
75
++import { NavController } from 'ionic-angular/umd';
76
+ 
77
+ @Component({
78
+-  selector: 'page-map',
79
+-  templateUrl: 'map.html'
80
++  selector: 'page-google-map',
81
++  templateUrl: 'google-Map.html'
82
+ })
83
+-export class MapPage {
84
++export class GoogleMapPage {
85
+ 
86
+   constructor(public navCtrl: NavController) {
87
+ 
88
+diff --git a/frontEnd/src/pages/home/home.html b/frontEnd/src/pages/home/home.html
89
+deleted file mode 100644
90
+index e3d5f99..0000000
91
+--- a/frontEnd/src/pages/home/home.html
92
++++ /dev/null
93
+@@ -1,5 +0,0 @@
94
+-<ion-content text-center padding class="bg-image">
95
+-  <div class="head" text-center>
96
+-    <h1>Happy Trails</h1>
97
+-  </div>
98
+-</ion-content>
99
+\ No newline at end of file
100
+diff --git a/frontEnd/src/pages/home/home.scss b/frontEnd/src/pages/home/home.scss
101
+deleted file mode 100644
102
+index 98977a7..0000000
103
+--- a/frontEnd/src/pages/home/home.scss
104
++++ /dev/null
105
+@@ -1,27 +0,0 @@
106
+-@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
107
+-page-home {
108
+-    .bg-image {
109
+-        background-image: url('../assets/imgs/autumn-daylight-environment-218820.jpg');
110
+-        background-repeat: no-repeat;
111
+-        background-position: center;
112
+-        background-size: cover;
113
+-    }
114
+-    .head {
115
+-        position: absolute;
116
+-        display: block;
117
+-        //color: rgb(255, 124, 1);
118
+-        top: 22%;
119
+-        left: 50%;
120
+-        transform: translate(-50%, -50%);
121
+-        width: 100%;
122
+-        font-size: 100px;
123
+-        background-image: linear-gradient(to bottom,rgb(207, 0, 0), rgb(0, 172, 0));
124
+-        -webkit-background-clip: text;
125
+-        color: transparent;
126
+-    }
127
+-    .head h1 {
128
+-        font-size: 7vh !important;
129
+-        font-weight: lighter !important;
130
+-        font-family: 'Permanent Marker', cursive;
131
+-    }
132
+-}
133
+\ No newline at end of file
134
+diff --git a/frontEnd/src/pages/home/home.ts b/frontEnd/src/pages/home/home.ts
135
+deleted file mode 100644
136
+index 1d510dd..0000000
137
+--- a/frontEnd/src/pages/home/home.ts
138
++++ /dev/null
139
+@@ -1,14 +0,0 @@
140
+-import { Component } from '@angular/core';
141
+-import { NavController } from 'ionic-angular';
142
+-
143
+-@Component({
144
+-  selector: 'page-home',
145
+-  templateUrl: 'home.html'
146
+-})
147
+-export class HomePage {
148
+-
149
+-  constructor(public navCtrl: NavController) {
150
+-
151
+-  }
152
+-
153
+-}
154
+diff --git a/frontEnd/src/pages/login/login.html b/frontEnd/src/pages/login/login.html
155
+new file mode 100644
156
+index 0000000..20071f2
157
+--- /dev/null
158
++++ b/frontEnd/src/pages/login/login.html
159
+@@ -0,0 +1,24 @@
160
++<ion-content text-center padding class="bg-image">
161
++  <div class="head" text-center>
162
++    <h1>Happy Trails</h1>
163
++  </div>
164
++  <div class="inputs">
165
++    <ion-item>
166
++      <ion-input type="text" placeholder="Email"></ion-input>
167
++    </ion-item>
168
++    <ion-item class="password">
169
++      <ion-input type="password" placeholder="Password"></ion-input>
170
++    </ion-item>
171
++    <button ion-button block>
172
++      <b>Login</b>
173
++    </button>
174
++    <p>Forgot Username/Password?
175
++      <b>Tap here!</b>
176
++    </p>
177
++    <p>OR</p>
178
++    <div class="google" text-center>
179
++      <ion-icon name="logo-google" text-center></ion-icon>
180
++      Login/Signup with Google
181
++    </div>
182
++  </div>
183
++</ion-content>
184
+\ No newline at end of file
185
+diff --git a/frontEnd/src/pages/login/login.scss b/frontEnd/src/pages/login/login.scss
186
+new file mode 100644
187
+index 0000000..41cbea6
188
+--- /dev/null
189
++++ b/frontEnd/src/pages/login/login.scss
190
+@@ -0,0 +1,55 @@
191
++@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
192
++page-home {
193
++    .bg-image {
194
++        background-image: url('../assets/imgs/autumn-daylight-environment-218820.jpg');
195
++        background-repeat: no-repeat;
196
++        background-position: center;
197
++        background-size: cover;
198
++    }
199
++    .head {
200
++        position: absolute;
201
++        display: block; //color: rgb(255, 124, 1);
202
++        top: 22%;
203
++        left: 50%;
204
++        transform: translate(-50%, -50%);
205
++        width: 100%;
206
++        font-size: 100px;
207
++        background-image: linear-gradient(to bottom, rgb(207, 0, 0), rgb(0, 172, 0));
208
++        -webkit-background-clip: text;
209
++        color: transparent;
210
++    }
211
++    .head h1 {
212
++        font-size: 8vh !important;
213
++        font-weight: lighter !important;
214
++        font-family: 'Permanent Marker', cursive;
215
++    }
216
++    .inputs {
217
++        position: absolute;
218
++        display: block;
219
++        top: 50%;
220
++        left: 50%;
221
++        transform: translate(-50%, -50%);
222
++        width: 90%;
223
++        color: #fff;
224
++        opacity: 0.6;
225
++    }
226
++    ion-item {
227
++        background: transparent!important;
228
++        border: 1px solid #fff!important;
229
++        ion-input {
230
++            color: #fff;
231
++        }
232
++        ion-label{
233
++            color: #fff!important;
234
++        }
235
++        .item-inner {
236
++            border: 0!important;
237
++        }
238
++    }
239
++    button {
240
++        position: absolute;
241
++        display: block;
242
++        top: 50%;
243
++        background-color: green!important;
244
++    }
245
++}
246
+\ No newline at end of file
247
+diff --git a/frontEnd/src/pages/login/login.ts b/frontEnd/src/pages/login/login.ts
248
+new file mode 100644
249
+index 0000000..dcdb1c9
250
+--- /dev/null
251
++++ b/frontEnd/src/pages/login/login.ts
252
+@@ -0,0 +1,14 @@
253
++import { Component } from '@angular/core';
254
++import { NavController } from 'ionic-angular/umd';
255
++
256
++@Component({
257
++  selector: 'page-login',
258
++  templateUrl: 'login.html'
259
++})
260
++export class LoginPage {
261
++
262
++  constructor(public navCtrl: NavController) {
263
++
264
++  }
265
++
266
++}
267
+diff --git a/frontEnd/src/pages/main-menu/main-menu.html b/frontEnd/src/pages/main-menu/main-menu.html
268
+new file mode 100644
269
+index 0000000..0438edc
270
+--- /dev/null
271
++++ b/frontEnd/src/pages/main-menu/main-menu.html
272
+@@ -0,0 +1,18 @@
273
++<!--
274
++  Generated template for the MainMenuPage page.
275
++
276
++  See http://ionicframework.com/docs/components/#navigation for more info on
277
++  Ionic pages and navigation.
278
++-->
279
++<ion-header>
280
++
281
++  <ion-navbar>
282
++    <ion-title>mainMenu</ion-title>
283
++  </ion-navbar>
284
++
285
++</ion-header>
286
++
287
++
288
++<ion-content padding>
289
++
290
++</ion-content>
291
+diff --git a/frontEnd/src/pages/main-menu/main-menu.module.ts b/frontEnd/src/pages/main-menu/main-menu.module.ts
292
+new file mode 100644
293
+index 0000000..8be851d
294
+--- /dev/null
295
++++ b/frontEnd/src/pages/main-menu/main-menu.module.ts
296
+@@ -0,0 +1,13 @@
297
++import { NgModule } from '@angular/core';
298
++import { IonicPageModule } from 'ionic-angular/umd';
299
++import { MainMenuPage } from './main-menu';
300
++
301
++@NgModule({
302
++  declarations: [
303
++    MainMenuPage,
304
++  ],
305
++  imports: [
306
++    IonicPageModule.forChild(MainMenuPage),
307
++  ],
308
++})
309
++export class MainMenuPageModule {}
310
+diff --git a/frontEnd/src/pages/main-menu/main-menu.scss b/frontEnd/src/pages/main-menu/main-menu.scss
311
+new file mode 100644
312
+index 0000000..7819355
313
+--- /dev/null
314
++++ b/frontEnd/src/pages/main-menu/main-menu.scss
315
+@@ -0,0 +1,3 @@
316
++page-main-menu {
317
++
318
++}
319
+diff --git a/frontEnd/src/pages/main-menu/main-menu.ts b/frontEnd/src/pages/main-menu/main-menu.ts
320
+new file mode 100644
321
+index 0000000..d166401
322
+--- /dev/null
323
++++ b/frontEnd/src/pages/main-menu/main-menu.ts
324
+@@ -0,0 +1,25 @@
325
++import { Component } from '@angular/core';
326
++import { IonicPage, NavController, NavParams } from 'ionic-angular/umd';
327
++
328
++/**
329
++ * Generated class for the MainMenuPage page.
330
++ *
331
++ * See https://ionicframework.com/docs/components/#navigation for more info on
332
++ * Ionic pages and navigation.
333
++ */
334
++
335
++@IonicPage()
336
++@Component({
337
++  selector: 'page-main-menu',
338
++  templateUrl: 'main-menu.html',
339
++})
340
++export class MainMenuPage {
341
++
342
++  constructor(public navCtrl: NavController, public navParams: NavParams) {
343
++  }
344
++
345
++  ionViewDidLoad() {
346
++    console.log('ionViewDidLoad MainMenuPage');
347
++  }
348
++
349
++}

+ 34
- 6
frontEnd/src/pages/home/home.scss Bestand weergeven

@@ -1,4 +1,4 @@
1
-@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
1
+@import url('https://fonts.googleapis.com/css?family=PermanentMarker');
2 2
 page-home {
3 3
     .bg-image {
4 4
         background-image: url('../assets/imgs/autumn-daylight-environment-218820.jpg');
@@ -8,20 +8,48 @@ page-home {
8 8
     }
9 9
     .head {
10 10
         position: absolute;
11
-        display: block;
12
-        //color: rgb(255, 124, 1);
11
+        display: block; //color: rgb(255, 124, 1);
13 12
         top: 22%;
14 13
         left: 50%;
15 14
         transform: translate(-50%, -50%);
16 15
         width: 100%;
17 16
         font-size: 100px;
18
-        background-image: linear-gradient(to bottom,rgb(207, 0, 0), rgb(0, 172, 0));
17
+        background-image: linear-gradient(to bottom, rgb(207, 0, 0), rgb(0, 172, 0));
19 18
         -webkit-background-clip: text;
20 19
         color: transparent;
21 20
     }
22 21
     .head h1 {
23
-        font-size: 7vh !important;
22
+        font-size: 8vh !important;
24 23
         font-weight: lighter !important;
25 24
         font-family: 'Permanent Marker', cursive;
26 25
     }
27
-}
26
+    .inputs {
27
+        position: absolute;
28
+        display: block;
29
+        top: 50%;
30
+        left: 50%;
31
+        transform: translate(-50%, -50%);
32
+        width: 90%;
33
+        color: #fff;
34
+        opacity: 0.6;
35
+    }
36
+    ion-item {
37
+        background: transparent!important;
38
+        border: 1px solid #fff!important;
39
+        ion-input {
40
+            color: #fff;
41
+        }
42
+        ion-label{
43
+            color: #fff!important;
44
+        }
45
+        .item-inner {
46
+            border: 0!important;
47
+        }
48
+    }
49
+    button {
50
+        position: absolute;
51
+        display: block;
52
+        top: 50%;
53
+        background-color: green!important;
54
+    }
55
+}