| [ | |||||
| { "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 " } | |||||
| ] |
| 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(); | |||||
| } |
| 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(); | |||||
| } |
| 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(); | |||||
| } |
| subview(search_loans); | subview(search_loans); | ||||
| } | } | ||||
| function menu_list_trails() { | function menu_list_trails() { | ||||
| alert("ok"); | |||||
| trail_popup.show(); | |||||
| } | } | ||||
| function menu_import_trail() { | function menu_import_trail() { | ||||
| alert("ok"); | |||||
| uploader_popup.show(); | |||||
| } | } | ||||
| function menu_add_client() { | function menu_add_client() { | ||||
| alert("ok"); | |||||
| client_form_popup.show(); | |||||
| } | } | ||||
| function menu_list_clients() { | function menu_list_clients() { | ||||
| alert("ok"); | |||||
| alert("working..."); | |||||
| } | } | ||||
| function menu_search_clients() { | function menu_search_clients() { | ||||
| alert("ok"); | |||||
| alert("working..."); | |||||
| } | } | ||||
| function menu_broadcast_clients() { | function menu_broadcast_clients() { | ||||
| alert("ok"); | |||||
| broadcast_popup.show(); | |||||
| } | } | ||||
| function menu_add_broker() { | function menu_add_broker() { | ||||
| alert("ok"); | |||||
| broker_form_popup.show(); | |||||
| } | } | ||||
| function menu_list_brokers() { | function menu_list_brokers() { | ||||
| alert("ok"); | |||||
| alert("working..."); | |||||
| } | } | ||||
| function menu_search_brokers() { | function menu_search_brokers() { | ||||
| alert("ok"); | |||||
| alert("working..."); | |||||
| } | } | ||||
| function menu_broadcast_brokers() { | function menu_broadcast_brokers() { | ||||
| alert("ok"); | |||||
| broadcast_popup.show(); | |||||
| } | } | ||||
| function menu_list_unpaid_brokers() { | function menu_list_unpaid_brokers() { | ||||
| alert("ok"); | |||||
| alert("working..."); | |||||
| } | } | ||||
| function load_add() { | function load_add() { |
| { | { | ||||
| view:"datatable", | view:"datatable", | ||||
| editable:true, | editable:true, | ||||
| height: 200, | |||||
| height: 500, | |||||
| scroll:true, | scroll:true, | ||||
| columns:[ | columns:[ | ||||
| { id:"org", editor:"text", header:"Revelant Parties", fillspace:true}, | { id:"org", editor:"text", header:"Revelant Parties", fillspace:true}, | ||||
| { id:4, org: "Jessie",role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls"}, | { 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: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: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"} | |||||
| ] | ] | ||||
| } | } | ||||
| ] | ] |
| 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(); | |||||
| } |
| <script type="text/javascript" charset="utf-8" src="js/common.js"></script> | <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/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/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> | <div id="loan_add"></div> | ||||
| <script type="text/javascript" charset="utf-8" src="js/summary.js"></script> | <script type="text/javascript" charset="utf-8" src="js/summary.js"></script> | ||||
| </div> | </div> | ||||
| </body> | </body> | ||||
| </html> | </html> | ||||