dashboard v1 ready

front-end/css/login copy.css

@@ -0,0 +1,46 @@
+#bgVideo {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    min-width: 100%;
+    min-height: 100%;
+    z-index: -1;
+}
+
+#login {
+    margin-top: 200px;
+    margin-left: auto;
+    margin-right: auto;
+    opacity: 90%;
+}
+
+.login_form {
+    margin: auto;
+    box-shadow: 3px 3px 16px #888888 ;
+}
+
+body { 
+    margin: 0; 
+    background-size: cover; 
+    background-image: url('../img/login-bg1.jpg');
+}
+
+.vimeo-container {
+  padding: 0;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+  position: relative;
+}
+
+iframe {
+  box-sizing: border-box;
+  width: 177.77777778vh;
+  height: 56.25vw;
+  min-width: 100%;
+  min-height: 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}

front-end/data/chart.json

@@ -0,0 +1,12 @@
+[
+	{ "id": 1, "value": 20, "label": "06", "color": "#ee4339", "month": "Jan" },
+	{ "id": 2, "value": 55, "label": "07", "color": "#ee9336", "month": "Feb" },
+	{ "id": 3, "value": 40, "label": "08", "color": "#eed236", "month": "Mar" },
+	{ "id": 4, "value": 78, "label": "09", "color": "#d3ee36", "month": "Apr" },
+	{ "id": 5, "value": 61, "label": "10", "color": "#a7ee70", "month": "May" },
+	{ "id": 6, "value": 35, "label": "11", "color": "#58dccd", "month": "Jun" },
+	{ "id": 7, "value": 80, "label": "12", "color": "#36abee", "month": "Jul" },
+	{ "id": 8, "value": 50, "label": "13", "color": "#476cee", "month": "Aug" },
+	{ "id": 9, "value": 65, "label": "14", "color": "#a244ea", "month": "Sep" },
+	{ "id": 10, "value": 59, "label": "15", "color": "#e33fc7", "month": "Oct" }
+]

front-end/data/loan_total.json

@@ -0,0 +1,3 @@
+[
+    { "id":1, "funder":"", "customer": "", "settlement": "", "loadamount": "", "commission": "", "net": "", "gst": "", "gross": "", "pay2broker": "$198762.00"}
+]

front-end/data/month_dataset.json

@@ -0,0 +1,9 @@
+[
+	{ sales:"20", month:"Jan", color: "#ee3639" },
+	{ sales:"30", month:"Feb", color: "#ee9e36" },
+	{ sales:"50", month:"Mar", color: "#eeea36" },
+	{ sales:"40", month:"Apr", color: "#a9ee36" },
+	{ sales:"70", month:"May", color: "#36d3ee" },
+	{ sales:"80", month:"Jun", color: "#367fee" },
+	{ sales:"60", month:"Jul", color: "#9b36ee" }
+]

front-end/data/staff.json

@@ -0,0 +1,30 @@
+[
+   "Ritter, Suellen"
+    ,
+   "Parra, Ray"
+    ,
+     "Blunt, Janelle"
+    ,
+     "Acker, Cristopher"
+    ,
+      "Dion, Lane"
+    ,
+      "Mcknight, Rossana"
+    ,
+     "Perryman, Becki"
+    ,
+     "Sparks, Jolie"
+    ,
+     "Mattingly, Shirley"
+    ,
+      "Mccracken, Rosario"
+    ,
+     "Goldsmith, Sudie"
+    ,
+      "Berryman, Dan"
+    ,
+      "Alley, Sherley"
+    ,
+      "Weston, Giovanni"
+    
+]

front-end/js/dashboard.js

@@ -70,10 +70,17 @@ var dashboard = {
 			"cols": [
 				{
 					"rows": [
-						{ "url": "demo->5f82268d61c7b80018b278d8", "view": "list", "height": 0 },
+						{ "label": "Staff and Brokers", "view": "label", "height": 38 },
+						{ 
+							"view": "list", 
+							"height": 0,
+							"template" :"#value#",
+							"url" : "data/staff.json"
+						},
+						{ "label": "Performance Summary", "view": "label", "height": 38 },
 						{
-							"url": "demo->5f82268d61c7b80018b278d5",
-							"type": "bar",
+							"url": "data/chart.json",
+							"type": "pie3D",
 							"xAxis": "#value#",
 							"yAxis": {},
 							"view": "chart",
@@ -115,11 +122,13 @@ var dashboard = {
 							],
 							"select": true,
 							"scrollX": false,
-							"url" : "data/summary.json",
+							"url" : "data/loan.json",
 							"width": 0
 						},
 						{
 							"view": "datatable",
+							"sort": false,
+							"scroll" : false, 
 							"columns": [
 								{ "id": "funder", "header": "", "fillspace": true, "sort": "string" },
 								{ "id": "customer", "header": "", "sort": "string", "width": 200 },
@@ -138,7 +147,7 @@ var dashboard = {
 									"id": "net",
 									"header": " ",
 									"sort": "string",
-									"width": 150,
+									"width": 100,
 									"fillspace": false,
 									"hidden": false
 								},
@@ -146,8 +155,8 @@ var dashboard = {
 								{ "id": "gross", "header": "", "fillspace": false, "hidden": false },
 								{ "id": "pay2broker", "header": "Total", "width": 200, "fillspace": false, "hidden": false }
 							],							
-							"height": 200,
-							"url" : "data/summary.json"
+							"height": 100,
+							"url" : "data/loan_total.json"
 						}
 					]
 				},

front-end/js/loan_add.js

@@ -0,0 +1,29 @@
+
+
+var loginform = {
+	width: 500, 
+	view:"form", scroll:false,
+	container:"login",
+	padding:50,
+    css: "login_form",
+
+	"rows": [
+		{
+			"view": "form",
+			"autoheight": true,
+			"rows": [
+				{ "view": "text", "label": "email", "name": "email", "type": "email" },
+				{ "view": "text", "label": "Password", "name": "pass", "type": "password" },
+				{ "label": "Login", "view": "button", "height": 38, "borderless": 1 ,
+				   click: function(ev, id){
+						window.location.href = "dashboard.html";
+				   }
+				}
+			],
+			"borderless": 1,
+			"height": null,
+		},
+		{ "template": "Please enter your password and email to login", "view": "template", "borderless": 1 }
+	]
+};
+webix.ui(loginform);

front-end/loan_add.html

@@ -0,0 +1,26 @@
+
+
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <link rel="stylesheet" href="./codebase/skins/material.css" type="text/css"> 
+  <link rel="stylesheet" href="./css/loan_add.css" type="text/css">
+  <script src="./codebase/webix.js" type="text/javascript"></script>  
+ </head>
+ <body >
+   <div id="login"></div>
+   <script type="text/javascript" charset="utf-8" src="js/loan_add.js"></script>
+
+   <style>
+
+</style>
+<div class="vimeo-container">
+   <!-- iframe id=bgVideo src="https://player.vimeo.com/video/76979871?background=1"
+   frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe -->
+
+   <iframe id=bgVideo src="https://player.vimeo.com/video/468031372?background=1&controls=0"
+   frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
+   
+  </div>
+ </body>
+</html>