| .export_loans_popup { | |||||
| margin-top: 20px; | |||||
| margin-left: auto; | |||||
| margin-right: auto; | |||||
| width:300px; | |||||
| opacity: 90%; | |||||
| } |
| <!DOCTYPE HTML> | |||||
| <html> | |||||
| <head> | |||||
| <link rel="stylesheet" href="./codebase/skins/material.css" type="text/css"> | |||||
| <link rel="stylesheet" href="./css/login.css" type="text/css"> | |||||
| <script src="./codebase/webix.js" type="text/javascript"></script> | |||||
| </head> | |||||
| <body > | |||||
| </style> | |||||
| <div class="vimeo-container"> | |||||
| <iframe id=bgVideo src="https://player.vimeo.com/video/469543912?background=1&controls=0" | |||||
| frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> | |||||
| </div> | |||||
| </body> | |||||
| </html> |
| "value": "SFM", | "value": "SFM", | ||||
| "icon": "wxi-dots", | "icon": "wxi-dots", | ||||
| "submenu": [ | "submenu": [ | ||||
| { "value": "Summary", "icon": "wxi-calendar" , "href": "javascript:show_summary();"}, | |||||
| { "value": "Mass Mailing", "icon": "mdi mdi-email", "href": "mass_mailing.html" }, | |||||
| { "value": "Summary", "icon": "wxi-calendar" , "href": "javascript:menu_show_summary();"}, | |||||
| { "$template": "Separator" }, | { "$template": "Separator" }, | ||||
| { "value": "Logout", "icon": "mdi mdi-exit-run", "href" : "login.html" } | { "value": "Logout", "icon": "mdi mdi-exit-run", "href" : "login.html" } | ||||
| ] | ] | ||||
| "data": [ | "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();" | |||||
| "href" : "javascript: menu_loan_add();" | |||||
| }, | }, | ||||
| { | |||||
| "value": "List all", "icon": "mdi mdi-view-list" , | |||||
| "href" : "javascript:menu_loan_list_all();" | |||||
| }, | |||||
| { "$template": "Separator" }, | |||||
| { "value": "Export", "icon": "mdi mdi-file-export" , "href" : "javascript:menu_export_loans();"}, | |||||
| { "$template": "Separator" }, | { "$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": "Search", "icon": "mdi mdi-magnify", "href" : "javascript:menu_search_loans();"} | |||||
| ] | ] | ||||
| } | } | ||||
| }, | }, | ||||
| "data": [ | "data": [ | ||||
| { | { | ||||
| "value": "List all", "icon": "mdi mdi-table-column-plus-before" , | "value": "List all", "icon": "mdi mdi-table-column-plus-before" , | ||||
| "href" : "javascript: menu_list_trails();" | |||||
| }, | }, | ||||
| { "$template": "Separator" }, | { "$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": "Import", "icon": "mdi mdi-file-upload" , "href" : "javascript:menu_import_trail();"} | |||||
| ] | ] | ||||
| } | } | ||||
| }, | }, | ||||
| "value": "Clients", | "value": "Clients", | ||||
| "icon": "mdi mdi-account-supervisor-circle", | "icon": "mdi mdi-account-supervisor-circle", | ||||
| "submenu": [ | "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": "Add", "icon": "mdi mdi-account-plus" ,"href" : "javascript:menu_add_client();"}, | |||||
| { "$template": "Separator" }, | |||||
| { "value": "List All", "icon": "mdi mdi-account-plus" ,"href" : "javascript:menu_list_clients();"}, | |||||
| { "value": "Search", "icon": "mdi mdi-account-search" ,"href" : "javascript:menu_search_clients();"}, | |||||
| { "$template": "Separator" }, | |||||
| { "value": "Broadcast", "icon": "mdi mdi-account-voice" ,"href" : "javascript:menu_broadcast_clients();"} | |||||
| ] | ] | ||||
| }, | }, | ||||
| { | { | ||||
| "value": "Broker", | "value": "Broker", | ||||
| "icon": "mdi mdi-account-details", | "icon": "mdi mdi-account-details", | ||||
| "submenu": [ | "submenu": [ | ||||
| { "value": "Add", "icon": "mdi mdi-account-plus" ,"href" : "transaction_submit.html"}, | |||||
| { "value": "Search", "icon": "mdi mdi-account-search" ,"href" : "transaction_submit.html"}, | |||||
| { "value": "Add", "icon": "mdi mdi-account-plus" ,"href" : "javascript:menu_add_broker();"}, | |||||
| { "$template": "Separator" }, | |||||
| { "value": "List All", "icon": "mdi mdi-account-plus" ,"href" : "javascript:menu_list_brokers();"}, | |||||
| { "value": "Search", "icon": "mdi mdi-account-search" ,"href" : "javascript:menu_search_brokers();"}, | |||||
| { "$template": "Separator" }, | { "$template": "Separator" }, | ||||
| { "value": "Broadcast", "icon": "mdi mdi-account-off" ,"href" : "transaction_submit.html"}, | |||||
| { "value": "Broadcast", "icon": "mdi mdi-account-voice" ,"href" : "javascript:menu_broadcast_brokers();"}, | |||||
| { "$template": "Separator" }, | { "$template": "Separator" }, | ||||
| { "value": "Unpaid", "icon": "mdi mdi-file-upload","href" : "transaction_submit.html" } | |||||
| { "value": "Unpaid", "icon": "mdi mdi-file-upload","href" : "javascript:menu_list_unpaid_brokers();" } | |||||
| ] | ] | ||||
| } | } | ||||
| ], | ], |
| var export_loans = { | |||||
| "view": "popup", | |||||
| "id": "export_loans_popup", | |||||
| "css": "export_loans_popup", | |||||
| "position":"center", | |||||
| head:"This window can be moved", | |||||
| close : true , | |||||
| "modal" :true, | |||||
| "move" : true, | |||||
| "animation": true, | |||||
| "width": 400, | |||||
| "height": 400, | |||||
| "body":{ | |||||
| "id": 1603044245806, | |||||
| "rows": [ | |||||
| { "value": 0, "minWidth": 0, "minHeight": 0, "stroke": "8", "view": "gage", "id": "export_loan_gage" }, | |||||
| { "label": "Download File", "view": "button", "height": 38 , "click": export_loans_close} | |||||
| ] | |||||
| } | |||||
| }; | |||||
| var export_loans_popup = webix.ui(export_loans); | |||||
| function export_loans_close() { | |||||
| export_loans_popup.hide(); | |||||
| $$("export_loan_gage").setValue(0); | |||||
| } |
| function close(id, event) { | |||||
| function loan_add_popup_close(id, event) { | |||||
| loan_add_popup.hide(); | loan_add_popup.hide(); | ||||
| } | } | ||||
| "cols": [ | "cols": [ | ||||
| { "view": "icon", "icon": "wxi-plus" }, | { "view": "icon", "icon": "wxi-plus" }, | ||||
| { "view": "label", "label": "Add new Transactions" }, | { "view": "label", "label": "Add new Transactions" }, | ||||
| { "view": "button", "label": "Close", "width": 80 , "click": "close"} | |||||
| { "view": "button", "label": "Close", "width": 80 , "click": "loan_add_popup_close"} | |||||
| ] | ] | ||||
| }, | }, | ||||
| { | { | ||||
| 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:"role", editor:"select", options:["SFM", "Clients", "Brokers", "BDM", "Referal", "Other"], header: "Role"}, | |||||
| { id:"trail", editor:"text", header:"Trail $", width :150}, | { id:"trail", editor:"text", header:"Trail $", width :150}, | ||||
| { id:"date", editor:"date", header:"Date", format:webix.Date.dateToStr("%Y-%m-%d"), width :150}, | |||||
| { id:"src", editor:"select", header:"Data Source (Excel/PDF)", width :150} | |||||
| { id:"date", editor:"date", header:"Month", format:webix.Date.dateToStr("%Y-%m-%d"), width :150}, | |||||
| { id:"src", editor:"select", options:["AA220202.xls", "BB202011bb.PDF", "CCWestPack.DocX", "Manual", "Other"], header:"Data Source (Excel/PDF)", width :150} | |||||
| ], | ], | ||||
| data: [ | data: [ | ||||
| { id:1, org: "SFM" , trail: "$500", date :"2020-02", src: "AA220202.xls" }, | |||||
| { id:2, org: "Broker John", trail: "$500", date :"2020-02" , src: "AA220202.xls"}, | |||||
| { id:3, org: "Referal Smith", trail: "$500", date: "2020-02", src: "AA220202.xls"}, | |||||
| { id:4, org: "People Jessie", trail: "$500", date :"2020-02", src: "AA220202.xls"}, | |||||
| { id:5, org: "People Warron", trail: "$500", date: "2020-02", src: "AA220202.xls"}, | |||||
| { id:6, org: "People Richard", trail: "$500",date :"2020-02", src: "AA220202.xls"} | |||||
| { id:1, org: "SFM" , role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls" }, | |||||
| { id:2, org: "John", role :"SFM", trail: "$500", date :"2020-02" , src: "AA220202.xls"}, | |||||
| { id:3, org: "Smith", 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:6, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"}, | |||||
| { id:7, org: "",role :"", trail: "",date :"", src: "manual"} | |||||
| ] | ] | ||||
| }, | }, | ||||
| "cols": [ | "cols": [ | ||||
| { "view": "template", "template": " ", "role": "placeholder", "borderless": true }, | { "view": "template", "template": " ", "role": "placeholder", "borderless": true }, | ||||
| { "view": "button", "label": "Discard", "css": "webix_transparent", "align": "right", "width": 120 }, | { "view": "button", "label": "Discard", "css": "webix_transparent", "align": "right", "width": 120 }, | ||||
| { "view": "button", "css": "webix_primary", "label": "Save", "align": "right", "width": 120, "click": "close" } | |||||
| { "view": "button", "css": "webix_primary", "label": "Save", "align": "right", "width": 120, "click": "loan_add_popup_close" } | |||||
| ] | ] | ||||
| } | } | ||||
| ] | ] |
| { "view": "text", "label": "Password", "name": "pass", "type": "password" }, | { "view": "text", "label": "Password", "name": "pass", "type": "password" }, | ||||
| { "label": "Login", "view": "button", "height": 38, "borderless": 1 , | { "label": "Login", "view": "button", "height": 38, "borderless": 1 , | ||||
| click: function(ev, id){ | click: function(ev, id){ | ||||
| window.location.href = "dashboard.html"; | |||||
| window.location.href = "summary.html"; | |||||
| } | } | ||||
| } | } | ||||
| ], | ], |
| ] | ] | ||||
| } | } | ||||
| function show_summary() { | |||||
| webix.ui(summary_graph, $$('summary_layout').getChildViews()[1]); | |||||
| webix.ready(function(){ | |||||
| menu_show_summary(); | |||||
| }); | |||||
| function subview(v) { | |||||
| webix.ui(v, $$('summary_layout').getChildViews()[1]); | |||||
| } | } | ||||
| webix.ready(function(){ | |||||
| show_summary(); | |||||
| }); | |||||
| function menu_show_summary() { | |||||
| subview(summary_graph); | |||||
| } | |||||
| var list_loans = { | |||||
| "width":0 , | |||||
| "rows" : [ | |||||
| { | |||||
| "id" : "loan_list", | |||||
| "view": "datatable", | |||||
| click: menu_loan_add, | |||||
| "columns": [ | |||||
| { "id": "funder", "header": "Funder", "fillspace": true, "sort": "string" }, | |||||
| { "id": "customer", "header": "Customers", "sort": "string", "width": 200 }, | |||||
| { "id": "settlement", "header": "Settlement date", "sort": "string" }, | |||||
| { "id": "loanamount", "header": "Loan Amount", "sort": "string" }, | |||||
| { | |||||
| "id": "commission", | |||||
| "header": "Commission Margin", | |||||
| "sort": "string", | |||||
| "width": 200, | |||||
| "fillspace": false, | |||||
| "hidden": false, | |||||
| "css": "{'text-align':'center'}" | |||||
| }, | |||||
| { | |||||
| "id": "net", | |||||
| "header": "Net Amount", | |||||
| "sort": "string", | |||||
| "width": 150, | |||||
| "fillspace": false, | |||||
| "hidden": false | |||||
| }, | |||||
| { "id": "gst", "header": "GST", "fillspace": false, "hidden": false }, | |||||
| { "id": "gross", "header": "Gross Amount", "fillspace": false, "hidden": false }, | |||||
| { "id": "pay2broker", "header": "Pay to Broker", "width": 200, "fillspace": false, "hidden": false } | |||||
| ], | |||||
| "select": true, | |||||
| "scrollX": false, | |||||
| "url" : "data/loan.json", | |||||
| "width": 0 | |||||
| }, | |||||
| { | |||||
| "view": "datatable", | |||||
| "sort": false, | |||||
| "scroll" : false, | |||||
| "columns": [ | |||||
| { "id": "funder", "header": "", "fillspace": true, "sort": "string" }, | |||||
| { "id": "customer", "header": "", "sort": "string", "width": 200 }, | |||||
| { "id": "settlement", "header": " ", "sort": "string" }, | |||||
| { "id": "loanamount", "header": " ", "sort": "string" }, | |||||
| { | |||||
| "id": "commission", | |||||
| "header": " ", | |||||
| "sort": "string", | |||||
| "width": 200, | |||||
| "fillspace": false, | |||||
| "hidden": false, | |||||
| "css": "{'text-align':'center'}" | |||||
| }, | |||||
| { | |||||
| "id": "net", | |||||
| "header": " ", | |||||
| "sort": "string", | |||||
| "width": 100, | |||||
| "fillspace": false, | |||||
| "hidden": false | |||||
| }, | |||||
| { "id": "gst", "header": "", "fillspace": false, "hidden": false }, | |||||
| { "id": "gross", "header": "", "fillspace": false, "hidden": false }, | |||||
| { "id": "pay2broker", "header": "Total", "width": 200, "fillspace": false, "hidden": false } | |||||
| ], | |||||
| "height": 100, | |||||
| "url" : "data/loan_total.json" | |||||
| } | |||||
| ] | |||||
| }; | |||||
| function menu_loan_add() { | |||||
| loan_add_popup.show(); | |||||
| } | |||||
| function menu_loan_list_all() { | |||||
| subview(list_loans); | |||||
| webix.ui({ | |||||
| view:"contextmenu", id:"loan_list_cm", | |||||
| data: ["Add", "Edit", "Delete", "Properties"], | |||||
| master:$$("loan_list") // component object | |||||
| }); | |||||
| } | |||||
| function menu_export_loans() { | |||||
| export_loans_popup.show(); | |||||
| $$("export_loan_gage").setValue(0); | |||||
| setInterval(function(){ | |||||
| $$("export_loan_gage").setValue(100); | |||||
| }, 100) | |||||
| } | |||||
| var search_loans = { | |||||
| "cols": [ | |||||
| { | |||||
| "rows": [ | |||||
| { | |||||
| "css": "webix_dark", | |||||
| "view": "toolbar", | |||||
| "cols": [ | |||||
| { "view": "label", "label": "Search Loan Transactions" }, | |||||
| { "view": "button", "label": "Close", "autowidth": true } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| "autoheight": false, | |||||
| "view": "form", | |||||
| "rows": [ | |||||
| { | |||||
| "cols": [ | |||||
| { "view": "text", "name": "name" }, | |||||
| { "view": "button", "css": "webix_primary", "label": "Search", "height": 38, "width": 100 } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| "id": "search_loan_result", | |||||
| "view": "datatable", | |||||
| "columns": [ | |||||
| { "id": "funder", "header": "Funder", "fillspace": true, "sort": "string" }, | |||||
| { "id": "customer", "header": "Customers", "sort": "string", "width": 200 }, | |||||
| { "id": "settlement", "header": "Settlement date", "sort": "string" }, | |||||
| { "id": "loanamount", "header": "Loan Amount", "sort": "string" }, | |||||
| { | |||||
| "id": "commission", | |||||
| "header": "Commission Margin", | |||||
| "sort": "string", | |||||
| "width": 200, | |||||
| "fillspace": false, | |||||
| "hidden": false, | |||||
| "css": "{'text-align':'center'}" | |||||
| }, | |||||
| { | |||||
| "id": "net", | |||||
| "header": "Net Amount", | |||||
| "sort": "string", | |||||
| "width": 150, | |||||
| "fillspace": false, | |||||
| "hidden": false | |||||
| }, | |||||
| { "id": "gst", "header": "GST", "fillspace": false, "hidden": false }, | |||||
| { "id": "gross", "header": "Gross Amount", "fillspace": false, "hidden": false }, | |||||
| { "id": "pay2broker", "header": "Pay to Broker", "width": 200, "fillspace": false, "hidden": false } | |||||
| ], | |||||
| "select": true, | |||||
| "scrollX": false, | |||||
| "url" : "data/loan.json", | |||||
| "width": 0 | |||||
| }, | |||||
| ] | |||||
| } | |||||
| ] | |||||
| } | |||||
| ] | |||||
| }; | |||||
| function menu_search_loans() { | |||||
| subview(search_loans); | |||||
| } | |||||
| function menu_list_trails() { | |||||
| alert("ok"); | |||||
| } | |||||
| function menu_import_trail() { | |||||
| alert("ok"); | |||||
| } | |||||
| function menu_add_client() { | |||||
| alert("ok"); | |||||
| } | |||||
| function menu_list_clients() { | |||||
| alert("ok"); | |||||
| } | |||||
| function menu_search_clients() { | |||||
| alert("ok"); | |||||
| } | |||||
| function menu_broadcast_clients() { | |||||
| alert("ok"); | |||||
| } | |||||
| function menu_add_broker() { | |||||
| alert("ok"); | |||||
| } | |||||
| function menu_list_brokers() { | |||||
| alert("ok"); | |||||
| } | |||||
| function menu_search_brokers() { | |||||
| alert("ok"); | |||||
| } | |||||
| function menu_broadcast_brokers() { | |||||
| alert("ok"); | |||||
| } | |||||
| function menu_list_unpaid_brokers() { | |||||
| alert("ok"); | |||||
| } | |||||
| function load_add() { | |||||
| } |
| function trail_popup_close(id, event) { | |||||
| trail_popup.hide(); | |||||
| } | |||||
| var trail_form = { | |||||
| "view": "popup", | |||||
| "id": "trail_popup", | |||||
| "css": "trail_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-plus" }, | |||||
| { "view": "label", "label": "Trails" }, | |||||
| { "view": "button", "label": "Close", "width": 80 , "click": "trail_popup_close"} | |||||
| ] | |||||
| }, | |||||
| { | |||||
| view:"datatable", | |||||
| editable:true, | |||||
| height: 200, | |||||
| scroll:true, | |||||
| columns:[ | |||||
| { id:"org", editor:"text", header:"Revelant Parties", fillspace:true}, | |||||
| { id:"role", editor:"select", options:["SFM", "Clients", "Brokers", "BDM", "Referal", "Other"], header: "Role"}, | |||||
| { id:"trail", editor:"text", header:"Trail $", width :150}, | |||||
| { id:"date", editor:"date", header:"Month", format:webix.Date.dateToStr("%Y-%m-%d"), width :150}, | |||||
| { id:"src", editor:"select", options:["AA220202.xls", "BB202011bb.PDF", "CCWestPack.DocX", "Manual", "Other"], header:"Data Source (Excel/PDF)", width :150} | |||||
| ], | |||||
| data: [ | |||||
| { id:1, org: "SFM" , role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls" }, | |||||
| { id:2, org: "John", role :"SFM", trail: "$500", date :"2020-02" , src: "AA220202.xls"}, | |||||
| { id:3, org: "Smith", 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:6, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"}, | |||||
| { id:7, org: "",role :"", trail: "",date :"", src: "manual"} | |||||
| ] | |||||
| } | |||||
| ] | |||||
| } | |||||
| }; | |||||
| var trail_popup = webix.ui(trail_form); |
| <head> | <head> | ||||
| <link rel="stylesheet" href="./codebase/skins/material.css" type="text/css"> | <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/summary.css" type="text/css"> | ||||
| <link rel="stylesheet" href="./css/loan_add.css" type="text/css"> | |||||
| <link rel="stylesheet" href="./css/export_loan.css" type="text/css"> | |||||
| <link rel="stylesheet" href="./css/materialdesignicons.min.css"> | <link rel="stylesheet" href="./css/materialdesignicons.min.css"> | ||||
| <script src="./codebase/webix.js" type="text/javascript"></script> | <script src="./codebase/webix.js" type="text/javascript"></script> | ||||
| </head> | </head> | ||||
| <body > | <body > | ||||
| <script type="text/javascript" charset="utf-8" src="js/demo_data.js"></script> | <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> | <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> | |||||
| <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> | ||||