| z-index: -1; | z-index: -1; | ||||
| } | } | ||||
| #login { | |||||
| margin-top: 200px; | |||||
| .loan_add_popup { | |||||
| margin-top: 20px; | |||||
| margin-left: auto; | margin-left: auto; | ||||
| margin-right: auto; | margin-right: auto; | ||||
| width:800px; | |||||
| opacity: 90%; | opacity: 90%; | ||||
| } | } | ||||
| box-shadow: 3px 3px 16px #888888 ; | 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%); | |||||
| } |
| <link rel="stylesheet" href="./codebase/skins/material.css" type="text/css"> | <link rel="stylesheet" href="./codebase/skins/material.css" type="text/css"> | ||||
| <link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css" crossorigin="anonymous"> | <link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css" crossorigin="anonymous"> | ||||
| <link rel="stylesheet" href="./css/dashboard.css" type="text/css"> | <link rel="stylesheet" href="./css/dashboard.css" type="text/css"> | ||||
| <link rel="stylesheet" href="./css/loan_add.css" type="text/css"> | |||||
| <script src="./codebase/webix.js" type="text/javascript"></script> | <script src="./codebase/webix.js" type="text/javascript"></script> | ||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| <script type="text/javascript" charset="utf-8" src="js/loan_add.js"></script> | |||||
| <script type="text/javascript" charset="utf-8" src="js/dashboard.js"></script> | <script type="text/javascript" charset="utf-8" src="js/dashboard.js"></script> | ||||
| <div class="vimeo-container"> | <div class="vimeo-container"> |
| "value": "SFM", | "value": "SFM", | ||||
| "icon": "wxi-dots", | "icon": "wxi-dots", | ||||
| "submenu": [ | "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" }, | { "$template": "Separator" }, | ||||
| { "value": "Logout", "icon": "mdi mdi-exit-run" } | |||||
| { "value": "Logout", "icon": "mdi mdi-exit-run", "href" : "login.html" } | |||||
| ] | ] | ||||
| }, | }, | ||||
| { | { | ||||
| "icon": "mdi mdi-bank-transfer", | "icon": "mdi mdi-bank-transfer", | ||||
| "submenu": { | "submenu": { | ||||
| "data": [ | "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" }, | { "$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" }, | { "$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"} | |||||
| ] | ] | ||||
| } | } | ||||
| }, | }, | ||||
| "value": "Clients", | "value": "Clients", | ||||
| "icon": "mdi mdi-account-supervisor-circle", | "icon": "mdi mdi-account-supervisor-circle", | ||||
| "submenu": [ | "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", | "value": "Broker", | ||||
| "icon": "mdi mdi-account-details", | "icon": "mdi mdi-account-details", | ||||
| "submenu": [ | "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" }, | { "$template": "Separator" }, | ||||
| { "value": "Broadcast", "icon": "mdi mdi-account-off" }, | |||||
| { "value": "Broadcast", "icon": "mdi mdi-account-off" ,"href" : "transaction_submit.html"}, | |||||
| { "$template": "Separator" }, | { "$template": "Separator" }, | ||||
| { "value": "Unpaid", "icon": "mdi mdi-file-upload" } | |||||
| { "value": "Unpaid", "icon": "mdi mdi-file-upload","href" : "transaction_submit.html" } | |||||
| ] | ] | ||||
| } | } | ||||
| ], | ], |
| 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); | |||||
| var loan_add_popup = webix.ui(loan_add_form); |
| <script src="./codebase/webix.js" type="text/javascript"></script> | <script src="./codebase/webix.js" type="text/javascript"></script> | ||||
| </head> | </head> | ||||
| <body > | <body > | ||||
| <div id="login"></div> | |||||
| <div id="loan_add"></div> | |||||
| <script type="text/javascript" charset="utf-8" src="js/loan_add.js"></script> | <script type="text/javascript" charset="utf-8" src="js/loan_add.js"></script> | ||||
| <style> | <style> |