diff --git a/front-end/css/loan_add.css b/front-end/css/loan_add.css
index 1edf6cd..378e39f 100644
--- a/front-end/css/loan_add.css
+++ b/front-end/css/loan_add.css
@@ -7,10 +7,11 @@
z-index: -1;
}
-#login {
- margin-top: 200px;
+.loan_add_popup {
+ margin-top: 20px;
margin-left: auto;
margin-right: auto;
+ width:800px;
opacity: 90%;
}
@@ -19,28 +20,3 @@
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%);
-}
\ No newline at end of file
diff --git a/front-end/css/login copy.css b/front-end/css/login.css
similarity index 100%
rename from front-end/css/login copy.css
rename to front-end/css/login.css
diff --git a/front-end/dashboard.html b/front-end/dashboard.html
index 74b8d32..94a0b90 100644
--- a/front-end/dashboard.html
+++ b/front-end/dashboard.html
@@ -5,10 +5,13 @@
+
+
+
diff --git a/front-end/js/dashboard.js b/front-end/js/dashboard.js
index 339871a..654c5da 100644
--- a/front-end/js/dashboard.js
+++ b/front-end/js/dashboard.js
@@ -12,11 +12,11 @@ var dashboard = {
"value": "SFM",
"icon": "wxi-dots",
"submenu": [
- { "value": "Summary", "icon": "wxi-calendar" },
- { "value": "Pending Jobs", "icon": "mdi mdi-notebook-check" },
- { "value": "Mass Mailing", "icon": "mdi mdi-email" },
+ { "value": "Summary", "icon": "wxi-calendar" , "href": "summary.html"},
+ { "value": "Pending Jobs", "icon": "mdi mdi-notebook-check", "href": "pending_job.html" },
+ { "value": "Mass Mailing", "icon": "mdi mdi-email", "href": "mass_mailing.html" },
{ "$template": "Separator" },
- { "value": "Logout", "icon": "mdi mdi-exit-run" }
+ { "value": "Logout", "icon": "mdi mdi-exit-run", "href" : "login.html" }
]
},
{
@@ -25,16 +25,19 @@ var dashboard = {
"icon": "mdi mdi-bank-transfer",
"submenu": {
"data": [
- { "value": "Add", "icon": "mdi mdi-table-column-plus-before" },
+ {
+ "value": "Add", "icon": "mdi mdi-table-column-plus-before" ,
+ "href" : "javascript:loan_add_popup.show();"
+ },
{ "$template": "Separator" },
- { "value": "Export", "icon": "mdi mdi-file-export" },
- { "value": "Import", "icon": "mdi mdi-file-upload" },
+ { "value": "Export", "icon": "mdi mdi-file-export" , "href": "export.html"},
+ { "value": "Import", "icon": "mdi mdi-file-upload" , "href": "import.html"},
{ "$template": "Separator" },
- { "value": "New", "icon": "mdi mdi-file-export", "badge": "20" },
- { "value": "Submitted", "icon": "mdi mdi-file-upload", "badge": "50" },
- { "value": "Approved", "icon": "mdi mdi-file-upload", "badge": "35" },
- { "value": "Rejected", "icon": "mdi mdi-file-upload", "badge": "10" },
- { "value": "Settled", "icon": "mdi mdi-file-upload", "badge": "99" }
+ { "value": "New", "icon": "mdi mdi-file-export", "badge": "20" , "href" : "transaction_new.html"},
+ { "value": "Submitted", "icon": "mdi mdi-file-upload", "badge": "50", "href" : "transaction_submit.html" },
+ { "value": "Approved", "icon": "mdi mdi-file-upload", "badge": "35" ,"href" : "transaction_submit.html"},
+ { "value": "Rejected", "icon": "mdi mdi-file-upload", "badge": "10" , "href" : "transaction_submit.html"},
+ { "value": "Settled", "icon": "mdi mdi-file-upload", "badge": "99" ,"href" : "transaction_submit.html"}
]
}
},
@@ -42,21 +45,21 @@ var dashboard = {
"value": "Clients",
"icon": "mdi mdi-account-supervisor-circle",
"submenu": [
- { "value": "Add", "icon": "mdi mdi-account-plus" },
- { "value": "Search", "icon": "mdi mdi-account-search" },
- { "value": "Broadcast", "icon": "mdi mdi-account-off" }
+ { "value": "Add", "icon": "mdi mdi-account-plus" ,"href" : "transaction_submit.html"},
+ { "value": "Search", "icon": "mdi mdi-account-search" ,"href" : "transaction_submit.html"},
+ { "value": "Broadcast", "icon": "mdi mdi-account-off" ,"href" : "transaction_submit.html"}
]
},
{
"value": "Broker",
"icon": "mdi mdi-account-details",
"submenu": [
- { "value": "Add", "icon": "mdi mdi-account-plus" },
- { "value": "Search", "icon": "mdi mdi-account-search" },
+ { "value": "Add", "icon": "mdi mdi-account-plus" ,"href" : "transaction_submit.html"},
+ { "value": "Search", "icon": "mdi mdi-account-search" ,"href" : "transaction_submit.html"},
{ "$template": "Separator" },
- { "value": "Broadcast", "icon": "mdi mdi-account-off" },
+ { "value": "Broadcast", "icon": "mdi mdi-account-off" ,"href" : "transaction_submit.html"},
{ "$template": "Separator" },
- { "value": "Unpaid", "icon": "mdi mdi-file-upload" }
+ { "value": "Unpaid", "icon": "mdi mdi-file-upload","href" : "transaction_submit.html" }
]
}
],
diff --git a/front-end/js/loan_add.js b/front-end/js/loan_add.js
index b7a4a5e..0053bd6 100644
--- a/front-end/js/loan_add.js
+++ b/front-end/js/loan_add.js
@@ -1,29 +1,139 @@
-
-
-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 }
- ]
+function close(id, event) {
+ loan_add_popup.hide();
+}
+var loan_add_form = {
+ "view": "popup",
+ "id": "loan_add_popup",
+ "css": "loan_add_popup",
+ "position":"center",
+ head:"This window can be moved",
+ close : true ,
+ "modal" :true,
+ "move" : true,
+ "width": 800,
+ "body": {
+ "rows": [
+ {
+ "view": "toolbar",
+ "css": "webix_dark",
+ "paddingX": 5,
+ "cols": [
+ { "view": "icon", "icon": "wxi-clock" },
+ { "view": "label", "label": "Add new Transactions" },
+ { "view": "button", "label": "Close", "width": 80 , "click": "close" }
+ ]
+ },
+ {
+ "view": "form",
+ "margin": 40,
+ "rows": [
+ {
+ "margin": 20,
+ "cols": [
+ {
+ "margin": 10,
+ "rows": [
+ { "view": "template", "type": "section", "template": "Event" },
+ { "view": "text", "placeholder": "Type here...", "label": "Event Name", "labelWidth": 100 },
+ {
+ "view": "datepicker",
+ "label": "Start Date",
+ "value": "2020-10-15T17:10:48.414Z",
+ "timepicker": true,
+ "format": "%H:%i %D, %d %M",
+ "labelWidth": 100
+ },
+ {
+ "view": "datepicker",
+ "label": "End Date",
+ "value": "2020-10-15T18:10:48.414Z",
+ "format": "%H:%i %D, %d %M",
+ "timepicker": true,
+ "labelWidth": 100
+ },
+ {
+ "view": "rangeslider",
+ "label": "Time Slot",
+ "min": 8,
+ "max": 20,
+ "value": [
+ 10,
+ 15
+ ],
+ "title": "#value#",
+ "labelWidth": 100
+ },
+ {
+ "view": "multicombo",
+ "label": "Speakers",
+ "value": "1,2",
+ "options": "demo->5f82268d61c7b80018b278db",
+ "labelWidth": 100
+ },
+ {
+ "view": "richselect",
+ "label": "Room",
+ "value": "1",
+ "options": "demo->5f82268d61c7b80018b278d7",
+ "labelWidth": 100
+ },
+ { "view": "counter", "label": "Participants", "value": 30, "labelWidth": 100 }
+ ]
+ },
+ {
+ "margin": 10,
+ "rows": [
+ { "view": "template", "type": "section", "template": "Handouts" },
+ {
+ "view": "radio",
+ "label": "Font Family",
+ "value": "Arial",
+ "options": [
+ "Roboto",
+ "Arial",
+ "Calibri"
+ ],
+ "labelWidth": 130
+ },
+ {
+ "view": "radio",
+ "label": "Font Weight",
+ "value": "400",
+ "options": [
+ "400",
+ "500",
+ "700"
+ ],
+ "labelWidth": 130
+ },
+ { "view": "text", "label": "Font Size (px)", "value": "14", "labelWidth": 130 },
+ { "view": "colorpicker", "label": "Background", "value": "#CE9EFF", "labelWidth": 130 },
+ { "view": "colorpicker", "label": "Font Color", "value": "#6C6C6C", "labelWidth": 130 },
+ { "view": "colorpicker", "label": "Header Font", "value": "#00004C", "labelWidth": 130 },
+ { "view": "checkbox", "value": 1, "label": "Material Icons", "labelWidth": 130 }
+ ]
+ }
+ ]
+ },
+ {
+ "options": "demo->5f82268d61c7b80018b278d7",
+ "label": "Values",
+ "value": "1,2",
+ "view": "multicombo",
+ "height": 38
+ },
+ { "view": "textarea", "placeholder": "Type here...", "label": "Additional Details", "labelPosition": "top", "labelWidth": 100 },
+ {
+ "margin": 10,
+ "cols": [
+ { "view": "template", "template": " ", "role": "placeholder", "borderless": true },
+ { "view": "button", "label": "Discard", "css": "webix_transparent", "align": "right", "width": 120 , "click" : "close"},
+ { "view": "button", "css": "webix_primary", "label": "Save", "align": "right", "width": 120, "click" :"close" }
+ ]
+ }
+ ]
+ }
+ ]
+ }
};
-webix.ui(loginform);
\ No newline at end of file
+var loan_add_popup = webix.ui(loan_add_form);
\ No newline at end of file
diff --git a/front-end/loan_add.html b/front-end/loan_add.html
index 127e9fb..5d77087 100644
--- a/front-end/loan_add.html
+++ b/front-end/loan_add.html
@@ -8,7 +8,7 @@
-
+