Yellow Bike Project Hours and Transaction Database for Community Bike Shops
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.
 
 
 
 
 
 

200 lines
6.1 KiB

$(function(){
"use strict";
$.ajaxSetup({async:false});
var contact_id = $("#contact_id").text();
if (contact_id) {
$("table").attr("width","")
// name
$.post("json/reports.php", { name: 1, contact_id: contact_id }, function (data) {
if (data) {
var obj = $.parseJSON(data);
$("#name").text(obj.full_name)
}
}); // name
// tabulator
$.post("json/reports.php", { individual_history: 1, contact_id: contact_id }, function (data) {
if (data) {
var obj = $.parseJSON(data);
// use height:315 for 10 rows if non-pagination
$("#individual_history").tabulator({
pagination:"local",
paginationSize:10,
responsiveLayout:true,
layout:"fitColumns",
columns:[
{title:"Status", field:"shop_user_role", align:"center", width:125, editor:statusEditor, headerFilter:true},
{title:"Date", field:"date", align:"center",width:100, headerFilter:"input"},
{title:"Day", field:"dayname", align:"center", width:100, editor:dayEditor, headerFilter:true},
{title:"Shop", field:"shop_id", sorter:"number", headerFilter:"number", align:"center", width:85,
formatter:function(cell, formatterParams){
var shop_id = cell.getValue();
return '<a href="./shop_log.php?shop_id=' + shop_id + '">' + shop_id + "</a>";
}
},
{title:"Time In", field:"time_in", align:"center", width:100,
formatter:function(cell, formatterParams){
var time_in = cell.getValue();
time_in = time_in.split(" ");
return time_in[1];
}
},
{title:"Time Out", field:"time_out", align:"center", width:100,
formatter:function(cell, formatterParams){
var time_out = cell.getValue();
time_out = time_out.split(" ");
return time_out[1];
}
},
{title:"Total", field:"et", align:"center", width:100,
formatter:function(cell, formatterParams){
var hr_total = cell.getValue();
if (hr_total) {
return hr_total + " hrs";
}
}
},
{title:"Project", field:"project_id", align:"center", width:125, editor:projectEditor, headerFilter:true},
{title:"Comments", field:"comment", formatter:"textarea", headerFilter:"input"}
]
});
$("#individual_history").tabulator("setData", obj);
}
}); // tabulator
} // if contact_id
//cell - the cell component for the editable cell
//onRendered - function to call when the editor has been rendered
//success - function to call to pass the succesfully updated value to Tabulator
//cancel - function to call to abort the edit and return to a normal cell
//editorParams - editorParams object set in column defintion
//var dayEditor =
function dayEditor(cell, onRendered, success, cancel, editorParams){
//create and style editor
var editor = $("<select><option value=''></option>" +
"<option value='Monday'>Monday</option>" +
"<option value='Tuesday'>Tuesday</option>" +
"<option value='Wednesday'>Wednesday</option>" +
"<option value='Thursday'>Thursday</option>" +
"<option value='Friday'>Friday</option>" +
"<option value='Saturday'>Saturday</option>" +
"<option value='Sunday'>Sunday</option>" +
"</select>"
);
editor.css({
"padding":"3px",
"width":"100%",
"box-sizing":"border-box",
});
//Set value of editor to the current value of the cell
editor.val(cell.getValue());
//set focus on the select box when the editor is selected (timeout allows for editor to be added to DOM)
onRendered(function(){
editor.focus();
});
//when the value has been set, trigger the cell to update
editor.on("change blur", function(e){
success(editor.val());
});
//return the editor element
return editor;
} // date editor
function projectEditor(cell, onRendered, success, cancel, editorParams){
var projects;
$.post("json/reports.php", { projects: 1 }, function (data) {
var obj = $.parseJSON(data);
projects = "<select>";
$.each(obj, function(k,v) {
projects += "<option value='" + v.project_id + "'>" + v.project_id + "</option>";
});
projects += "</select>";
});
//create and style editor
var editor = $(projects);
editor.css({
"padding":"3px",
"width":"100%",
"box-sizing":"border-box",
});
//Set value of editor to the current value of the cell
editor.val(cell.getValue());
//set focus on the select box when the editor is selected (timeout allows for editor to be added to DOM)
onRendered(function(){
editor.focus();
});
//when the value has been set, trigger the cell to update
editor.on("change blur", function(e){
success(editor.val());
});
//return the editor element
return editor;
} // project editor
function statusEditor(cell, onRendered, success, cancel, editorParams){
var projects;
$.post("json/reports.php", { roles: 1 }, function (data) {
var obj = $.parseJSON(data);
projects = "<select>";
$.each(obj, function(k,v) {
projects += "<option value='" + v.shop_user_role_id + "'>" + v.shop_user_role_id + "</option>";
});
projects += "</select>";
});
//create and style editor
var editor = $(projects);
editor.css({
"padding":"3px",
"width":"100%",
"box-sizing":"border-box",
});
//Set value of editor to the current value of the cell
editor.val(cell.getValue());
//set focus on the select box when the editor is selected (timeout allows for editor to be added to DOM)
onRendered(function(){
editor.focus();
});
//when the value has been set, trigger the cell to update
editor.on("change blur", function(e){
success(editor.val());
});
//return the editor element
return editor;
} // project editor
});