From 9d3c5fd507bf11a628c4ad35e98ee5e3e8388732 Mon Sep 17 00:00:00 2001 From: youbertt Date: Wed, 10 Jul 2019 23:19:09 +0200 Subject: [PATCH] CT # Add model login --- package-lock.json | 17 ++++++++++++ package.json | 1 + src/app/app.component.css | 38 +++++++++++++------------- src/app/app.component.html | 41 ++++++++++++++++++++++------- src/app/app.component.ts | 8 +++++- src/app/app.module.ts | 10 ++++++- src/assets/images/home-page/be.png | Bin 0 -> 603 bytes src/assets/images/home-page/de.png | Bin 0 -> 546 bytes src/assets/images/home-page/en.png | Bin 0 -> 1709 bytes src/assets/images/home-page/es.png | Bin 0 -> 814 bytes src/assets/images/home-page/fr.png | Bin 0 -> 588 bytes src/assets/images/home-page/it.png | Bin 0 -> 597 bytes 12 files changed, 84 insertions(+), 31 deletions(-) create mode 100644 src/assets/images/home-page/be.png create mode 100644 src/assets/images/home-page/de.png create mode 100644 src/assets/images/home-page/en.png create mode 100644 src/assets/images/home-page/es.png create mode 100644 src/assets/images/home-page/fr.png create mode 100644 src/assets/images/home-page/it.png diff --git a/package-lock.json b/package-lock.json index 96a2f08..05d07ad 100644 --- a/package-lock.json +++ b/package-lock.json @@ -283,6 +283,23 @@ "tslib": "^1.9.0" } }, + "@angular/cdk": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-8.0.2.tgz", + "integrity": "sha512-Tv9M0vuTp7Ogk7mRiEpzBG9x5289FXe+WH0VKqN4zTzF/taTgGEuJBLDcFrwQMW0mFpGP7acVOiopgH+nClytg==", + "requires": { + "parse5": "^5.0.0", + "tslib": "^1.7.1" + }, + "dependencies": { + "parse5": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz", + "integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==", + "optional": true + } + } + }, "@angular/cli": { "version": "7.1.4", "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-7.1.4.tgz", diff --git a/package.json b/package.json index d7be56f..939b659 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "dependencies": { "@angular-devkit/build-ng-packagr": "^0.13.8", "@angular/animations": "^7.1.4", + "@angular/cdk": "^8.0.2", "@angular/common": "~7.1.0", "@angular/compiler": "~7.1.0", "@angular/core": "~7.1.0", diff --git a/src/app/app.component.css b/src/app/app.component.css index fbaf3dc..6696841 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -1,24 +1,22 @@ -#Mytoolbar:first-child{ - background: none; - background-color:transparent; - border-color: none !important; - margin: 0; - padding: 0; - position: absolute; - z-index: 9999 !important; +p-toolbar{ + height: 33px } -.dropShadow { - box-shadow: 0 10px 60px 10px black; - z-index: 12; +p-toolbar img{ + height: 33px; + padding-left: 50px; +} +p-toolbar button{ + background: none; + border: none; + color: #3366ff; } -.ui-toolbar.ui-widget-header{ - background: none; - background-image: none; - background-color:transparent !important; - border-color: none !important; - margin: 0; - padding: 0; - position: absolute; - z-index: 9999 !important; + +.splitBtn{ + background: none !important; + } +.ui-inputgroup{ + padding-top: 10px; + padding-bottom: 10px +} \ No newline at end of file diff --git a/src/app/app.component.html b/src/app/app.component.html index 9be8f1d..e2d6cc7 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,20 +1,43 @@
- - - - - - + MyMirror
- - - + + + + + + + +
+ + + + Log In + + +
+ + +
+
+ + +
+ + + + +
+ + + diff --git a/src/app/app.component.ts b/src/app/app.component.ts index fbc1981..600a1b2 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,6 +1,7 @@ import { Component, OnInit } from '@angular/core'; import {MenuItem} from 'primeng/api'; + @Component({ selector: 'app-root', templateUrl: './app.component.html', @@ -18,12 +19,17 @@ export class AppComponent implements OnInit{ {label: 'Delete', icon: 'pi pi-times'} ]; + } - public LogIn() + display: boolean = false; + + + public logIn() { + this.display = true; console.log('helloooo'); // change route -> /login } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index d0be489..4b10c23 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -14,6 +14,11 @@ import { BorderCardDirective } from './directives/border-card.directive'; import { ToolbarModule } from 'primeng/toolbar'; import { ButtonModule } from 'primeng/button'; import { SplitButtonModule } from 'primeng/splitbutton'; +import {DialogModule} from 'primeng/dialog'; +import {InputTextModule} from 'primeng/inputtext'; + + + @@ -33,7 +38,10 @@ import { SplitButtonModule } from 'primeng/splitbutton'; CarouselModule.forRoot(), ToolbarModule, ButtonModule, - SplitButtonModule + SplitButtonModule, + DialogModule, + InputTextModule + ], providers: [], diff --git a/src/assets/images/home-page/be.png b/src/assets/images/home-page/be.png new file mode 100644 index 0000000000000000000000000000000000000000..823c30aa302130445671cf45f5a31ca89d599eab GIT binary patch literal 603 zcmV-h0;K(kP)NRgsQxkGM{72+_tR~AtYkdtH+h;1Yu9siRbh*&@{-D4H2Nz5AV3aG`{OO;fVKc0R;$&YJdel!@%>HGogcrvjhjUH z`0eYv0$5~O#&WrgubE7f0A`=>qMrS)-vEmOm|AOT+m_8{gVOCwC~_0RYSnYJ3%=c{?;pfn3&sLa02pIvnuexn zk^;o!$Daf4CTIv?t);GOw%hIa!o;bm&A3mC4DZeWs;W8woYp~bl?dSLh))ID{V70M zmeK&`SV=%pUs5d&odt*9ibF3BYY4zR84qK0g9jYq8eiTr7Z3 z0>BU3bfIXS!-rd7j6qfLJ{BMqVB9BOQR9vP&bl-Jy$%4Xs0q8EPe=UyP%oSh>bgV| z0IUr%V67$3^DAtD9s-O?1ZRU$?3^Rd^Z(4im@V$}zRN(?U3f&&rrb3oB8O~e(Cz&# z0SEw!5MbU9hsz7^lkT70$9=w^6$RbfDOFWP7p>Q6Sz4EIPhTZYfDgbY;C<5Fucs&A pr_g;9%=_al)dH2gew@BEz+W_oK>fB5B+UQ-002ovPDHLkV1j|=6>tCm literal 0 HcmV?d00001 diff --git a/src/assets/images/home-page/de.png b/src/assets/images/home-page/de.png new file mode 100644 index 0000000000000000000000000000000000000000..760b5137d481614b793a33a758780b6e1b7bca1c GIT binary patch literal 546 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 literal 0 HcmV?d00001 diff --git a/src/assets/images/home-page/fr.png b/src/assets/images/home-page/fr.png new file mode 100644 index 0000000000000000000000000000000000000000..295f448eee45626cf92e9b035b299bca54f3730f GIT binary patch literal 588 zcmV-S0<-;zP)1wmI10sPgOCtC9R(MlW3??u;0)Y^OK=0Ky$7P9p$D`Hb{zlA%=b~)RveMU z4vaRuHL>Gjj6tV16ZcO+zmg+S(sHG;Rmry(iBF z=lt2t4gwU#$#K&(VC@dTIbpNe;#`OV5boEf0cJDoaFXS+7Xso2 zQ{bFORS}5;pdupyigs?N0Ko@Ti3Y#~0CB@z;5}f8_I)U_zmX0BgnZ>`o}PaI0000IqP)Z-19s{1e5;_f`9k|(YH3;+nQ01lexV@iQC1&%&`|N3{4$h}ccO$l)J z;mfFgGV7-P+>NC9Eq13!fNo8Yi{ jKBh|GN}fMXpBmsFFN88nAZj{Q00000NkvXXu0mjf7YGPZ literal 0 HcmV?d00001