working on login

src/app/login/login.component.css

@@ -0,0 +1,72 @@
+.brand {
+	width: 90px;
+	height: 90px;
+	overflow: hidden;
+	margin: 0 auto;
+	margin: 40px auto;
+}
+
+.brand img {
+	width: 100%;
+}
+
+.card-wrapper {
+	width: 400px;
+	margin: 0 auto;
+}
+
+.card {
+	border-color: transparent;
+	box-shadow: 0 0 40px rgba(0,0,0,.05);
+}
+
+.card.fat {
+	padding: 10px;
+}
+
+.card .card-title {
+	margin-bottom: 30px;
+}
+
+.form-control {
+	border-width: 2.3px;
+}
+
+.form-group label {
+	width: 100%;
+}
+
+.btn.btn-block {
+	padding: 12px 10px;
+}
+
+.margin-top20 {
+	margin-top: 20px;
+}
+
+.no-margin {
+	margin: 0;
+}
+
+.footer {
+	margin: 40px 0;
+	color: #888;
+	text-align: center;
+}
+
+@media screen and (max-width: 425px) {
+	.card-wrapper {
+		width: 90%;
+		margin: 0 auto;
+	}
+}
+
+@media screen and (max-width: 320px) {
+	.card.fat {
+		padding: 0;
+	}
+
+	.card.fat .card-body {
+		padding: 15px;
+	}
+}

src/app/login/login.component.html

@@ -1,3 +1,44 @@
-<p>
+<div class="row justify-content-md-center h-100">
-  login works!
+  <div class="card-wrapper">
-</p>
+    <div class="brand">
+      <img src="/static/modern/img/login-img.png">
+    </div>
+    <div class="card fat">
+      <div class="card-body">
+        <h4 class="card-title">UDS Enterprise</h4>
+        <form>
+          <div class="form-group">
+            <label for="user"><uds-translate>Username</uds-translate></label>
+
+            <input id="user" type="user" class="form-control" name="user" value="" required autofocus>
+          </div>
+
+          <div class="form-group">
+            <label for="password"><uds-translate>Password</uds-translate></label>
+            <input id="password" type="password" class="form-control" name="password" data-eye>
+          </div>
+
+          <div class="form-group" [hidden]="false">
+            <label>
+              <uds-translate>Authenticator</uds-translate>
+            </label>
+            <select class="custom-select">
+              <option selected>Selected AUTH</option>
+              <option value="1">One</option>
+              <option value="2">Two</option>
+              <option value="3">Three</option>
+            </select>
+            </div>
+
+          <div class="form-group no-margin">
+            <button type="submit" class="btn btn-primary btn-block">
+              Login
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+    <div class="footer">
+      Copyright &copy; 2012-2018 <a href="https://www.udsenterprise.com">Virtual Cable S.L.U.</a>
+    </div>
+  </div>

src/app/navbar/navbar.component.html

@@ -1,7 +1,7 @@
 <nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
   <a class="navbar-brand" routerLink="/">
       <img alt="Universal Desktop Services" src="/static/modern/img/udsicon.png" class="navbar-img pull-left">
-      Universal Desktop Services
+      
   </a>
   <button class="navbar-toggler" type="button" (click)="isNavbarCollapsed = !isNavbarCollapsed" data-target="#navbarUDS" aria-controls="navbarUDS" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>

src/app/uds-api.service.ts

@@ -17,6 +17,14 @@ export interface Profile {
   readonly role: string;
 }
 
+export interface Authenticator {
+  id: string;
+  name: string;
+  label: string;
+  priority: number;
+  is_custom: string;
+}
+
 // User related
 export class User {
   readonly user: string;
@@ -38,7 +46,8 @@ export class User {
 
 // URLs related
 export interface UDSUrls {
-  readonly lang: string;
+  readonly changeLang: string;
+  readonly login: string;
   readonly logout: string;
 }
 
@@ -65,4 +74,5 @@ export class UdsApiService {
   get urls(): UDSUrls {
     return udsData.config.urls;
   }
+
 }

src/server/uds.js

@@ -1,37 +1,118 @@
-// Simple test data
 var udsData = {
-  "profile": {
-    "csrf": "Sk0qbYaiV2W4kY2LfFZQ9TTrzZ7eiYLGpuAdBJkFMMgv0gZDbJeLifILZWvd32xo",
-    "user": "172.27.0.8",
-    "role": "staff"
-  },
   "plugins": [{
-    "os": "Windows",
+    "name": "Windows",
-    "url": "/static/clients/UDSClientSetup-3.x.x-DEVEL.exe",
+    "description": "Windows plugin",
-    "description": "Windows plugin"
+    "url": "/static/clients/UDSClientSetup-3.x.x-DEVEL.exe"
   }, {
-    "os": "MacOS",
+    "name": "MacOS",
-    "url": "/static/clients/UDSClient-3.x.x-DEVEL.pkg",
+    "description": "Mac OS X plugin",
-    "description": "Mac OS X plugin"
+    "url": "/static/clients/UDSClient-3.x.x-DEVEL.pkg"
   }, {
-    "os": "Linux",
+    "name": "Linux",
-    "url": "/static/udsclient_3.x.x-DEVEL_all.deb",
+    "description": "Debian based Linux (requires Python-2.7)",
-    "description": "Debian based Linux (requires Python-2.7)"
+    "url": "/static/udsclient_3.x.x-DEVEL_all.deb"
   }, {
-    "os": "Linux",
+    "name": "Linux",
-    "url": "/static/udsclient-3.x.x-DEVEL-1.noarch.rpm",
+    "description": "Red Hat based Linux (RH, Fedora, Centos, ...) (requires Python-2.7)",
-    "description": "Red Hat based Linux (RH, Fedora, Centos, ...) (requires Python-2.7)"
+    "url": "/static/udsclient-3.x.x-DEVEL-1.noarch.rpm"
   }, {
-    "os": "Linux",
+    "name": "Linux",
-    "url": "/static/udsclient-opensuse-3.x.x-DEVEL-1.noarch.rpm",
+    "description": "Suse based Linux (requires Python-2.7)",
-    "description": "Suse based Linux (requires Python-2.7)"
+    "url": "/static/udsclient-opensuse-3.x.x-DEVEL-1.noarch.rpm"
   }, {
-    "os": "Linux",
+    "name": "Linux",
-    "url": "/static/udsclient-3.x.x-DEVEL.tar.gz",
+    "description": "Generic .tar.gz Linux (requires Python-2.7)",
-    "description": "Generic .tar.gz Linux (requires Python-2.7)"
+    "url": "/static/udsclient-3.x.x-DEVEL.tar.gz"
   }],
   "config": {
+    "urls": {
+      "login": "/login/",
+      "logout": "/logout",
+      "lang": "/i18n/setlang/"
+    },
+    "language": "en",
+    "authenticators": [{
+      "priority": 1,
+      "id": "d875c59c-7e19-5e3d-afac-f52f54789f10",
+      "label": "adregexp",
+      "is_custom": false,
+      "name": "00-AD W2012 REGEXP"
+    }, {
+      "priority": 1,
+      "id": "fbf0727a-e754-5f17-a0fd-bd8c1850b355",
+      "label": "ad",
+      "is_custom": false,
+      "name": "AD"
+    }, {
+      "priority": 2,
+      "id": "3613AA7E-E32A-5D05-BCFE-4E2C3E735EE3",
+      "label": "casa",
+      "is_custom": true,
+      "name": "Casa"
+    }, {
+      "priority": 1,
+      "id": "9EB0689D-DF66-54FF-8E7A-3C11E3F42A1A",
+      "label": "differ",
+      "is_custom": false,
+      "name": "different"
+    }, {
+      "priority": -2,
+      "id": "9803FC06-D8B3-5F11-9A6E-EEC905C017FD",
+      "label": "int",
+      "is_custom": false,
+      "name": "Interna"
+    }, {
+      "priority": 1,
+      "id": "53a53965-8a90-5e3b-96c4-91937d0042f0",
+      "label": "read",
+      "is_custom": false,
+      "name": "Ldap AD por RegEx"
+    }, {
+      "priority": 1,
+      "id": "729B2DB5-115F-5AA6-8C0A-32F3FBACF1D4",
+      "label": "sldap",
+      "is_custom": false,
+      "name": "Ldap AUTH"
+    }, {
+      "priority": 1,
+      "id": "4A574A66-65DD-5B6B-8D6F-5A53B95A0A58",
+      "label": "luca",
+      "is_custom": false,
+      "name": "LDAP UCA"
+    }, {
+      "priority": 1,
+      "id": "9f111569-d608-5426-b9f7-a9b4b928fd2d",
+      "label": "inval",
+      "is_custom": true,
+      "name": "Red invalida"
+    }, {
+      "priority": 1,
+      "id": "35698ffd-597a-5daa-9699-c87abed274f0",
+      "label": "sam",
+      "is_custom": true,
+      "name": "SAM"
+    }, {
+      "priority": 1,
+      "id": "8e2d796e-5f69-55c7-86c9-ccc1437ae8fe",
+      "label": "saml2",
+      "is_custom": true,
+      "name": "saml"
+    }, {
+      "priority": 1,
+      "id": "cd996fec-fd5a-59eb-9eb4-ec28af3cc8f7",
+      "label": "saml",
+      "is_custom": true,
+      "name": "SAMLOCAL"
+    }, {
+      "priority": 1,
+      "id": "3EAC3F30-0148-5041-986D-CE25737FEF81",
+      "label": "test",
+      "is_custom": false,
+      "name": "test"
+    }],
+    "csrf": "TX38YikWuXAmThwdOM9gbbjTnDffQQewl57xH7IVFJTEIbHdYDO0bwoI9uWuhuiI",
     "csrf_field": "csrfmiddlewaretoken",
+    "os": "Windows",
     "available_languages": [{
       "id": "es",
       "name": "Spanish"
@@ -59,9 +140,11 @@ var udsData = {
     }, {
       "id": "ca",
       "name": "Catalan"
-    }],
+    }]
-    "os": "Windows",
+  },
-    "change_lang_url": "/i18n/setlang/",
+  "actors": [],
-    "language": "en"
+  "profile": {
+    "user": null,
+    "role": "user"
   }
 };