Add client search and viewing
This commit is contained in:
parent
f23af485d4
commit
358585680a
125
www/assets/js/clients.js
Normal file
125
www/assets/js/clients.js
Normal file
@ -0,0 +1,125 @@
|
||||
/*
|
||||
* Copyright 2020 Netsyms Technologies.
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
|
||||
function clientSearchAsync(routeTo, routeFrom, resolve, reject) {
|
||||
app.dialog.preloader("Searching...");
|
||||
|
||||
apirequest(
|
||||
"searchclients",
|
||||
{
|
||||
q: routeTo.params.q
|
||||
},
|
||||
function (resp) {
|
||||
app.dialog.close();
|
||||
if (resp.status == "ERROR") {
|
||||
app.dialog.alert(resp.msg, "Error");
|
||||
reject();
|
||||
} else {
|
||||
var context = {
|
||||
clients: resp.clients,
|
||||
q: routeTo.params.q
|
||||
};
|
||||
|
||||
resolve({
|
||||
templateUrl: "pages/clients.html",
|
||||
}, {
|
||||
context: context
|
||||
});
|
||||
}
|
||||
},
|
||||
function (xhr) {
|
||||
app.dialog.close();
|
||||
var error = $.parseJSON(xhr.responseText);
|
||||
if (error && typeof error.msg != 'undefined') {
|
||||
app.dialog.alert(error.msg, "Error");
|
||||
} else {
|
||||
app.dialog.alert("A server or network error occurred.", "Error");
|
||||
}
|
||||
reject();
|
||||
});
|
||||
}
|
||||
|
||||
function clientGetAsync(routeTo, routeFrom, resolve, reject) {
|
||||
app.dialog.preloader("Expanding client...");
|
||||
|
||||
apirequest(
|
||||
"getclient",
|
||||
{
|
||||
clientid: routeTo.params.clientid
|
||||
},
|
||||
function (resp) {
|
||||
app.dialog.close();
|
||||
if (resp.status == "ERROR") {
|
||||
app.dialog.alert(resp.msg, "Error");
|
||||
reject();
|
||||
} else {
|
||||
|
||||
var machinelist = [];
|
||||
for (var i = 0; i < resp.machines.length; i++) {
|
||||
var machine = resp.machines[i];
|
||||
machine["props"] = [];
|
||||
for (var k in machine.formdata.labels) {
|
||||
if (machine.hasOwnProperty(k)) {
|
||||
switch (k) {
|
||||
case "type":
|
||||
case "clientid":
|
||||
// skip these
|
||||
break;
|
||||
default:
|
||||
var value = machine.info[k];
|
||||
if (value == false || value == 0) {
|
||||
value = false;
|
||||
} else {
|
||||
value = value.toString().replace("\n", " <br />");
|
||||
}
|
||||
machine.props.push({
|
||||
name: k,
|
||||
value: value
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
console.log(machine);
|
||||
machinelist.push(machine);
|
||||
}
|
||||
|
||||
// Add <br> for newlines
|
||||
for (var k in resp.client) {
|
||||
if (resp.client.hasOwnProperty(k)) {
|
||||
resp.client[k] = resp.client[k].toString().replace("\n", " <br>");
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof resp.client.phone == 'string') {
|
||||
resp.client.phonestripped = resp.client.phone.replace(/\D/g, '');
|
||||
}
|
||||
|
||||
var context = {
|
||||
client: resp.client,
|
||||
machines: machinelist
|
||||
};
|
||||
|
||||
resolve({
|
||||
templateUrl: "pages/client.html",
|
||||
}, {
|
||||
context: context
|
||||
});
|
||||
}
|
||||
},
|
||||
function (xhr) {
|
||||
app.dialog.close();
|
||||
var error = $.parseJSON(xhr.responseText);
|
||||
if (error && typeof error.msg != 'undefined') {
|
||||
app.dialog.alert(error.msg, "Error");
|
||||
} else {
|
||||
app.dialog.alert("A server or network error occurred.", "Error");
|
||||
}
|
||||
reject();
|
||||
});
|
||||
|
||||
}
|
||||
@ -11,6 +11,11 @@ $("#machinesearchbar").submit(function (evt) {
|
||||
openMachineInfo($("#machinesearchbar input[type=search]").val());
|
||||
});
|
||||
|
||||
$("#clientsearchbar").submit(function (evt) {
|
||||
evt.preventDefault();
|
||||
router.navigate("/clients/" + $("#clientsearchbar input[type=search]").val());
|
||||
});
|
||||
|
||||
function scanBarcodeOpenMachine() {
|
||||
scanBarcode(function (code) {
|
||||
openMachineInfo(code);
|
||||
|
||||
@ -34,9 +34,10 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
<script src="assets/js/storage.js"></script>
|
||||
<script src="assets/js/platform.js"></script>
|
||||
<script src="assets/js/util.js"></script>
|
||||
<script src="routes.js"></script>
|
||||
|
||||
<script src="assets/js/machine.js"></script>
|
||||
<script src="assets/js/clients.js"></script>
|
||||
<script src="assets/js/addevent.js"></script>
|
||||
|
||||
<script src="assets/js/main.js"></script>
|
||||
<script src="routes.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
149
www/pages/client.html
Normal file
149
www/pages/client.html
Normal file
@ -0,0 +1,149 @@
|
||||
<!--
|
||||
Copyright 2020 Netsyms Technologies.
|
||||
This Source Code Form is subject to the terms of the Mozilla Public
|
||||
License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
-->
|
||||
|
||||
<div class="page" data-name="client">
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a href="#" class="link icon-only back">
|
||||
<i class="icon icon-back"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title">Client Info</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toolbar tabbar toolbar-top">
|
||||
<div class="toolbar-inner">
|
||||
<a href="#tab-info" class="tab-link tab-link-active">Info</a>
|
||||
<a href="#tab-machines" class="tab-link">Machines</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs-swipeable-wrap">
|
||||
<div class="tabs">
|
||||
|
||||
<div id="tab-info" class="page-content tab tab-active">
|
||||
{{#with client}}
|
||||
<div class="list no-margin-top">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">
|
||||
<div class="item-header">Name</div>
|
||||
{{name}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{#if phone}}
|
||||
<li>
|
||||
<a class="item-content item-link" href="tel:{{phonestripped}}">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">
|
||||
<div class="item-header">Phone</div>
|
||||
{{phone}}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if billingaddress}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">
|
||||
<div class="item-header">Billing Address</div>
|
||||
{{billingaddress}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if mailingaddress}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">
|
||||
<div class="item-header">Mailing Address</div>
|
||||
{{mailingaddress}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if privatenotes}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">
|
||||
<div class="item-header">Private Notes</div>
|
||||
{{privatenotes}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if publicnotes}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">
|
||||
<div class="item-header">Public Notes</div>
|
||||
{{publicnotes}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/with}}
|
||||
</div>
|
||||
|
||||
<div id="tab-machines" class="page-content tab">
|
||||
<div class="list accordion-list no-margin-top">
|
||||
<ul>
|
||||
{{#each machines}}
|
||||
<li class="accordion-item">
|
||||
<div class="item-content item-link">
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><i class="{{icon}}"></i> {{id}}</div>
|
||||
<div class="item-after">{{type.label}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item-content">
|
||||
<a href="" onclick="openMachineInfo('{{id}}')" class="button">Open</a>
|
||||
<div class="list">
|
||||
<ul>
|
||||
{{#each props}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
<div class="item-header">{{title}}</div>
|
||||
{{content}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
35
www/pages/clients.html
Normal file
35
www/pages/clients.html
Normal file
@ -0,0 +1,35 @@
|
||||
<!--
|
||||
Copyright 2020 Netsyms Technologies.
|
||||
This Source Code Form is subject to the terms of the Mozilla Public
|
||||
License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
-->
|
||||
|
||||
<div class="page" data-name="clients">
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a href="#" class="link icon-only back">
|
||||
<i class="icon icon-back"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title">Clients ({{q}})</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-content">
|
||||
<div class="list links-list no-margin-top">
|
||||
<ul>
|
||||
{{#each clients}}
|
||||
<li>
|
||||
<a href="/client/{{id}}">
|
||||
{{name}}
|
||||
</a>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -28,7 +28,18 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
<form class="searchbar inset margin-top" id="machinesearchbar">
|
||||
<div class="searchbar-inner">
|
||||
<div class="searchbar-input-wrap">
|
||||
<input type="search" placeholder="Machine ID">
|
||||
<input type="search" placeholder="Machine">
|
||||
<i class="searchbar-icon"></i>
|
||||
<span class="input-clear-button"></span>
|
||||
</div>
|
||||
<span class="searchbar-disable-button">Cancel</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form class="searchbar inset margin-top" id="clientsearchbar">
|
||||
<div class="searchbar-inner">
|
||||
<div class="searchbar-input-wrap">
|
||||
<input type="search" placeholder="Client">
|
||||
<i class="searchbar-icon"></i>
|
||||
<span class="input-clear-button"></span>
|
||||
</div>
|
||||
|
||||
@ -11,7 +11,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a href="#" class="link icon-only" onclick="router.navigate('/')">
|
||||
<a href="#" class="link icon-only back">
|
||||
<i class="icon icon-back"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -30,6 +30,16 @@ var routes = [
|
||||
name: "machineeditor",
|
||||
templateUrl: "pages/machineeditor.html"
|
||||
},
|
||||
{
|
||||
path: "/clients/:q",
|
||||
name: "clients",
|
||||
async: clientSearchAsync
|
||||
},
|
||||
{
|
||||
path: "/client/:clientid",
|
||||
name: "client",
|
||||
async: clientGetAsync
|
||||
},
|
||||
{
|
||||
path: "/addevent",
|
||||
name: "addevent",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user