Procházet zdrojové kódy

summary page ready

material icon localized
master
Patrick Sun před 5 roky
rodič
revize
406c74af48
13 změnil soubory, kde provedl 23541 přidání a 1 odebrání
  1. +23294
    -0
      front-end/css/materialdesignicons.css
  2. +16
    -0
      front-end/css/materialdesignicons.css.map
  3. +3
    -0
      front-end/css/materialdesignicons.min.css
  4. +16
    -0
      front-end/css/materialdesignicons.min.css.map
  5. +25
    -0
      front-end/css/summary.css
  6. +1
    -1
      front-end/dashboard.html
  7. binární
      front-end/fonts/materialdesignicons-webfont.eot
  8. binární
      front-end/fonts/materialdesignicons-webfont.ttf
  9. binární
      front-end/fonts/materialdesignicons-webfont.woff
  10. binární
      front-end/fonts/materialdesignicons-webfont.woff2
  11. +95
    -0
      front-end/js/common.js
  12. +66
    -0
      front-end/js/summary.js
  13. +25
    -0
      front-end/summary.html

+ 23294
- 0
front-end/css/materialdesignicons.css
Diff nebyl zobrazen, protože je příliš veliký
Zobrazit soubor


+ 16
- 0
front-end/css/materialdesignicons.css.map
Diff nebyl zobrazen, protože je příliš veliký
Zobrazit soubor


+ 3
- 0
front-end/css/materialdesignicons.min.css
Diff nebyl zobrazen, protože je příliš veliký
Zobrazit soubor


+ 16
- 0
front-end/css/materialdesignicons.min.css.map
Diff nebyl zobrazen, protože je příliš veliký
Zobrazit soubor


+ 25
- 0
front-end/css/summary.css Zobrazit soubor

@@ -0,0 +1,25 @@
#bgVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: -1;
}

#menu {
z-index: 100;
}
.summary_layout {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width:800px;
opacity: 90%;
}

.login_form {
margin: auto;
box-shadow: 3px 3px 16px #888888 ;
}


+ 1
- 1
front-end/dashboard.html Zobrazit soubor

@@ -3,7 +3,7 @@

<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"
<link rel="stylesheet" href="./css/materialdesignicons.min.css"
crossorigin="anonymous">
<link rel="stylesheet" href="./css/dashboard.css" type="text/css">
<link rel="stylesheet" href="./css/loan_add.css" type="text/css">

binární
front-end/fonts/materialdesignicons-webfont.eot Zobrazit soubor


binární
front-end/fonts/materialdesignicons-webfont.ttf Zobrazit soubor


binární
front-end/fonts/materialdesignicons-webfont.woff Zobrazit soubor


binární
front-end/fonts/materialdesignicons-webfont.woff2 Zobrazit soubor


+ 95
- 0
front-end/js/common.js Zobrazit soubor

@@ -0,0 +1,95 @@
function toggle_sidemenu(){
if( $$("menu").config.hidden){
$$("menu").show();
}
else
$$("menu").hide();
}

var top_toolbar = {
"view": "toolbar", "id": "header", "css": "webix_dark", "padding": { "right": 10, "left": 10 },
"elements": [
{
view: "icon", icon: "mdi mdi-menu",
click: toggle_sidemenu,
},
{ "view": "menu", "id": "topBar", "subMenuPos": "bottom", "submenuConfig": { "autowidth": true },
"data": [
{
"value": "SFM",
"icon": "wxi-dots",
"submenu": [
{ "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", "href" : "login.html" }
]
},
{
"value": "Loans",
"autowidth": true,
"icon": "mdi mdi-bank-transfer",
"submenu": {
"data": [
{
"value": "Add", "icon": "mdi mdi-table-column-plus-before" ,
"href" : "javascript:loan_add_popup.show();"
},
{ "$template": "Separator" },
{ "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": "Trails",
"autowidth": true,
"icon": "mdi mdi-bank-transfer",
"submenu": {
"data": [
{
"value": "List all", "icon": "mdi mdi-table-column-plus-before" ,
},
{ "$template": "Separator" },
{ "value": "Export", "icon": "mdi mdi-file-export" , "href" : "javascript:loan_add_popup.show();"},
{ "value": "Import", "icon": "mdi mdi-file-upload" , "href" : "javascript:loan_add_popup.show();"}
]
}
},
{
"value": "Clients",
"icon": "mdi mdi-account-supervisor-circle",
"submenu": [
{ "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" ,"href" : "transaction_submit.html"},
{ "value": "Search", "icon": "mdi mdi-account-search" ,"href" : "transaction_submit.html"},
{ "$template": "Separator" },
{ "value": "Broadcast", "icon": "mdi mdi-account-off" ,"href" : "transaction_submit.html"},
{ "$template": "Separator" },
{ "value": "Unpaid", "icon": "mdi mdi-file-upload","href" : "transaction_submit.html" }
]
}
],
"type": { "subsign": true },
"height": 0
},
{ "view": "label", "label": "SuperCredit ", "align": "right", "height": 0 }
]
};

function initTopMenu(layout, view){
if ($$(layout) && $$(view))
webix.ui(top_toolbar, $$(layout), $$(view));
}

+ 66
- 0
front-end/js/summary.js Zobrazit soubor

@@ -0,0 +1,66 @@
var layout= {
id: 'summary_layout',
css: 'summary_layout',
"rows": [
{
view: "toolbar", id:"topMenu", elements:[
{
view: "icon", icon: "mdi mdi-menu",
click: function(){
if( $$("menu").config.hidden){
$$("menu").show();
}
else
$$("menu").hide();
}
},
{
view: "label",
label: ""
}
]
},
{ "view": "template", "template": "Content", "role": "placeholder" },
{ "view": "template", "template": "Footer ", "role": "placeholder", "height": 50 }
]
}

//main area
webix.ui(layout)

//side menu
webix.ready(function(){
webix.ui({
view: "sidemenu",
id: "menu",
width: 200,
position: "left",
state:function(state){
var toolbarHeight = $$("header").$height;
state.top = toolbarHeight;
state.height -= toolbarHeight;
},
css: "my_menu",
body:{
view:"list",
borderless:true,
scroll: false,
template: "<span class='webix_icon mdi mdi-#icon#'></span> #value#",
data:[
{id: 1, value: "Customers", icon: "account"},
{id: 2, value: "Products", icon: "cube"},
{id: 3, value: "Reports", icon: "chart-bar"},
{id: 4, value: "Archives", icon: "database"},
{id: 5, value: "Settings", icon: "cogs"}
],
select:true,
type:{
height: 40
}
}
});

initTopMenu($$('summary_layout'), $$('topMenu'));
});


+ 25
- 0
front-end/summary.html Zobrazit soubor

@@ -0,0 +1,25 @@

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="./codebase/skins/material.css" type="text/css">
<link rel="stylesheet" href="./css/summary.css" type="text/css">
<link rel="stylesheet" href="./css/materialdesignicons.min.css">
<script src="./codebase/webix.js" type="text/javascript"></script>
</head>
<body >
<script type="text/javascript" charset="utf-8" src="js/demo_data.js"></script>
<script type="text/javascript" charset="utf-8" src="js/common.js"></script>
<div id="loan_add"></div>
<script type="text/javascript" charset="utf-8" src="js/summary.js"></script>

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

Načítá se…
Zrušit
Uložit