Patrick Sun
hace 5 años
Se han modificado 5 ficheros con 172 adiciones y 0 borrados
+ 43
- 0
front-end/css/dashboard.css
Ver fichero
| @@ -0,0 +1,43 @@ | |||
| #bgVideo { | |||
| position: fixed; | |||
| right: 0; | |||
| bottom: 0; | |||
| min-width: 100%; | |||
| min-height: 100%; | |||
| z-index: -1; | |||
| } | |||
| .dashboard { | |||
| opacity: 80%; | |||
| } | |||
| .login_form { | |||
| margin: auto; | |||
| box-shadow: 3px 3px 16px #888888 ; | |||
| } | |||
| body { | |||
| margin: 0; | |||
| background-size: cover; | |||
| background-image: url('../img/dashboard-bg-wood.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%); | |||
| } | |||
+ 22
- 0
front-end/dashboard.html
Ver fichero
| @@ -0,0 +1,22 @@ | |||
| <!DOCTYPE HTML> | |||
| <html> | |||
| <head> | |||
| <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="./css/dashboard.css" type="text/css"> | |||
| <script src="./codebase/webix.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <script type="text/javascript" charset="utf-8" src="js/dashboard.js"></script> | |||
| <div class="vimeo-container"> | |||
| <!-- iframe id=bgVideo src="https://player.vimeo.com/video/468176795?background=1&controls=0" frameborder="0" | |||
| allow="autoplay; fullscreen" allowfullscreen></iframe --> | |||
| </div> | |||
| </body> | |||
| </html> | |||
BIN
front-end/img/dashboard-bg-wood.jpg
Ver fichero
| Antes | Después |
|---|---|
|
|
| Anchura: 1280 | Altura: 890 | Tamaño: 326KB |
BIN
front-end/img/dashboard-bg.jpg
Ver fichero
| Antes | Después |
|---|---|
|
|
| Anchura: 6016 | Altura: 4016 | Tamaño: 2.0MB |
+ 107
- 0
front-end/js/dashboard.js
Ver fichero
| @@ -0,0 +1,107 @@ | |||
| var dashboard = { | |||
| "type": "wide", | |||
| "css" : "dashboard", | |||
| "rows": [ | |||
| { "view": "toolbar", "css": "webix_dark", "padding": { "right": 10, "left": 10 }, | |||
| "elements": [ | |||
| { | |||
| "view": "menu", | |||
| "id": "menu", | |||
| "subMenuPos": "bottom", | |||
| "data": [ | |||
| { | |||
| "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" }, | |||
| { "$template": "Separator" }, | |||
| { "value": "Logout", "icon": "mdi mdi-exit-run" } | |||
| ] | |||
| }, | |||
| { | |||
| "value": "Transactions", | |||
| "icon": "mdi mdi-bank-transfer", | |||
| "submenu": [ | |||
| { "value": "Add", "icon": "mdi mdi-table-column-plus-before" }, | |||
| { "value": "Export", "icon": "mdi mdi-file-export" }, | |||
| { "value": "Import", "icon": "mdi mdi-file-upload" }, | |||
| { "$template": "Separator" }, | |||
| { "value": "Payment to Broker", "icon": "mdi mdi-file-upload" }, | |||
| { "value": "Pending", "icon": "mdi mdi-file-upload" }, | |||
| ] | |||
| }, | |||
| { | |||
| "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": "Broker", | |||
| "icon" : "mdi mdi-account-details", | |||
| "submenu": [ | |||
| { "value": "Add", "icon": "mdi mdi-account-plus" }, | |||
| { "value": "Search", "icon": "mdi mdi-account-search" }, | |||
| { "value": "Broadcast", "icon": "mdi mdi-account-off" } | |||
| ] | |||
| } | |||
| ], | |||
| "type": { "subsign": true }, | |||
| "height": 0 | |||
| }, | |||
| { "view": "label", "label": "SuperCredit ", "align": "right", "height": 0 } | |||
| ] | |||
| }, | |||
| { | |||
| "cols": [ | |||
| { | |||
| "rows": [ | |||
| { "view": "tree", "url": "demo->5f82268d61c7b80018b278d2", "select": true }, | |||
| { "weekHeader": true, "view": "calendar" } | |||
| ] | |||
| }, | |||
| { | |||
| "rows": [ | |||
| { | |||
| "view": "datatable", | |||
| "columns": [ | |||
| { "id": "title", "header": "Title", "fillspace": true, "sort": "string" }, | |||
| { "id": "year", "header": "Year", "sort": "string" }, | |||
| { "id": "votes", "header": "Votes", "sort": "string" }, | |||
| { "id": "rating", "header": "Rating", "sort": "string" }, | |||
| { "id": "rank", "header": "Rank", "sort": "string" }, | |||
| { "id": "category", "header": "Category", "sort": "string" } | |||
| ], | |||
| "select": true, | |||
| "scrollX": false, | |||
| "url": "demo->5f82268d61c7b80018b278d4" | |||
| }, | |||
| { | |||
| "type": "clean", | |||
| "view": "form", | |||
| "minHeight": 380, | |||
| "elements": [ | |||
| { | |||
| "rows": [ | |||
| { "view": "multicombo", "label": "To", "value": "2,3", "options": "demo->5f82268d61c7b80018b278d7" }, | |||
| { "view": "text", "label": "Subject", "height": 0 }, | |||
| { "view": "textarea", "label": "Message" } | |||
| ] | |||
| }, | |||
| { "view": "button", "value": "Send Message", "css": "webix_primary", "align": "center", "inputWidth": 200 } | |||
| ] | |||
| } | |||
| ] | |||
| } | |||
| ] | |||
| } | |||
| ] | |||
| }; | |||
| webix.ui(dashboard); | |||
Cargando…