api.js

$(function() {
    //Customize by setting base_url to cybercom/api docker application
    base_url = "/api";
    //No other alterations is need to get the standard applicaiton running!
    login_url = base_url + "/api-auth/login/?next=";
    logout_url = base_url + "/api-auth/logout/?next=";
    user_task_url = base_url + "/queue/usertasks/.json?page_size=10";
    user_url = base_url + "/user/?format=json";
    reader_url = base_url + "/etag/readers/.json?page_size=20";
    prevlink=null;nextlink=null;
    set_auth(base_url,login_url);
    $("#aprofile").click(function(){activaTab('profile')})
    $("#alogout").click(function(){window.location = logout_url.concat(document.URL);})
    load_task_history(user_task_url);
    $('#prevlink').click(function(){load_task_history(prevlink);});
    $('#nextlink').click(function(){load_task_history(nextlink);});
    Handlebars.registerHelper('json_metatags', function(context) {
      if (typeof context !== 'undefined') {
        return JSON.stringify(context).replace(/"/g,'').replace(/\[/g,'').replace(/\]/g,'').replace(/,/g,', ');
      }else{
        return ""
      }
    });
    load_home_panel();
    $('#submitButton').click("submitForm");
    //$('#reset_password').click(function(){$('#pass_form').toggle(!$('#pass_form').is(':visible'));});
    //$('#user_form').submit(function(){var formData = JSON.parse($("#user_form").serializeArray());console.log(formData);return false;})
  });//End of Document Ready

  function load_home_panel(){
  $('#home').empty();
  $.getJSON("/api/etag/readers/.json?page_size=20&ordering=reader_id", function(data) {
    reader_template = Handlebars.templates['tmpl-readers'];
    var context = {
      readers: data.results
    };
    $('#home').append(reader_template(context));
    $('#readers-container').change(function(){
      select_change($('#readers-container').val());
      reader_change($('#readers-container').val());
    });
    //code to select first item in the select box
    $('select option:first-child').attr("selected", "selected").change();
  });

  $('#tags').empty();
  $.getJSON("/api/etag/tags/.json?page_size=20&ordering=tag_id", function(data) {
    tags_template = Handlebars.templates['tmpl-tags'];
    var context = {
      readers: data.results
    };
    $('#tags').append(tags_template(context));
    $('#tags-container').change(function(){
      tags_form($('#tags-container').val());
      tags_change($('#tags-container').val());
    });
    $('select option:first-child').attr("selected", "selected").change();
  });
//################################################################################
//file upload functions begins here
$('#file_upload').empty();
  $.getJSON("/api/etag/tags/.json?page_size=20&ordering=tag_id", function(data) {
    file_template = Handlebars.templates['tmpl-file'];
    var context = {
      readers: data.results
    };
    $('#file_upload').append(file_template(context));
    $('#file-container').change(function(){
      file_form($('#file-container').val());
      file_change($('#file-container').val());
    });
   // $('select option:first-child').attr("selected", "selected").change();
  });
 
//file upload function ends here....  
  
};//load_home_panel() function ends here....

function form_submit(formName){
  data = $('#'+formName).serializeObject();
  console.log(data);
  if("latitude" in data){data.latitude=parseFloat(data.latitude)}
  if("longitude" in data){data.longitude=parseFloat(data.longitude)}
  $.postJSON(data.url, data, "PUT");
  return false;
};

//-----------------------------------------------------------------------------------
function form_submit_insert(formName){
  data = $('#'+formName).serializeObject();
  console.log('called again');
  url1='http://0.0.0.0/api/etag/reader_location/';
  console.log(data);
  //data = data.serializeObject();
  console.log('called again');
  //console.log(data.url);
  if("latitude" in data){data.latitude=parseFloat(data.latitude)}
  if("longitude" in data){data.longitude=parseFloat(data.longitude)}
  
  $.postJSON(url1, data, "POST");
  return false;
};
//=============================================================================================

function select_change(reader){
	$.getJSON("/api/etag/readers/" + reader + "/.json" , function(data){
                reader_form_template = Handlebars.templates['tmpl-readers-form'];
                $('#readers-form').empty();
                $('#readers-form').append(reader_form_template(data));
		//$.each(data, function(key, value){
	        //    $('[name='+key+']').val(value);
		//});
	});
};
function tags_form(tags){
	$.getJSON("/api/etag/tags/" + tags + "/.json" , function(data){
                tags_form_template = Handlebars.templates['tmpl-tags-form'];
                $('#tags-form').empty();
                $('#tags-form').append(tags_form_template(data));
		//$.each(data, function(key, value){
	        //    $('[name='+key+']').val(value);
		//});
	});
};

//-----------------------------
function file_form(file_upload){
	
	$.getJSON("/api/etag/tags/" + file_upload + "/.json" , function(data){
               // console.log(data)
                var f1 = Handlebars.templates['tmpl-file-form'];
                $('#file-form').empty();
                $('#file-form').append(f1(data));
                $('#submit_file_button').click(function(){
					file_upld('submit_file');
					});
                //$('#submit_file_button').click(function(){file_upld();
					//return false;
					//});
		//$.each(data, function(key, value){
	        //    $('[name='+key+']').val(value);
		//});
	});
};


function file_upld(formName){
	console.log('#'+formName);
	var form = document.getElementById('submit_file');
	
	var form_data = $('#'+formName).serializeObject();
	console.log('hello');
	console.log(form);
	console.log(form_data);
	
		/*$.ajax({
        url:'/api/etag/file-upload/',
        type:'post',
        //async:false,
        cache: false,
        dataType: 'json',
        data:form_data,
        enctype: 'multipart/form-data',
        processData: false,
        contentType: false,
        success:function(response){
            alert(response);
        },
        error: function(){
			alert("error in submission");
			}
        
    }); */
	
	return false;
		};
//------------------------------------------

function reader_change(reader){
  $('#grid-container').remove();
  $.getJSON("/api/etag/reader_location/.json?reader=" + reader, function(data){
    readers_table_template = Handlebars.templates['tmpl-readers-table'];
    var context = {
        results: data.results
    };
    $('#readers-table').empty();
    $('#readers-table').append(readers_table_template(context));
    //$('#grid-basic').append(dataTable);
  })
};

function lat_long_change(url) {
  $.getJSON(url, function(data){
    lat_long_template = Handlebars.templates['tmpl-location-popup'];
    //$('#modal2').modal("show");
    //console.log(JSON.stringify(data));
    $('#modal-lat-long').empty();
    $('#modal-lat-long').append(lat_long_template(data));
    });
};

function tags_change(tags){
  $('#tag-container').remove();
  $.getJSON("/api/etag/tag_animal/.json?tag=" + tags, function(data){
    tags_table_template = Handlebars.templates['tmpl-tags-table'];
    var context = {
        results: data.results
    };
    $('#tags-table').empty();
    $('#tags-table').append(tags_table_template(context));
    //$('#grid-basic').append(dataTable);
  })
};

//--------------------------------------------------------------
function file_change(file_upload){
  //$('#file-container').remove();
  $.getJSON("/api/etag/tag_animal/.json?tag=" + file_upload, function(data){
    var filetabletemplate = Handlebars.templates['tmpl-file-table'];
    var context = {
        results: data.results
    };
    $('#file-table').empty();
    $('#file-table').append(filetabletemplate(context));
    //$('#grid-basic').append(dataTable);
  })
};
//---------------------------------------------------------------

function tag_animal_change(url) {
  $.getJSON(url, function(data){
    tag_animal_template = Handlebars.templates['tmpl-animal-popup'];
    //$('#modal2').modal("show");
    //console.log(JSON.stringify(data));
    $('#modal-tag-animal').empty();
    $('#modal-tag-animal').append(tag_animal_template(data));
    });
};

function tag_animal_add() {
  //$.getJSON("/api/etag/tag_animal/.json?tag=" + tags, function(data){
    tag_animal_template = Handlebars.templates['tmpl-animal-popup'];
    //$('#modal2').modal("show");
    //console.log(JSON.stringify(data));
    $('#modal-animal').empty();
    $('#modal-animal').append(tag_animal_template());
    //});
};

function reader_add() {
  //$.getJSON("/api/etag/tag_animal/.json?tag=" + tags, function(data){
    location_template = Handlebars.templates['tmpl-location-popup'];
    //$('#modal2').modal("show");
    //console.log(JSON.stringify(data));
    $('#modal-location').empty();
    $('#modal-location').append(location_template());
    //});
};

function submit_user(){
    console.log(user_url)
    $.post( user_url,$('#user_form').serializeObject(),function(data){
        data.csrftoken = getCookie('csrftoken')
        $('#profile').empty();
        //source = $('#user-template').html()
        //user_template = Handlebars.compile(source);
        user_template = Handlebars.templates['tmpl-user']
        $('#profile').append(user_template(data))
        $('#user_form').hide()
        $('#view_form').show()
        $('#reset_password').click(function(){$('#pass_form').toggle(!$('#pass_form').is(':visible'));});
    })
    .fail(function(){ alert("Error Occured on User Update.")});
    //$('#user_form').hide()
    //$('#view_form').show()
    //var formData = JSON.parse($("#user_form").serializeArray());
    //console.log(formData);
    return false;
}
function edit_user(){
    $('#user_form').show()
    $('#view_form').hide()
    return false;
}
function set_password(){
    pass = $('#pass_form').serializeObject()
    if (pass.password !== pass.password2){
        alert("Passwords were not identical")
        return false;

    }
    $.post( user_url,$('#pass_form').serializeObject(),function(data){
        $('#reset_password').click(function(){$('#pass_form').toggle(!$('#pass_form').is(':visible'));});
        alert(JSON.stringify(data))
    })
    .fail(function(){ alert("Error Occured on Password Reset.")});
    return false;
}
function set_auth(base_url,login_url){
    $.getJSON( base_url + "/user/.json",function(data){
        $('#user').html(data['username'].concat( ' <span class="caret"></span> '));
        $("#user").append($('<img style="border-radius:80px;">').attr("src",data['gravator_url'] + "?s=40&d=mm") );
        data.csrftoken = getCookie('csrftoken')
        //source = $('#user-template').html()
        //user_template = Handlebars.compile(source);
        user_template = Handlebars.templates['tmpl-user']
        $('#profile').append(user_template(data))
        $('#user_form').hide()
        $('#view_form').show()
        $('#reset_password').click(function(){$('#pass_form').toggle(!$('#pass_form').is(':visible'));});
    })
    .fail(function() {
        var slink = login_url.concat(document.URL);
        window.location = slink
    });
}
function activaTab(tab){
    $('a[href="#' + tab + '"]').tab('show')
};
function load_task_history(url){
    $.getJSON(url, function(data){
    prevlink = data.previous;
    nextlink = data.next;
    if (prevlink == null){$('#li_prevlink').addClass("disabled");} else {$('#li_prevlink').removeClass("disabled");};
    if (nextlink == null){$('#li_nextlink').addClass("disabled");} else {$('#li_nextlink').removeClass("disabled");};
    setTaskDisplay(data);
    //source = $('#tr-template').html();
    //tr_template = Handlebars.compile(source);
    tr_template = Handlebars.templates['tmpl-tr']
    $('#result_tbody').html("")//clear table
    $.each(data.results, function(i, item) {
        temp=item.task_name.split('.')
        item['task_name']= temp[temp.length-1]
        item.timestamp = item.timestamp.substring(0,19).replace('T',' ')
        $('#result_tbody').append(tr_template(item))
    });
    });
}
function setTaskDisplay(data){
    if (data.count <= data.meta.page_size){
        $('#task_count').text('Task 1 - ' + data.count +  ' Total ' + data.count );
    }else{
        rec_start = data.meta.page_size*data.meta.page - data.meta.page_size +1;
        rec_end = "";
        if(data.meta.page_size*data.meta.page >= data.count){
            rec_end = data.count;
        }else{
            rec_end = data.meta.page_size*data.meta.page;
        }
        $('#task_count').text('Task ' + rec_start + ' - ' + rec_end  +  ' Total ' + data.count )
    }

}
function showResult(url){
    //myModalLabel -->title
    $.getJSON(url + ".json" , function(data){
        json_data = JSON.stringify(data,null, 4);
        $("#myModalbody").html(json_data);
        $("#myModalbody").urlize();
        $("#myModal").modal('show');
    });
}
jQuery.fn.urlize = function() {
    if (this.length > 0) {
        this.each(function(i, obj){
            // making links active
            var x = $(obj).html();
            var list = x.match( /\b(http:\/\/|www\.|http:\/\/www\.)[^ <]{2,200}\b/g );
            if (list) {
                for ( i = 0; i < list.length; i++ ) {
                    var prot = list[i].indexOf('http://') === 0 || list[i].indexOf('https://') === 0 ? '' : 'http://';
                    x = x.replace( list[i], "<a target='_blank' href='" + prot + list[i] + "'>"+ list[i] + "</a>" );
                }

            }
            $(obj).html(x);
        });
    }
};
$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};
function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) == (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
};
$.postJSON = function(url, data,method, callback,fail) {
    if (typeof method === "undefined" || method === null) {
        method = "POST";
    }
    return jQuery.ajax({
        'type': method,
        'url': url,
        'contentType': 'application/json',
        'data': JSON.stringify(data),
        'dataType': 'json',
        'success': callback,
        'error':fail,
        'beforeSend':function(xhr, settings){
            xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
        }
    });
};