/* $This file is distributed under the terms of the license in /doc/license.txt$ */

var addTerminologyForm = {

    /* *** Initial page setup *** */
   
    onLoad: function() {
        
        if (this.disableFormInUnsupportedBrowsers()) {
            return;
        }        
        this.mixIn();
        this.initObjects();    
        this.initPage();
    },

    disableFormInUnsupportedBrowsers: function() {       
        var disableWrapper = $('#ie67DisableWrapper');
        
        // Check for unsupported browsers only if the element exists on the page
        if (disableWrapper.length) {
            if (vitro.browserUtils.isIELessThan8()) {
                disableWrapper.show();
                $('.noIE67').hide();
                return true;
            }
        }            
        return false;      
    },

    mixIn: function() {
        // Mix in the custom form utility methods
        $.extend(this, vitro.customFormUtils);
        
        // Get the custom form data from the page
        $.extend(this, customFormData);
        //test
        alert(addTerminologyForm.UMLSCUIURL);
        alert(addTerminologyForm.dataServiceUri);
    },
    // On page load, create references for easy access to form elements.
    initObjects: function() {
        
        this.form = $('#addTerminologyForm');
        this.showFormButtonWrapper = $('#showAddForm');
        this.submit = this.form.find(':submit');
        this.cancel = this.form.find('.cancel'); 
        //Add term
        this.addTermButton = $('#showAddFormButton');
        //section where results should be displayed
        this.selectedTerm = $('#selectedTerm');
        //input for search term form
        this.searchTerm = $('#searchTerm');
        this.searchSubmit = $('#searchButton');
        //Hidden inputs for eventual submission
        this.referencedTerm = $('#referencedTerm');
        this.entryTerm = $('#entryTerm');
        this.termLabel = $('#termLabel');
        this.termType = $('#termType');
        this.removeTermLinks = $('a.remove');
    },
    
    initPage: function() {
    	this.initTermData();
        this.bindEventListeners();
              
    },
    bindEventListeners: function() {
    	this.searchSubmit.click(function() {
            addTerminologyForm.submitSearchTerm();
            return false;
         });
    	
    	this.form.submit(function() {
			return addTerminologyForm.prepareSubmit(); 
        });     
    	
    	this.addTermButton.click(function() {
    		addTerminologyForm.initForm();
    		
    	});
    	 this.removeTermLinks.click(function() {
             addTerminologyForm.removeExistingTerm(this);
             return false;
         });
    },
    initForm: function() {
        // Hide the button that shows the form
        this.showFormButtonWrapper.hide(); 
        this.clearSearchResults();

        this.cancel.unbind('click');
        this.cancel.bind('click', function() {
        	//show only list of existing terms and hide adding term form
            addTerminologyForm.showTermListOnlyView();
            return false;
        });  

        // Show the form
        this.form.show();                 
    },   
 // On page load, associate data with each existing term  element. Then we don't
    // have to keep retrieving data from or modifying the DOM as we manipulate the
    // authorships.
    initTermData: function() {
        $('.existingTerm').each(function(index) {
            $(this).data(existingTermsData[index]);    
            $(this).data('position', index+1);      
        });
    },
    clearSearchResults:function() {
    	$('#selectedTerm').empty();
    },
    showTermListOnlyView: function() {
        this.hideForm();
        this.showFormButtonWrapper.show();
    },
    submitSearchTerm: function() {
    	//Get value of search term
    	var searchValue = this.searchTerm.val();
    	this.entryTerm.val(searchValue);
    	var dataServiceUrl = addTerminologyForm.dataServiceUrl + "?searchTerm=" + encodeURIComponent(searchValue);
        $.getJSON(dataServiceUrl, function(results) {
            if ( results.All.length == 0 ) {
            } else {
                //update existing content type with correct class group name and hide class group select again
                var bestMatchResults = results["Best Match"];
                var numberMatches = bestMatchResults.length;
                var i;
                //For each result, display
                var htmlAdd = "";
                if(numberMatches > 0) {
                	htmlAdd = "<ul class='dd' id='terms' name='terms'>";
                	htmlAdd+= addTerminologyForm.addResultsHeader();
	                for(i = 0; i < numberMatches; i++) {
	                	var termResult = bestMatchResults[i];
	                	var CUI = termResult.CUI;
	                	var label = termResult.label;
	                	var definition = termResult.definition;
	                	var type = termResult.type;
	                	var cuiURI = addTerminologyForm.UMLSCUIURL + CUI;
	                	htmlAdd+= addTerminologyForm.generateIndividualTermDisplay(cuiURI, label, definition, type);
	                }
	                htmlAdd+= "</ul>";
                } else {
                	htmlAdd+= "<p>No search results found.</p>";
                }
            	$('#selectedTerm').html(htmlAdd);
            }
   
          });
    },
    addResultsHeader:function() {
    	var htmlAdd = "<li class='terminology'><div class='row'><span class='column termLabel'>Label (Type) </span><span class='column termDefinition'>Definition</span></div></li>";
    	return htmlAdd;
    },
    hideSearchResults:function() {
    	this.selectedTerm.hide();
    },
    prepareSubmit:function() {
    	var checkedElements = $("#CUI:checked");
    	var i;
    	var len = checkedElements.length;
    	var checkedTerm, checkedTermElement, termLabel, termType;
    	var referencedTerms = [];
    	var termLabels = [];
    	var termTypes = [];
    	
    	checkedElements.each(function() {
    		checkedTermElement = $(this);
    		checkedTerm = checkedTermElement.val();
    		termType = checkedTermElement.attr("termType");
    		termLabel = checkedTermElement.attr("label");
    		referencedTerms.push(checkedTerm);
    		termLabels.push(termLabel);
    		termTypes.push(termType);
    	});
    	this.referencedTerm.val(referencedTerms);
    	this.termLabel.val(termLabels);
    	this.termType.val(termTypes);
    	return true;
    }, 
    generateIndividualTermDisplay: function(cuiURI, label, definition, type) {
    	var htmlAdd = "<li class='terminology'>" + 
    	"<div class='row'>" + 
    	"<span class='column termLabel'>" +
    	"<input type='checkbox'  id='CUI' name='CUI' value='" + cuiURI + "' label='" + label + "' termType='" + type + "'/>" + 
    	label + "( " + type + ")</span>" + 
    	"<span class='column termDefinition'>" + definition + "</span>" + 
    	"</div>" +  
    	"</li>";	
    	return htmlAdd;
    }, removeExistingTerm: function(link) {
        var removeLast = false,
            message = 'Are you sure you want to remove this term?';
            
        if (!confirm(message)) {
            return false;
        }
        
        if ($(link)[0] === $('.remove:last')[0]) {
            removeLast = true;
        } 
        
        $.ajax({
            url: $(link).attr('href'),
            type: 'POST', 
            data: {
                deletion: $(link).parents('.existingTerm').data('termNodeUri')
            },
            dataType: 'json',
            context: link, // context for callback
            complete: function(request, status) {
                var existingTerm,
                    termNodeUri;
            
                if (status === 'success') {
                    
                    existingTerm = $(this).parents('.existingTerm');
                    existingTerm.fadeOut(400, function() {
                        var numTerms;
                        // For undo link: add to a deletedAuthorships array
                        // Remove from the DOM                       
                        $(this).remove();
                        // Actions that depend on the author having been removed from the DOM:
                        numTerms = $('.existingTerm').length; // retrieve the length after removing authorship from the DOM        
                    });

                } else {
                    alert('Error processing request: author not removed');
                }
            }
        });        
    }
};

$(document).ready(function() {   
    addTerminologyForm.onLoad();
});