login changes : ps

ng6-seed/package-lock.json

@@ -4273,7 +4273,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -4688,7 +4689,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -4744,6 +4746,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -4787,12 +4790,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },

ng6-seed/src/app/session/login/login-component.html

@@ -1,11 +1,17 @@
 <div class="relative">
     <div class="form-bg">
+        <div fxLayout="row" fxLayoutAlign="center" class="pt-2">
+                    <!-- <p>SINEEDGE Login Details</p> -->
+                    <h2><img [src]="'http://ssa.sineedge.com/sparqapi/logo/sineedge_red.png'" style="height: 50px;;"> <span> SINEEDGE </span>
+                    </h2>
+        </div>
         <div fxLayout="row" fxLayoutAlign="center start" class="pt-2">
             <div fxLayout="column" fxFlex.xl="40" fxFlex.lg="40" fxFlex.md="50" fxFlex.sm="80" fxFlex.xs="90">
                 <mat-card class="login-session">
                     <div>
                         <h2 class="base-border">Login</h2>
                         <!-- <p>Enter Your Login Details</p> -->
+                        <br>
                         <form #form="ngForm" (ngSubmit)="login()">
                             <div fxLayout="column" fxLayoutAlign="start stretch">
                                 <mat-form-field style="width: 100%">
@@ -25,6 +31,20 @@
                     </div>
                 </mat-card>
             </div>
-        </div>
+        </div>   
+        <div fxLayout="row" fxLayoutAlign="center" class="pt-2">
+            <span class="bottom-sec">info@sineedge.com | +91-11-223333333</span>  
+            </div> 
     </div>
+    
+    <footer class="page-footer">
+
+                <!-- © Copyright -->
+                <div class="footer-copyright text-center py-1">&#169; 2018 SineEdge Consulting Pvt Ltd. 
+                <a href="https://sineedge.com"> All rights are reserved</a>
+                </div>
+                <!-- © Copyright -->
+
+    </footer>
+
 </div>

ng6-seed/src/app/session/login/login-component.scss

@@ -0,0 +1,16 @@
+.form-bg {
+    height: 100vh !important;
+    background-position: center !important;
+    min-height: calc(0vh + 0px) !important;
+}
+.form-bg::before {
+    background-color: rgba(0, 0, 0, 0) !important;
+}
+h2, .page-footer{
+    color:red;
+    font-weight: bold;
+}
+.bottom-sec,.mat-green{
+    color:white !important;
+    font-weight: 700;
+}