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 @@ -
+