skylarmt/SnipeITMobileApp
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add create capability

Browse Source
This commit is contained in:
Skylar Ittner 2016-05-18 16:51:21 -06:00
parent b13d21edab
commit 6ad9ed620e
9 changed files with 321 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
platforms/android/.gradle/2.2.1/taskArtifacts/cache.properties.lock
View File

Binary file not shown.

BIN
platforms/android/.gradle/2.2.1/taskArtifacts/fileHashes.bin
View File

Binary file not shown.

BIN
platforms/android/.gradle/2.2.1/taskArtifacts/fileSnapshots.bin
View File

Binary file not shown.

BIN
platforms/android/.gradle/2.2.1/taskArtifacts/taskArtifacts.bin
View File

Binary file not shown.

1
platforms/android/assets/www/js/main.js
View File

@ -8,6 +8,7 @@
* API base URL
*/
APIURL = "http://snipe-mobile-api/snipeapi/app/";
//APIURL = "http://localhost:8000/";
username = "";
/**

191
platforms/android/assets/www/screens/home.html
View File

@ -13,10 +13,45 @@
<br />
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-fw fa-map-marker"></i></span>
<select class="form-control" id="item-location">
<select class="form-control" id="item-location" placeholder="Location">
</select>
</div>
<br class="item-only-asset"/>
<div class="input-group item-only-asset">
<span class="input-group-addon"><i class="fa fa-fw fa-tag"></i></span>
<select class="form-control" id="item-status" placeholder="Status">
</select>
</div>
<br class="item-only-asset"/>
<div class="input-group item-only-asset">
<span class="input-group-addon"><i class="fa fa-fw fa-desktop"></i></span>
<input type="text" class="form-control" placeholder="Asset Tag" id="item-asset-tag" />
<span class="input-group-btn">
<button id="scancodebtn" onclick="scancode('#item-asset-tag');" class="btn btn-default"><i class="fa fa-barcode"></i></button>
</span>
</div>
<br class="item-only-asset"/>
<div class="input-group item-only-asset">
<span class="input-group-addon"><i class="fa fa-fw fa-credit-card"></i></span>
<input type="text" class="form-control" placeholder="Serial" id="item-serial" />
<span class="input-group-btn">
<button id="scancodebtn" onclick="scancode('#item-serial');" class="btn btn-default"><i class="fa fa-barcode"></i></button>
</span>
</div>
<br class="item-only-asset"/>
<div class="input-group item-only-asset">
<span class="input-group-addon"><i class="fa fa-fw fa-th"></i></span>
<select class="form-control" id="item-model" placeholder="Model">
</select>
</div>
<br class="item-only-asset"/>
<div class="input-group item-only-asset">
<span class="input-group-addon"><i class="fa fa-fw fa-hdd-o"></i></span>
<input type="text" class="form-control" id="item-hdd-secure" placeholder="Hard Drive Secure (Y/N)" />
</div>
<br />
<div class="input-group item-not-asset">
<span class="input-group-addon"><i class="fa fa-hashtag fa-fw"></i></span>
@ -26,6 +61,9 @@
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-barcode fa-fw"></i></span>
<input type="text" placeholder="Order Number" id="item-order-number" class="form-control"/>
<span class="input-group-btn">
<button id="scancodebtn" onclick="scancode('#item-order-number');" class="btn btn-default"><i class="fa fa-barcode"></i></button>
</span>
</div>
<input type="hidden" value="asset" id="item-from" />
<input type="hidden" value="" id="item-id" />
@ -43,27 +81,39 @@
<div class="col-lg-12 text-center">
<div class="input-group">
<span class="input-group-btn">
<button id="scancodebtn" onclick="scancode();" class="btn btn-default"><i class="fa fa-barcode"></i></button>
<button id="scancodebtn" onclick="scancode('#searchbox');" class="btn btn-default"><i class="fa fa-barcode"></i></button>
</span>
<input type="text" placeholder="Lookup" class="form-control" id="searchbox"/>
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span id="searchtypelabel">Assets</span> <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#" onclick="$('#searchtypelabel').text('Assets');">Assets</a></li>
<li><a href="#" onclick="$('#searchtypelabel').text('Acc');">Accessories</a></li>
<li><a href="#" onclick="$('#searchtypelabel').text('Con');">Consumables</a></li>
<li><a href="#" onclick="$('#searchtypelabel').text('Assets');"><i class="fa fa-fw fa-desktop"></i> Assets</a></li>
<li><a href="#" onclick="$('#searchtypelabel').text('Acc');"><i class="fa fa-fw fa-keyboard-o"></i> Accessories</a></li>
<li><a href="#" onclick="$('#searchtypelabel').text('Con');"><i class="fa fa-fw fa-tint"></i> Consumables</a></li>
</ul>
</div>
<span class="input-group-btn">
<button id="searchbtn" onclick="dosearch($('#searchbox').val(), $('#searchtypelabel').text().toLowerCase());" class="btn btn-primary"><i class="fa fa-search"></i></button>
</span>
</div>
<hr />
<div class="list-group" id="searchresults">
</div>
<br />
<div class="col-xs-4">
<div class="dropdown">
<button id="additembtn" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#" onclick="additem('asset');" id="addassetbtn"><i class="fa fa-fw fa-desktop"></i> Asset</a></li>
<li><a href="#" onclick="additem('accessory');" id="addaccessorybtn"><i class="fa fa-fw fa-keyboard-o"></i> Accessory</a></li>
<li><a href="#" onclick="additem('consumable');" id="addconsumablebtn"><i class="fa fa-fw fa-tint"></i> Consumable</a></li>
<li><a href="#" onclick="additem('hdd');" id="addassetbtn"><i class="fa fa-fw fa-hdd-o"></i> Hard Drive</a></li>
</ul>
</div>
</div>
</div>
<hr />
<div class="list-group" id="searchresults">
</div>
</div>
<script>
@ -100,6 +150,32 @@
return listitem;
}
function additem(from) {
$("[id^='item-']").val('');
$('#item-from').val(from);
$('#item-info-header').text('Create ' + from);
if (from == 'asset') {
$('.item-not-asset').css('display', 'none');
$('.item-only-asset').css('display', '');
getstatusselector(0, from);
getmodelselector(0);
} else if (from == 'hdd') {
$('#item-from').val('asset');
$('.item-not-asset').css('display', 'none');
$('.item-only-asset').css('display', '');
getstatusselector(0, from);
getmodelselector(0, from);
$("#item-model option:not(:contains('Hard Drive'))").remove();
$("#item-status option:not(:contains('HDD: '))").remove();
$('#item-name').val('Hard Drive');
} else {
$('.item-only-asset').css('display', 'none');
$('.item-not-asset').css('display', '');
}
getlocationselector(0, from);
$('#item-modal').modal('show');
}
function getlocationselector(id, from) {
$.ajax({
type: "GET",
@ -113,7 +189,7 @@
},
success: function (data) {
if (data.status === 'OK') {
var innerhtml = ""
var innerhtml = "<option selected hidden>Location</option>"
for (var i = 0; i < data.list.length; i++) {
innerhtml += "<option value=\"" + data.list[i].id + "\">" + data.list[i].name + "</option>";
}
@ -130,6 +206,76 @@
});
}
function getstatusselector(id, from) {
$.ajax({
type: "GET",
url: mkApiUrl("getstatus"),
data: {id: id, from: from},
cache: false,
crossDomain: true,
dataType: 'json',
xhrFields: {
withCredentials: true
},
success: function (data) {
if (data.status === 'OK') {
var innerhtml = "<option selected hidden>Status</option>"
for (var i = 0; i < data.list.length; i++) {
if (from == 'hdd' && data.list[i].name.indexOf('HDD') == -1) {
continue;
}
innerhtml += "<option value=\"" + data.list[i].id + "\">" + data.list[i].name + "</option>";
}
$('#item-status').html(innerhtml);
// Set the selected index to the actual one
if (data.itemstatus != 0) {
$('#item-status').val(data.itemstatus);
}
} else {
alert('An error occurred: ' + data.message);
}
},
error: function () {
alert('An error occurred. Check your connection.');
}
});
}
function getmodelselector(id, from) {
$.ajax({
type: "GET",
url: mkApiUrl("getmodel"),
data: {id: id, from: 'assets'},
cache: false,
crossDomain: true,
dataType: 'json',
xhrFields: {
withCredentials: true
},
success: function (data) {
if (data.status === 'OK') {
var innerhtml = "<option selected hidden>Model</option>"
for (var i = 0; i < data.list.length; i++) {
if (from == 'hdd' && data.list[i].name != 'Hard Drive') {
continue;
}
innerhtml += "<option value=\"" + data.list[i].id + "\">" + data.list[i].name + "</option>";
}
$('#item-model').html(innerhtml);
// Set the selected index to the actual one
if (data.model != 0) {
$('#item-model').val(data.model);
}
} else {
alert('An error occurred: ' + data.message);
}
},
error: function () {
alert('An error occurred. Check your connection.');
}
});
}
function saveitem() {
$.ajax({
type: "POST",
@ -140,6 +286,11 @@
name: $('#item-name').val(),
qty: $('#item-qty').val(),
location: $('#item-location').val(),
status: $('#item-status').val(),
serial: $('#item-serial').val(),
model: $('#item-model').val(),
asset_tag: $('#item-asset-tag').val(),
hdd_secure: $('#item-hdd-secure').val(),
order_number: $('#item-order-number').val()
},
cache: false,
@ -179,11 +330,23 @@
getlocationselector(id, from);
$('#item-id').val(id);
$('#item-from').val(from);
$('#item-info-header').text(data.results.name);
if (data.results.name == '') {
$('#item-info-header').text("Edit " + data.results.asset_tag);
} else {
$('#item-info-header').text("Edit " + data.results.name);
}
$('#item-name').val(data.results.name);
if (from == 'assets') {
$('.item-not-asset').css('display', 'none');
$('.item-only-asset').css('display', '');
$('#item-serial').val(data.results.serial);
$('#item-asset-tag').val(data.results.asset_tag);
$('#item-hdd-secure').val(data.results._snipeit_hard_drive_secure__y_n_);
getstatusselector(id, from);
getmodelselector(id);
} else {
$('.item-only-asset').css('display', 'none');
$('.item-not-asset').css('display', '');
$('#item-qty').val(data.results.qty);
}
$('#item-order-number').val(data.results.order_number);
@ -244,14 +407,16 @@
});
}
function scancode() {
function scancode(target) {
try {
cordova.plugins.barcodeScanner.scan(
function (result) {
if (!result.cancelled) {
//alert(result.format + ": " + result.text);
$('#searchbox').val(result.text);
dosearch(result.text, $('#searchtypelabel').text().toLowerCase());
$(target).val(result.text);
if (target == '#searchbox') {
dosearch(result.text, $('#searchtypelabel').text().toLowerCase());
}
}
});
} catch (ex) {

2
platforms/android/assets/www/screens/login.html
View File

@ -12,7 +12,7 @@
</div>
<div class="input-group">
<span class="input-group-addon" id="basic-addon-usericon"><i class="fa fa-user"></i></span>
<input type="text" placeholder="Username/Email" id="usernameBox" class="form-control" aria-describedby="basic-addon-usericon"/>
<input type="text" placeholder="Username" id="usernameBox" class="form-control" aria-describedby="basic-addon-usericon"/>
</div>
<br />
<div class="input-group">

157
www/screens/home.html
View File

@ -13,17 +13,45 @@
<br />
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-fw fa-map-marker"></i></span>
<select class="form-control" id="item-location">
<select class="form-control" id="item-location" placeholder="Location">
</select>
</div>
<br class="item-only-asset"/>
<div class="input-group item-only-asset">
<span class="input-group-addon"><i class="fa fa-fw fa-tag"></i></span>
<select class="form-control" id="item-status">
<select class="form-control" id="item-status" placeholder="Status">
</select>
</div>
<br class="item-only-asset"/>
<div class="input-group item-only-asset">
<span class="input-group-addon"><i class="fa fa-fw fa-desktop"></i></span>
<input type="text" class="form-control" placeholder="Asset Tag" id="item-asset-tag" />
<span class="input-group-btn">
<button id="scancodebtn" onclick="scancode('#item-asset-tag');" class="btn btn-default"><i class="fa fa-barcode"></i></button>
</span>
</div>
<br class="item-only-asset"/>
<div class="input-group item-only-asset">
<span class="input-group-addon"><i class="fa fa-fw fa-credit-card"></i></span>
<input type="text" class="form-control" placeholder="Serial" id="item-serial" />
<span class="input-group-btn">
<button id="scancodebtn" onclick="scancode('#item-serial');" class="btn btn-default"><i class="fa fa-barcode"></i></button>
</span>
</div>
<br class="item-only-asset"/>
<div class="input-group item-only-asset">
<span class="input-group-addon"><i class="fa fa-fw fa-th"></i></span>
<select class="form-control" id="item-model" placeholder="Model">
</select>
</div>
<br class="item-only-asset"/>
<div class="input-group item-only-asset">
<span class="input-group-addon"><i class="fa fa-fw fa-hdd-o"></i></span>
<input type="text" class="form-control" id="item-hdd-secure" placeholder="Hard Drive Secure (Y/N)" />
</div>
<br />
<div class="input-group item-not-asset">
<span class="input-group-addon"><i class="fa fa-hashtag fa-fw"></i></span>
@ -33,6 +61,9 @@
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-barcode fa-fw"></i></span>
<input type="text" placeholder="Order Number" id="item-order-number" class="form-control"/>
<span class="input-group-btn">
<button id="scancodebtn" onclick="scancode('#item-order-number');" class="btn btn-default"><i class="fa fa-barcode"></i></button>
</span>
</div>
<input type="hidden" value="asset" id="item-from" />
<input type="hidden" value="" id="item-id" />
@ -50,27 +81,39 @@
<div class="col-lg-12 text-center">
<div class="input-group">
<span class="input-group-btn">
<button id="scancodebtn" onclick="scancode();" class="btn btn-default"><i class="fa fa-barcode"></i></button>
<button id="scancodebtn" onclick="scancode('#searchbox');" class="btn btn-default"><i class="fa fa-barcode"></i></button>
</span>
<input type="text" placeholder="Lookup" class="form-control" id="searchbox"/>
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span id="searchtypelabel">Assets</span> <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#" onclick="$('#searchtypelabel').text('Assets');">Assets</a></li>
<li><a href="#" onclick="$('#searchtypelabel').text('Acc');">Accessories</a></li>
<li><a href="#" onclick="$('#searchtypelabel').text('Con');">Consumables</a></li>
<li><a href="#" onclick="$('#searchtypelabel').text('Assets');"><i class="fa fa-fw fa-desktop"></i> Assets</a></li>
<li><a href="#" onclick="$('#searchtypelabel').text('Acc');"><i class="fa fa-fw fa-keyboard-o"></i> Accessories</a></li>
<li><a href="#" onclick="$('#searchtypelabel').text('Con');"><i class="fa fa-fw fa-tint"></i> Consumables</a></li>
</ul>
</div>
<span class="input-group-btn">
<button id="searchbtn" onclick="dosearch($('#searchbox').val(), $('#searchtypelabel').text().toLowerCase());" class="btn btn-primary"><i class="fa fa-search"></i></button>
</span>
</div>
<hr />
<div class="list-group" id="searchresults">
</div>
<br />
<div class="col-xs-4">
<div class="dropdown">
<button id="additembtn" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#" onclick="additem('asset');" id="addassetbtn"><i class="fa fa-fw fa-desktop"></i> Asset</a></li>
<li><a href="#" onclick="additem('accessory');" id="addaccessorybtn"><i class="fa fa-fw fa-keyboard-o"></i> Accessory</a></li>
<li><a href="#" onclick="additem('consumable');" id="addconsumablebtn"><i class="fa fa-fw fa-tint"></i> Consumable</a></li>
<li><a href="#" onclick="additem('hdd');" id="addassetbtn"><i class="fa fa-fw fa-hdd-o"></i> Hard Drive</a></li>
</ul>
</div>
</div>
</div>
<hr />
<div class="list-group" id="searchresults">
</div>
</div>
<script>
@ -107,6 +150,32 @@
return listitem;
}
function additem(from) {
$("[id^='item-']").val('');
$('#item-from').val(from);
$('#item-info-header').text('Create ' + from);
if (from == 'asset') {
$('.item-not-asset').css('display', 'none');
$('.item-only-asset').css('display', '');
getstatusselector(0, from);
getmodelselector(0);
} else if (from == 'hdd') {
$('#item-from').val('asset');
$('.item-not-asset').css('display', 'none');
$('.item-only-asset').css('display', '');
getstatusselector(0, from);
getmodelselector(0, from);
$("#item-model option:not(:contains('Hard Drive'))").remove();
$("#item-status option:not(:contains('HDD: '))").remove();
$('#item-name').val('Hard Drive');
} else {
$('.item-only-asset').css('display', 'none');
$('.item-not-asset').css('display', '');
}
getlocationselector(0, from);
$('#item-modal').modal('show');
}
function getlocationselector(id, from) {
$.ajax({
type: "GET",
@ -120,7 +189,7 @@
},
success: function (data) {
if (data.status === 'OK') {
var innerhtml = ""
var innerhtml = "<option selected hidden>Location</option>"
for (var i = 0; i < data.list.length; i++) {
innerhtml += "<option value=\"" + data.list[i].id + "\">" + data.list[i].name + "</option>";
}
@ -136,7 +205,7 @@
}
});
}
function getstatusselector(id, from) {
$.ajax({
type: "GET",
@ -150,13 +219,53 @@
},
success: function (data) {
if (data.status === 'OK') {
var innerhtml = ""
var innerhtml = "<option selected hidden>Status</option>"
for (var i = 0; i < data.list.length; i++) {
if (from == 'hdd' && data.list[i].name.indexOf('HDD') == -1) {
continue;
}
innerhtml += "<option value=\"" + data.list[i].id + "\">" + data.list[i].name + "</option>";
}
$('#item-status').html(innerhtml);
// Set the selected index to the actual one
$('#item-status').val(data.itemstatus);
if (data.itemstatus != 0) {
$('#item-status').val(data.itemstatus);
}
} else {
alert('An error occurred: ' + data.message);
}
},
error: function () {
alert('An error occurred. Check your connection.');
}
});
}
function getmodelselector(id, from) {
$.ajax({
type: "GET",
url: mkApiUrl("getmodel"),
data: {id: id, from: 'assets'},
cache: false,
crossDomain: true,
dataType: 'json',
xhrFields: {
withCredentials: true
},
success: function (data) {
if (data.status === 'OK') {
var innerhtml = "<option selected hidden>Model</option>"
for (var i = 0; i < data.list.length; i++) {
if (from == 'hdd' && data.list[i].name != 'Hard Drive') {
continue;
}
innerhtml += "<option value=\"" + data.list[i].id + "\">" + data.list[i].name + "</option>";
}
$('#item-model').html(innerhtml);
// Set the selected index to the actual one
if (data.model != 0) {
$('#item-model').val(data.model);
}
} else {
alert('An error occurred: ' + data.message);
}
@ -178,6 +287,10 @@
qty: $('#item-qty').val(),
location: $('#item-location').val(),
status: $('#item-status').val(),
serial: $('#item-serial').val(),
model: $('#item-model').val(),
asset_tag: $('#item-asset-tag').val(),
hdd_secure: $('#item-hdd-secure').val(),
order_number: $('#item-order-number').val()
},
cache: false,
@ -217,12 +330,20 @@
getlocationselector(id, from);
$('#item-id').val(id);
$('#item-from').val(from);
$('#item-info-header').text(data.results.name);
if (data.results.name == '') {
$('#item-info-header').text("Edit " + data.results.asset_tag);
} else {
$('#item-info-header').text("Edit " + data.results.name);
}
$('#item-name').val(data.results.name);
if (from == 'assets') {
$('.item-not-asset').css('display', 'none');
$('.item-only-asset').css('display', '');
$('#item-serial').val(data.results.serial);
$('#item-asset-tag').val(data.results.asset_tag);
$('#item-hdd-secure').val(data.results._snipeit_hard_drive_secure__y_n_);
getstatusselector(id, from);
getmodelselector(id);
} else {
$('.item-only-asset').css('display', 'none');
$('.item-not-asset').css('display', '');
@ -286,14 +407,16 @@
});
}
function scancode() {
function scancode(target) {
try {
cordova.plugins.barcodeScanner.scan(
function (result) {
if (!result.cancelled) {
//alert(result.format + ": " + result.text);
$('#searchbox').val(result.text);
dosearch(result.text, $('#searchtypelabel').text().toLowerCase());
$(target).val(result.text);
if (target == '#searchbox') {
dosearch(result.text, $('#searchtypelabel').text().toLowerCase());
}
}
});
} catch (ex) {

2
www/screens/login.html
View File

@ -12,7 +12,7 @@
</div>
<div class="input-group">
<span class="input-group-addon" id="basic-addon-usericon"><i class="fa fa-user"></i></span>
<input type="text" placeholder="Username/Email" id="usernameBox" class="form-control" aria-describedby="basic-addon-usericon"/>
<input type="text" placeholder="Username" id="usernameBox" class="form-control" aria-describedby="basic-addon-usericon"/>
</div>
<br />
<div class="input-group">