You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
273 lines
8.9 KiB
273 lines
8.9 KiB
function overlay_in() {
|
|
$('.shadow').css({'display' : 'block'});
|
|
$('.overlay').css({'display' : 'block'});
|
|
$('.shadow').animate({'opacity' : 0.7});
|
|
$('.overlay').animate({'opacity' : 1.0, 'top' : '10%'});
|
|
}
|
|
|
|
function overlay_out() {
|
|
$('.shadow').animate({'opacity' : 0.0}, function () {
|
|
$('.overlay').css({'display' : 'none'});
|
|
});
|
|
$('.overlay').animate({'opacity' : 0.0, 'top' : '5%'}, function () {
|
|
$('.shadow').css({'display' : 'none'});
|
|
});
|
|
end_edit();
|
|
}
|
|
|
|
function init_edit(partID) {
|
|
var block_input = $('<input type="text" class="part-edit-input" id="block-input" placeholder="Location">')
|
|
block_input.val($('#block-info').text());
|
|
$('#block-info').replaceWith(block_input);
|
|
|
|
var type_input = $('<input type="text" class="part-edit-input" id="type-input" placeholder="Manufacturer">')
|
|
type_input.val($('#type-info').text());
|
|
$('#type-info').replaceWith(type_input);
|
|
|
|
var partno_input = $('<input type="text" class="part-edit-input" id="partno-input" placeholder="Part number">')
|
|
partno_input.val($('#partno-info').text());
|
|
$('#partno-info').replaceWith(partno_input);
|
|
|
|
var description_input = $('<input type="text" class="part-edit-input" id="description-input" placeholder="Description">')
|
|
description_input.val($('#description-info').text());
|
|
$('#description-info').replaceWith(description_input);
|
|
|
|
var quantity_input = $('<input type="text" class="part-edit-input" id="quantity-input" placeholder="Quantity">')
|
|
quantity_input.val($('#quantity-info').text());
|
|
$('#quantity-info').replaceWith(quantity_input);
|
|
|
|
var notes_input = $('<input type="text" class="part-edit-input" id="notes-input" placeholder="Notes">')
|
|
notes_input.val($('#notes-info').text());
|
|
$('#notes-info').replaceWith(notes_input);
|
|
|
|
var datasheet_input = $('<input type="file" class="part-edit-file" id="datasheet-input" accept=".pdf">')
|
|
$('#datasheet-info').replaceWith(datasheet_input);
|
|
|
|
var newButton = '<div class="round-button"><a href="#" onclick="save(' + partID + ')"><i class="fa fa-check" aria-hidden="true"></i></a></div>';
|
|
$('.round-button').replaceWith(newButton);
|
|
}
|
|
|
|
function new_entry() {
|
|
$('#block-info').text('');
|
|
$('#type-info').text('');
|
|
$('#partno-info').text('');
|
|
$('#description-info').text('');
|
|
$('#quantity-info').text('');
|
|
$('#notes-info').text('');
|
|
init_edit(-1);
|
|
overlay_in();
|
|
}
|
|
|
|
function end_edit() {
|
|
var block_par = '<p id="block-info">' + $('#block-input').val() + '</p>';
|
|
$('#block-input').replaceWith(block_par);
|
|
|
|
var type_par = '<p id="type-info">' + $('#type-input').val() + '</p>';
|
|
$('#type-input').replaceWith(type_par);
|
|
|
|
var partno_par = '<p id="partno-info">' + $('#partno-input').val() + '</p>';
|
|
$('#partno-input').replaceWith(partno_par);
|
|
|
|
var description_par = '<p id="description-info">' + $('#description-input').val() + '</p>';
|
|
$('#description-input').replaceWith(description_par);
|
|
|
|
var quantity_par = '<p id="quantity-info">' + $('#quantity-input').val() + '</p>';
|
|
$('#quantity-input').replaceWith(quantity_par);
|
|
|
|
var notes_par = '<p id="notes-info">' + $('#notes-input').val() + '</p>';
|
|
$('#notes-input').replaceWith(notes_par);
|
|
|
|
var datasheet_par = '<p id="datasheet-info"><i class="fa fa-circle-o-notch fa-spin fa-fw"></i></p>';
|
|
$('#datasheet-input').replaceWith(datasheet_par);
|
|
|
|
var newButton = '<div class="round-button"><a href="#" id="edit-button"><i class="fa fa-pencil" aria-hidden="true"></i></a></div>';
|
|
$('.round-button').replaceWith(newButton);
|
|
}
|
|
|
|
function save(partID) {
|
|
var block_v = $('#block-input').val();
|
|
var type_v = $('#type-input').val();
|
|
var partno_v = $('#partno-input').val();
|
|
var description_v = $('#description-input').val();
|
|
var quantity_v = $('#quantity-input').val();
|
|
var notes_v = $('#notes-input').val();
|
|
var datasheet = $('#datasheet-input')[0].files;
|
|
if(! partno_v.match(/^([a-zA-Z0-9]{1,20}\s*){1,3}$/g)) {
|
|
alert('Invalid part number format. Accepted: <Part-number-line-1(max 20 chars)> <Part-number-line-2(max 20 chars)> <Part-number-line-3(max 20 chars)>');
|
|
return;
|
|
}
|
|
if(! block_v.match(/^[0-9]+$/g)) {
|
|
alert('Invalid location field. Only numbers accepted.');
|
|
return;
|
|
}
|
|
if(type_v.length > 25) {
|
|
alert('Manufacturer name too long (max 25 characters).')
|
|
return;
|
|
}
|
|
if(description_v.length > 200) {
|
|
alert('Description too long (max 200 characters).')
|
|
return;
|
|
}
|
|
if(quantity_v.length > 10) {
|
|
alert('Quantity info too long (max 10 characters).')
|
|
return;
|
|
}
|
|
if(notes_v.length > 200) {
|
|
alert('Notes too long (max 200 characters).')
|
|
return;
|
|
}
|
|
|
|
var partnos = partno_v.split(' ');
|
|
|
|
var data = new FormData();
|
|
|
|
if (datasheet.length == 1)
|
|
if(! datasheet[0]['name'].match(/^[\w\-]+\.pdf$/g)) {
|
|
alert('Invalid filename. Please match /^[\w\-]+\.pdf$/g');
|
|
return;
|
|
}
|
|
data.append('datasheet-file', datasheet[0]);
|
|
data.append('block', block_v);
|
|
data.append('type', type_v);
|
|
data.append('partno', partnos[0]);
|
|
if (partnos.length > 1)
|
|
data.append('partnoalt', partnos[1]);
|
|
else
|
|
data.append('partnoalt', '');
|
|
if(partnos.length > 2)
|
|
data.append('partnoalt2', partnos[2]);
|
|
else
|
|
data.append('partnoalt2', '');
|
|
data.append('description', description_v);
|
|
data.append('quantity', quantity_v);
|
|
data.append('notes', notes_v);
|
|
|
|
$.ajax({
|
|
// Your server script to process the upload
|
|
url: 'http://127.0.0.1:5000/parts/alter/' + partID,
|
|
type: 'POST',
|
|
|
|
data: data,
|
|
|
|
// Tell jQuery not to process data or worry about content-type
|
|
// You *must* include these options!
|
|
cache: false,
|
|
contentType: false,
|
|
processData: false,
|
|
success: function(data) {
|
|
var datasheet_par = '<p id="datasheet-info"><i class="fa fa-check"></i></p>';
|
|
$('#datasheet-info').replaceWith(datasheet_par);
|
|
},
|
|
error: function() {
|
|
alert("Couldn't update the part information. Please retry.");
|
|
}
|
|
|
|
});
|
|
|
|
end_edit();
|
|
$('#edit-button').click(function() {
|
|
init_edit(partID);
|
|
});
|
|
}
|
|
|
|
function text_filter(string) {
|
|
if (string != null)
|
|
return string;
|
|
else
|
|
return '';
|
|
}
|
|
|
|
function delete_entry(partID) {
|
|
if (partID < 0)
|
|
return;
|
|
if (!confirm('Delete the selected entry?'))
|
|
return;
|
|
$.ajax({
|
|
url: 'http://127.0.0.1:5000/parts/delete/' + partID,
|
|
type: 'GET',
|
|
cache: false,
|
|
contentType: false,
|
|
processData: false,
|
|
success: function() {
|
|
overlay_out();
|
|
perform_query();
|
|
},
|
|
fail: function() {
|
|
console.log('An error occurred while deleting the entry');
|
|
},
|
|
});
|
|
}
|
|
|
|
function show_part_info(partID) {
|
|
$.getJSON('http://127.0.0.1:5000/parts/getpartinfo/' + partID, function(data) {
|
|
$('table#details tr#location td').text(text_filter(data.name)); // name is the location friendly name
|
|
$('table#details tr#partno td').text(text_filter(data.partno));
|
|
$('table#details tr#description td').text(text_filter(data.description));
|
|
// $('#description-info').text(text_filter(data.description));
|
|
// $('#quantity-info').text(text_filter(data.quantity));
|
|
// $('#notes-info').text(text_filter(data.notes));
|
|
// if (data.datasheet != null)
|
|
// $('#datasheet-info').html($('<a href="http://127.0.0.1:5000/parts/getfile/' + data.datasheet.substring(0, data.datasheet.length - 4) + '"><i class="fa fa-file-text" aria-hidden="true"></i></a>'));
|
|
// else
|
|
// $('#datasheet-info').text(' ');
|
|
// $('#edit-button').click(function() {
|
|
// init_edit(partID);
|
|
// });
|
|
// $('#delete-button').click(function() {
|
|
// delete_entry(partID);
|
|
// });
|
|
overlay_in();
|
|
}).fail(function() {
|
|
console.log( "Fetching part info failed" );
|
|
});
|
|
}
|
|
|
|
function perform_query() {
|
|
$('#no-results').css("opacity", 0);
|
|
var query = $('.search-bar').val();
|
|
var data = {
|
|
l:$('#type').is(':checked'),
|
|
p:$('#partno').is(':checked'),
|
|
d:$('#description').is(':checked'),
|
|
n:$('#notes').is(':checked')
|
|
};
|
|
filter = '0';
|
|
$.getJSON('http://127.0.0.1:5000/parts/query/' + filter + '/' + query, data, function(data) {
|
|
$("#results").find("tr:not(:first)").remove(); // Delete all table rows
|
|
for(var i = 0; i < data.length; i++) {
|
|
var newRow = $('<tr onclick="show_part_info(' + data[i].id + ')"></tr>');
|
|
|
|
newRow.append($('<td id="location"></td>').text(text_filter(data[i].location_descriptor)));
|
|
newRow.append($('<td id="partno"></td>').text(text_filter(data[i].partno)));
|
|
newRow.append($('<td id="description"></td>').text(text_filter(data[i].description)));
|
|
newRow.append($('<td id="docs"></td>').text(text_filter(data[i].docs)));
|
|
$('#results').append(newRow);
|
|
}
|
|
if(data.length == 0) {
|
|
$('#no-results').animate({opacity:1},2000);
|
|
}
|
|
}).fail(function() {
|
|
var newResults = '<div class="results">';
|
|
newResults += '<h3>No results.</h3>';
|
|
newResults += '</div>';
|
|
$('.results').replaceWith(newResults);
|
|
console.log( "Query failed" );
|
|
});
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
$.ajaxSetup({ cache: false });
|
|
$('.search-bar').on('keyup', function() {
|
|
perform_query();
|
|
});
|
|
$('.checkbox').change( function() {
|
|
if ( !$('#location').is(':checked')
|
|
&& !$('#partno').is(':checked')
|
|
&& !$('#description').is(':checked')
|
|
&& !$('#notes').is(':checked'))
|
|
$(this).prop('checked', true);
|
|
else
|
|
perform_query();
|
|
});
|
|
});
|