Patrick
/
supercredit_com_broker
İzle 1
Yıldızla 0
Çatalla 0
Kod Konular 0 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
Kaynağa Gözat

poup window for loan add successfully added

master
Patrick Sun 5 yıl önce
ebeveyn
173b1bfa91
işleme
fe3dbad7f0
6 değiştirilmiş dosya ile 167 ekleme ve 75 silme
Görünümü Böl
Diff Seçenekleri
İstatistikleri Göster Yama Dosyasını İndir Diff Dosyasını İndir
  1. +3
    -27
      front-end/css/loan_add.css
  2. +0
    -0
      front-end/css/login.css
  3. +3
    -0
      front-end/dashboard.html
  4. +22
    -19
      front-end/js/dashboard.js
  5. +138
    -28
      front-end/js/loan_add.js
  6. +1
    -1
      front-end/loan_add.html

+ 3
- 27
front-end/css/loan_add.css Dosyayı Görüntüle

@@ -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%);
}

front-end/css/login copy.css → front-end/css/login.css Dosyayı Görüntüle


+ 3
- 0
front-end/dashboard.html Dosyayı Görüntüle

@@ -5,10 +5,13 @@
<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">
<link rel="stylesheet" href="./css/loan_add.css" type="text/css">
<script src="./codebase/webix.js" type="text/javascript"></script>
</head>

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

<div class="vimeo-container">

+ 22
- 19
front-end/js/dashboard.js Dosyayı Görüntüle

@@ -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" }
]
}
],

+ 138
- 28
front-end/js/loan_add.js Dosyayı Görüntüle

@@ -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);
var loan_add_popup = webix.ui(loan_add_form);

+ 1
- 1
front-end/loan_add.html Dosyayı Görüntüle

@@ -8,7 +8,7 @@
<script src="./codebase/webix.js" type="text/javascript"></script>
</head>
<body >
<div id="login"></div>
<div id="loan_add"></div>
<script type="text/javascript" charset="utf-8" src="js/loan_add.js"></script>

<style>

Yaz Önizleme
Yükleniyor…
İptal
Kaydet