//= require tinymce
/*
**Project: DMPRoadmap
**Description: This file include all javascript regarding admin interface
**Copyright: Digital Curation Centre and University of California Curation Center
*/


$( document ).ready(function() {

	if($('.in').length > 0) {
		if ($('.in .current_question').length > 0) {
			$(document.body).animate({
				'scrollTop': $('.in .current_question').offset().top
			}, 1000);
		}
		else {
			$(document.body).animate({
				'scrollTop': $('.in').offset().top
			}, 1000);
		}
	}

	//set the tinymce popover help text
	$(".template_desc_popover, .phase_desc_popover, .version_desc_popover, .section_desc_popover, .question_format_popover," +
			" .default_answer_popover, .suggested_answer_popover, .question_guidance_popover, .question_themes_popover," +
			" .question_options_popover, .guidance_group_title_popover, .guidance_group_template_popover," +
			" .guidance_group_subset_popover, .guidance_text_popover, .guidance_apply_to_popover, .guidance_by_themes_popover," +
			" .guidance_by_question_popover, .guidance_group_select_popover, .org_abbr_popover").on('click', function(e) {
	    e.preventDefault();
	}).popover();

	//show or hide divs based on what the user selects from the question format. New question
	$('.ques_format').on("change", function(e) {
		var s_id = $(this).prev(".section_id").val();

		var selected_format = $('#new-select-format-'+ s_id).val();

		//text area
		if (selected_format == 1){
			$("#new-options-"+ s_id).hide();
			$("#new-default-text-field-"+ s_id).hide();
			$("#new-default-text-area-"+ s_id).show();
			$("#new-default-value-field-"+ s_id).show();
		}
		//text field
		else if (selected_format == 2){
			$("#new-options-"+ s_id).hide();
			$("#new-default-text-field-"+ s_id).show();
			$("#new-default-value-field-"+ s_id).show();
			$("#new-default-text-area-"+ s_id).hide();
		}
		//checkbox,radio button, dropdown, multi select
		else if (selected_format == 3 ||selected_format == 4 || selected_format == 5 || selected_format == 6){
			$("#new-options-"+ s_id).show();
			$("#new-default-text-field-"+ s_id).hide();
			$("#new-default-text-area-"+ s_id).hide();
			$("#new-default-value-field-"+ s_id).hide();
		}
		delete selected_format;
	}).trigger('change');


	//show or hide divs based on what the user selects from the question format
	$('.ques_format').on("change", function(e) {
		var q_id = $(this).find('.quest_id').val();

		var selected_format = $('#'+ q_id +'-select-format').val();
		//text area
		if (selected_format == 1){
			$("#options-"+ q_id).hide();
			$("#default-text-field-"+ q_id).hide();
			$("#default-text-area-"+ q_id).show();
			$("#default-value-field-"+ q_id).show();
		}
		//text field
		else if (selected_format == 2){
			$("#options-"+ q_id).hide();
			$("#default-text-field-"+ q_id).show();
			$("#default-value-field-"+ q_id).show();
			$("#default-text-area-"+ q_id).hide();
		}
		//checkbox,radio button, dropdown, multi select
		else if (selected_format == 3 ||selected_format == 4 || selected_format == 5 || selected_format == 6){
			$("#options-"+ q_id).show();
			$("#default-text-field-"+ q_id).hide();
			$("#default-text-area-"+ q_id).hide();
			$("#default-value-field-"+ q_id).hide();
		}
		delete selected_format;
		delete q_id;
	}).trigger('change');


	//Code to show/hide divs on new guidance (by themes or by question)
/*	$('#g_options').on("change", function (){
		var g_t_q = $(this).val();

		e_g_q_f = $("#edit_guid_ques_flag").val();

		if (g_t_q == 1){
			$(".guindace_by_question").hide();
			$(".guindance_by_theme").show();
		}
		else if (g_t_q == 2){
			$(".guindace_by_question").show();
			$(".guindance_by_theme").hide();
		}

	}).trigger('change');
*/

	//filter from template to question 5 dropdowns
/*	 $('#templates_select').change(function() {
	 	$.ajax({
	 		type: 'GET',
 			url: "update_phases",
 			dataType: 'script',
			data: {
 				dmptemplate_id : $('#templates_select').val()
 			}
	 	});
	 	$('#phases_select').show();
	 	//$('#versions_select').hide();
	 	//$('#sections_select').hide();
	 	//$('#questions_select').hide();
        return false;
	 });
	 $('#phases_select').change(function() {
		 	$.ajax({
		 		type: 'GET',
	 			url: "update_versions",
	 			dataType: 'script',
				data:  {
	 				phase_id : $('#phases_select').val()
	 			}
		 	});
		 	//$('#phases_select').show();
		 	$('#versions_select').show();
		 	//$('#sections_select').hide();
		 	//$('#questions_select').hide();
            return false;
		 });
	 $('#versions_select').change(function() {
		 $.ajax({
		 		type: 'GET',
	 			url: "update_sections",
	 			dataType: 'script',
				data:  {
	 				version_id : $('#versions_select').val()
	 			}
		 	});
		 	//$('#phases_select').show();
		 	//$('#versions_select').show();
		 	$('#sections_select').show();
		 	//$('#questions_select').show();
            return false;
		 });
	 $('#sections_select').change(function() {
		 	$.ajax({
		 		type: 'GET',
	 			url: "update_questions",
	 			dataType: 'script',
				data:  {
	 				section_id : $('#sections_select').val()
	 			}
		 	});
		 	//$('#phases_select').show();
		 	//$('#versions_select').show();
		 	//$('#sections_select').show();
		 	$('#questions_select').show();
		 });
*/

	 //action for show or hide template editing display
	 $('#edit_template_button').click(function(e){
		 e.preventDefault();

		 $('#edit_template_div').show();
		 $('#show_template_div').hide();
	 });


	 //action for show or hide phase display
	 $('#edit_phase_button').click(function(e){
		 e.preventDefault();
		 $('#edit_phase_div').show();
		 $('#show_phase_div').hide();
	 });

	 //action to hide the alert to edit a version
	 $("#edit-version-confirmed").click(function (e){
		 $("#version_edit_alert").modal("hide");
	 });

	 //action to clone/add a version
	 $("#clone-version-confirmed").click(function (){
		$("#new_project").submit();
	 });

	 //action for show question editing display
	 $('.edit_question_button').click(function(e){
		 var q_id = $(this).prev(".question_id").val();
		 $('#edit_question_div_'+ q_id).show();
		 $('#show_question_div_'+ q_id).hide();
		 e.preventDefault();
	 });


	$(".cancel_edit_question").click(function(e){
		 var q_id = $(this).prev(".question_id").val();
		 $('#edit_question_div_'+ q_id).hide();
		 $('#show_question_div_'+ q_id).show();
		 e.preventDefault();
	 });

	 //action for adding a new question
	 $('.add_question_button').click(function(e){
         var s_id = $(this).prev(".section_id").val();
         $('#add_question_block_div_'+ s_id).show();
         $('#add_question_button_div_'+ s_id).hide();
         e.preventDefault();

	 });

    //if question text area is empty send alert
    $('.new_question_save_button').click(function(e){
        var s_id = $(this).prev(".section_id").val();
        if ($('#new_question_text_'+ s_id).val() == ''){
            alert(__('Question text is empty, please enter your question.'));
            return false;
        }
    });

	 //action for cancelling a new question
	 $('.cancel_add_new_question').click(function(e){
        var s_id_new = $(this).prev(".section_id_new").val();
        $('#add_question_block_div_'+ s_id_new).hide();
        $('#add_question_button_div_'+ s_id_new).show();
        e.preventDefault();
	 });

	 //action for adding a new section
	 $('#add_section_button').click(function(e){
		 $('#add_section_block_div').show();
		 $('#add_section_button_div').hide();
		 e.preventDefault();
	 });


	 //action for cancelling a new section
	 $('#cancel_add_section').click(function(e){
		 $('#add_section_block_div').hide();
		 $('#add_section_button_div').show();
		 e.preventDefault();
	 });

	//SUGGESTED ANSWERS
	//action for adding a new suggested answer
	 $('.add_suggested_answer_button').click(function(e){
		 var q_id = $(this).prev(".question_id").val();

		 $('#add_suggested_answer_block_'+ q_id).show();
		 $('#add_suggested_answer_button_'+ q_id).hide();
		 e.preventDefault();
	 });

	 //cancelling edit of a suggested answer
	 $(".cancel_edit_suggested_answer").click(function(e){
		 var q_id = $(this).prev(".question_id").val();
		 $('#edit_suggested_answer_div_'+ q_id).hide();
		 $('#show_suggested_answer_div_'+ q_id).show();
		 e.preventDefault();
	 });

	 //edit a suggested answer
	 $('.edit_form_for_suggested_answer').click(function(e){
		 var q_id = $(this).prev(".question_id").val();
		 $('#edit_suggested_answer_div_'+ q_id).show();
		 $('#show_suggested_answer_div_'+ q_id).hide();
		 e.preventDefault();
	 });

     //GUIDANCE
	//action for adding a new guidance next to the question
	 $('.add_guidance_button').click(function(e){
		 var q_id = $(this).prev(".question_id").val();
		 $('#add_guidance_block_'+ q_id).show();
		 $('#add_guidance_button_'+ q_id).hide();
		 e.preventDefault();
	 });

	 //cancelling edit of guidance next to the question
	 $(".cancel_guidance_answer").click(function(e){
		 var q_id = $(this).prev(".question_id").val();
		 $('#edit_guidance_div_'+ q_id).hide();
		 $('#show_guidance_div_'+ q_id).show();
		 e.preventDefault();
	 });

	 //edit guidance next to the question
	 $('.edit_form_for_guidance').click(function(e){
		 var q_id = $(this).prev(".question_id").val();
		 $('#edit_guidance_div_'+ q_id).show();
		 $('#show_guidance_div_'+ q_id).hide();
		 e.preventDefault();
	 });


    //Add new guidance Alerts
    $("#return_to_new_guidance").click(function(){
        $('#new_guidance_alert_dialog').modal("hide");
    });

// TODO: This seems to duplicate the functionality in #edit_guidance_submit
    $('#new_guidance_submit').click( function(e){
       // $('#new_guidance_alert_dialog').on("hide", function(){

        var alert_message = [];
        //verify if text area is not nil
        var editorContent = tinyMCE.get('guidance-text').getContent();
        if (editorContent == ''){
            alert_message.push(__('add guidance text'));
        }
        //verify if themes are selected
        if($('#guidance_theme_ids').val() == undefined || $('#guidance_theme_ids').val() == ''){
          alert_message.push(__('select at least one theme'));
        }
        //verify if guidance group is selected
        if ( ($('#guidance_guidance_group_id').val() == '') || $('#guidance_guidance_group_id').val() == undefined ) {
            alert_message.push(__('select a guidance group'));
        }
        if(alert_message.length == 0){
            //clear dropdowns before submission
            $('#new_guidance_alert_dialog').modal("hide");

            if ($('#g_options').val() == '2'){
                $('#guidance_theme_ids').val(null);
            }
            if($('#g_options').val() == '1'){
                $('#questions_select').val(null);
            }
            $('#new_guidance_form').submit();
           return false;

        }
        else if (alert_message.length != 0){
            var message = '';
            $('#new_guidance_alert_dialog').on("show", function(){

                $("#missing_fields_new_guidance").empty();
                $.each(alert_message, function(key, value){
                    message += "<li> "+value+"</li>";
                });
                $("#missing_fields_new_guidance").append(message);
            });
            delete message;
        }
        delete alert_message;
        e.preventDefault();
    });

    //edit guidance alerts
    $("#return_to_edit_guidance").click(function(){
        $('#edit_guidance_alert_dialog').modal("hide");
    });


    $('#edit_guidance_submit').click( function(e){
       // $('#new_guidance_alert_dialog').on("hide", function(){

        var alert_message = [];
        //verify if text area is not nil
        var editorContent = tinyMCE.get('guidance-text').getContent();
        if (editorContent == ''){
            alert_message.push(__('add guidance text'));
        }
        //verify dropdown with questions has a selected option if guidance for a question being used
        if($('#guidance_theme_ids').val() == undefined || $('#guidance_theme_ids').val() == ''){
          alert_message.push(__('select at least one theme'));
        }
        //verify if guidance group is selected
        if ( ($('#guidance_guidance_group_id').val() == '') || $('#guidance_guidance_group_id').val() == undefined  ) {
            alert_message.push(__('select a guidance group'));
        }

        if(alert_message.length == 0){
            //clear dropdowns before submission
            $('#edit_guidance_alert_dialog').modal("hide");

            if ($('#g_options').val() == '2'){ $('#guidance_theme_ids').val(null);}
            if($('#g_options').val() == '1'){$('#questions_select').val(null);}
            $('#edit_guidance_form').submit();
           return false;
        }
        else if (alert_message.length != 0){
            var message = '';
            $('#edit_guidance_alert_dialog').on("show", function(){

                $("#missing_fields_edit_guidance").empty();
                $.each(alert_message, function(key, value){
                    message += "<li> "+value+"</li>";
                });
                $("#missing_fields_edit_guidance").append(message);
            });
            delete message;
        }
        delete alert_message;
        e.preventDefault();
    });


    //Validate banner_text area for less than 165 character
    $("form#edit_org_details").submit(function(){
        if (getStats('org_banner_text').chars > 165) {
            alert(__('Please only enter up to 165 characters, you have used') + " " + getStats('org_banner_text').chars + ". " + __('If you are entering an URL try to use something like http://tinyurl.com/ to make it smaller.'));
            return false;
        }
    });




 });


//remove option when question format is base on a choice
function remove_object(link){
	$(link).prev("input[type=hidden]").val("1");
	$(link).closest(".options_content").hide();

}
function add_object(link, association, content) {
    var new_id = new Date().getTime();
    var regexp = new RegExp("new_" + association, "g");

    if (association == 'options') {
        $(link).parent().children('.options_table').children('.options_tbody').children('.new_option_before').before(content.replace(regexp, new_id));
    }
}

// Returns text statistics for the specified editor by id
function getStats(id) {
    var body = tinymce.get(id).getBody(), text = tinymce.trim(body.innerText || body.textContent);

    return {
        chars: text.length
    };
}