acaresydney_ts/js/bts_timesheet.js

(function ($) {
    $(function () {
/*____________________________________________________________________________________*/    	
    	class People{
    		constructor(selector, data){
    			this.selector = selector;
    			this.data = data;
    			this.template = '#people_template';
//            	this.sample_people = {
//                		login: '01515b52-6936-46b2-a000-9ad4cd7a5b50',
//                		firstname: "first",
//                		lastname: "last",
//                		phone: '041122221',
//                		email: 'abc@gmail.com',
//                		pay: 0,
//                		hour: 12,
//                		OT: 3,
//                		petrol: 50,
//                		rating: 1,
//                	};    	
            	this.load_data(this.data);
    		}
    		
    		load_data(data){
    			var template = $(this.template).html(); 
    			var html = Mustache.render(template, data);
    			$(this.selector).html(html);
    			//save it
    			$(this.selector).data(data);
    			//draw rating star
    			this.set_ratings(this.data.rating);
    			this.set_unconfirmed_job(this.data.unconfirmedjob);
    		}
    		
    		set_ratings(num){
    			for (var i=1; i<= 5; i++){
    				if (i <=num){
    	    			$(this.selector + " div[name='rating'] span:nth-child(" +i+ ")").addClass('checked');
    				}else{
    					$(this.selector + " div[name='rating'] span:nth-child(" +i+ ")").removeClass('checked');
    				}
    			}
    			this.data.rating = num;
    		}
    		
    		set_unconfirmed_job(num){
    			if( num == 0 )
    				$(this.selector + " span[name='badge']").hide();
    			else
    				$(this.selector + " span[name='badge']").show();
    			this.data.unconfirmedjob = num;
    		}
    		
    	}//end of class People
    	
		function bts_people_html(data){
			var template = $('#people_template').html(); 
			var head = '<div class="peopleitem" id="p'+ data.login +'">';
			r = head + '</div>' ;
			return r;
		}
    	
		function sample_staff(){
	        for (var i=1; i<100; i++){
	        	var sample_people = {
	            		login: '01515b52-6936-46b2-a000-9ad4cd7a5b50' +i,
	            		firstname: "first"+i,
	            		lastname: "last",
	            		mobile: '041122221' +i,
	            		email: 'abc@gmail.com' + i,
	            		wages: 0,
	            		hour: i,
	            		OT: 3,
	            		petrol: 50 +i,
	            		rating: Math.floor(Math.random() * Math.floor(5)),
	            		unconfirmedjob: Math.floor(Math.random() * Math.floor(30)),
	            	};
	            var html = bts_people_html(sample_people);
	            jQuery('div.stafflist').append(html);
	            new People("#p" + sample_people.login, sample_people);
	        }
		}
	    function list_staff() {
            $.post(bts().ajax_url, { // POST request
                _ajax_nonce: bts().nonce, // nonce
                action: "list_staff", // action
            }, function(response,  status, xhr){
            	if (response.status =='success'){
            		response.staff.forEach(function(staff){
        	            var html = bts_people_html(staff);
        	            jQuery('div.stafflist').append(html);
        	            new People("#p" + staff.login, staff);
            		});
            	}else{
            		alert('error getting staff list');
            	}
            });	                	
	    }
		function init_ts(){
			list_staff();
		}
		init_ts();
/*________________________________________________________________________*/    	
    });
})(jQuery);