Pārlūkot izejas kodu

all dialog ready

master
Patrick Sun pirms 5 gadiem
vecāks
revīzija
e5f3a05af2
9 mainītis faili ar 362 papildinājumiem un 13 dzēšanām
  1. +12
    -0
      front-end/data/demo_loan_id.json
  2. Binārs
      front-end/img/footer-steel.png
  3. +84
    -0
      front-end/js/broadcast.js
  4. +89
    -0
      front-end/js/broker_add.js
  5. +90
    -0
      front-end/js/client_add.js
  6. +11
    -11
      front-end/js/summary.js
  7. +20
    -2
      front-end/js/trail_popup.js
  8. +50
    -0
      front-end/js/uploader.js
  9. +6
    -0
      front-end/summary.html

+ 12
- 0
front-end/data/demo_loan_id.json Parādīt failu

@@ -0,0 +1,12 @@
[
{ "id": "1", "value": "XAD 1231312312-NAB " },
{ "id": "2", "value": "XS54372523-Resmic" },
{ "id": "3", "value": "ABC85639068543-Connective" },
{ "id": "4", "value": "12312789321730-Pepper" },
{ "id": "5", "value": "XAD 1234324324-NAB " },
{ "id": "6", "value": "XAD 2231849063-NAB " },
{ "id": "7", "value": "XAD 3231432412-NAB " },
{ "id": "8", "value": "XAD 4231343242-NAB " },
{ "id": "9", "value": "XAD 5231312312-NAB " },
{ "id": "10", "value": "XAD 6231312312-NAB " }
]

Binārs
front-end/img/footer-steel.png Parādīt failu

Pirms Pēc
Platums: 730  |  Augstums: 36  |  Izmērs: 30KB

+ 84
- 0
front-end/js/broadcast.js Parādīt failu

@@ -0,0 +1,84 @@

var broadcast_form =
{
"view": "popup",
"id": "broadcast_popup",
"css": "broadcast_popup",
"position": "center",
head: "This window can be moved",
close: true,
"modal": true,
"move": true,
"width": 600,
"body": {
"rows": [
{
"view": "toolbar",
"css": "webix_dark",
"paddingX": 5,
"cols": [
{ "view": "icon", "icon": "mdi mdi-account" },
{ "view": "label", "label": "Broadcast Message" },
{ "view": "button", "label": "x", "width": 50 , click: close_brodcast }
]
},
{
"view": "form",
"margin": 40,
"rows": [
{
"margin": 10,
"rows": [
{ "view": "template", "type": "section", "template": "Message Details" },
{
"rows": [
{ "view": "text", "placeholder": "Type here...", "label": "Subject", "labelWidth": 100 },
{
"options": "demo->5f82268d61c7b80018b278d7",
"label": "Exclude",
"value": "1,2",
"view": "multicombo",
"height": 38,
"labelWidth": 100
},
{
"label": "Priority",
"value": "One",
"options": [
"Low",
" standard",
" high"
],
"view": "radio",
"labelWidth": 100
},
{
"label": "Message",
"view": "textarea",
"placeholder": "some text, to be added",
"height" : 300,
"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_brodcast},
{ "view": "button", "css": "webix_primary", "label": "Save", "align": "right", "width": 120 , click: close_brodcast}
]
}
]
}
]
}
};

var broadcast_popup = webix.ui(broadcast_form);

function close_brodcast(){
broadcast_popup.hide();
}

+ 89
- 0
front-end/js/broker_add.js Parādīt failu

@@ -0,0 +1,89 @@

var broker_form =
{
"view": "popup",
"id": "broker_add_popup",
"css": "broker_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": "mdi mdi-account" },
{ "view": "label", "label": "Add/Edit Broker" },
{ "view": "button", "label": "x", "width": 50 , click: close_broker_form}
]
},
{
"view": "form",
"margin": 40,
"rows": [
{
"margin": 10,
"rows": [
{ "view": "template", "type": "section", "template": "Broker Details" },
{
"cols": [
{
"rows": [
{ "view": "text", "placeholder": "Type here...", "label": "First Name", "labelWidth": 100 },
{ "label": "Last Name", "view": "text", "height": 38, "labelWidth": 100 },
{ "label": "Password", "view": "text", "height": 38, "labelWidth": 100, "type": "password" },
{ "label": "Phone", "view": "text", "labelWidth": 100, "type": "number" },
{
"options": "data/demo_loan_id.json",
"label": "Values",
"value": "1,2",
"view": "multicombo",
"height": 38,
"labelWidth": 100
},
{
"label": "Status",
"value": "One",
"options": [
"Enable",
" Disable"
],
"view": "radio",
"labelWidth": 100
},
{ "view": "template", "template": "You can place any widget here..", "role": "placeholder" }
]
},
{
"rows": [
{ "view": "chart", "width": 400, "pieInnerText": "#value#", "label": "#month#", "url": "data/demo_chart.json" }
]
}
]
}
]
},
{
"margin": 10,
"cols": [
{ "view": "template", "template": " ", "role": "placeholder", "borderless": true },
{ "view": "button", "label": "Discard", "css": "webix_transparent", "align": "right", "width": 120 , click : close_broker_form},
{ "view": "button", "css": "webix_primary", "label": "Save", "align": "right", "width": 120 , click : close_broker_form}
]
}
]
}
]
}
};

var broker_form_popup = webix.ui(broker_form);

function close_broker_form(){
broker_form_popup.hide();
}

+ 90
- 0
front-end/js/client_add.js Parādīt failu

@@ -0,0 +1,90 @@

var client_form =
{
"view": "popup",
"id": "client_add_popup",
"css": "client_add_popup",
"position": "center",
head: "This window can be moved",
close: true,
"modal": true,
"move": true,
"width": 600,
"body": {
"rows": [
{
"view": "toolbar",
"css": "webix_dark",
"paddingX": 5,
"cols": [
{ "view": "icon", "icon": "mdi mdi-account" },
{ "view": "label", "label": "Add Client" },
{ "view": "button", "label": "x", "width": 50 , click: close_client_form}
]
},
{
"view": "form",
"margin": 40,
"rows": [
{
"margin": 10,
"rows": [
{ "view": "template", "type": "section", "template": "User Details" },
{
"cols": [
{
"rows": [
{ "view": "text", "placeholder": "Type here...", "label": "First Name", "labelWidth": 100 },
{ "label": "Last Name", "view": "text", "height": 38, "labelWidth": 100 },
{ "label": "Password", "view": "text", "height": 38, "labelWidth": 100, "type": "password" },
{ "label": "Phone", "view": "text", "labelWidth": 100, "type": "number" },
{
"options": "data/demo_loan_id.json",
"label": "Values",
"value": "1,2",
"view": "multicombo",
"height": 38,
"labelWidth": 100
},
{
"label": "Status",
"value": "One",
"options": [
"Enable",
" Disable"
],
"view": "radio",
"labelWidth": 100
},
{ "view": "template", "template": "You can place any widget here..", "role": "placeholder" }
]
},
{
"rows": [
{ "type": "ean13", "value": "123456789012", "view": "barcode", "width": 220 },
{ "view": "template", "template": "Mobile App ID", "role": "placeholder" }
]
}
]
}
]
},
{
"margin": 10,
"cols": [
{ "view": "template", "template": " ", "role": "placeholder", "borderless": true },
{ "view": "button", "label": "Discard", "css": "webix_transparent", "align": "right", "width": 120 , click : close_client_form},
{ "view": "button", "css": "webix_primary", "label": "Save", "align": "right", "width": 120 , click : close_client_form}
]
}
]
}
]
}
};

var client_form_popup = webix.ui(client_form);

function close_client_form(){
client_form_popup.hide();
}

+ 11
- 11
front-end/js/summary.js Parādīt failu

@@ -304,38 +304,38 @@ function menu_search_loans() {
subview(search_loans);
}
function menu_list_trails() {
alert("ok");
trail_popup.show();
}
function menu_import_trail() {
alert("ok");
uploader_popup.show();
}
function menu_add_client() {
alert("ok");
client_form_popup.show();
}
function menu_list_clients() {
alert("ok");
alert("working...");
}
function menu_search_clients() {
alert("ok");
alert("working...");
}
function menu_broadcast_clients() {
alert("ok");
broadcast_popup.show();
}
function menu_add_broker() {
alert("ok");
broker_form_popup.show();
}
function menu_list_brokers() {
alert("ok");
alert("working...");
}
function menu_search_brokers() {
alert("ok");
alert("working...");
}
function menu_broadcast_brokers() {
alert("ok");
broadcast_popup.show();
}

function menu_list_unpaid_brokers() {
alert("ok");
alert("working...");
}

function load_add() {

+ 20
- 2
front-end/js/trail_popup.js Parādīt failu

@@ -28,7 +28,7 @@ var trail_form = {
{
view:"datatable",
editable:true,
height: 200,
height: 500,
scroll:true,
columns:[
{ id:"org", editor:"text", header:"Revelant Parties", fillspace:true},
@@ -44,7 +44,25 @@ var trail_form = {
{ id:4, org: "Jessie",role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls"},
{ id:5, org: "Warron", role :"SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
{ id:6, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"},
{ id:7, org: "",role :"", trail: "",date :"", src: "manual"}
{ id:7, org: "SFM" , role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls" },
{ id:8, org: "John", role :"SFM", trail: "$500", date :"2020-02" , src: "AA220202.xls"},
{ id:9, org: "Smith", role: "SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
{ id:10, org: "Jessie",role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls"},
{ id:11, org: "Warron", role :"SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
{ id:12, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"},
{ id:13, org: "SFM" , role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls" },
{ id:14, org: "John", role :"SFM", trail: "$500", date :"2020-02" , src: "AA220202.xls"},
{ id:15, org: "Smith", role: "SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
{ id:16, org: "Jessie",role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls"},
{ id:17, org: "Warron", role :"SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
{ id:18, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"},
{ id:19, org: "SFM" , role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls" },
{ id:20, org: "John", role :"SFM", trail: "$500", date :"2020-02" , src: "AA220202.xls"},
{ id:21, org: "Smith", role: "SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
{ id:22, org: "Jessie",role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls"},
{ id:23, org: "Warron", role :"SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
{ id:24, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"},
{ id:25, org: "",role :"", trail: "",date :"", src: "manual"}
]
}
]

+ 50
- 0
front-end/js/uploader.js Parādīt failu

@@ -0,0 +1,50 @@

var uploader =
{
"view": "popup",
"id": "upload_popup",
"css": "upload_popup",
"position": "center",
head: "This window can be moved",
close: true,
"modal": true,
"move": true,
"width": 600,
"body": {
view: "form",
rows: [
{
view: "list",
id: "mylist",
type: "uploader",
minheight: 100,
autoheight: true,
borderless: true
},
{
"view": "toolbar",
"css": "webix_dark",
"paddingX": 5,
"cols": [
{ "view": "icon", "icon": "wxi-plus" },
{ "view": "label", "label": "Import Trails" },
{
view: "uploader",
id: "uploader_1",
value: "Select file",
link: "mylist",
upload: "php/upload.php",
datatype: "json"
},
{ "view": "button", "label": "Close", "width": 80, "click" : close_uploader },
]
},
]
}
};

var uploader_popup = webix.ui(uploader);

function close_uploader(){
uploader_popup.hide();
}

+ 6
- 0
front-end/summary.html Parādīt failu

@@ -14,6 +14,11 @@
<script type="text/javascript" charset="utf-8" src="js/common.js"></script>
<script type="text/javascript" charset="utf-8" src="js/loan_add.js"></script>
<script type="text/javascript" charset="utf-8" src="js/export_loan.js"></script>
<script type="text/javascript" charset="utf-8" src="js/uploader.js"></script>
<script type="text/javascript" charset="utf-8" src="js/trail_popup.js"></script>
<script type="text/javascript" charset="utf-8" src="js/client_add.js"></script>
<script type="text/javascript" charset="utf-8" src="js/broker_add.js"></script>
<script type="text/javascript" charset="utf-8" src="js/broadcast.js"></script>

<div id="loan_add"></div>
<script type="text/javascript" charset="utf-8" src="js/summary.js"></script>
@@ -28,3 +33,4 @@
</div>
</body>
</html>


Notiek ielāde…
Atcelt
Saglabāt