cancer_predict/app/assets/javascripts/cancer_predict.js

$(document).ready(function(){
	$('.cancer_help_btn').append('<i aria-hidden="true" class="fa fa-question"></i>');
	$('.cancer_help_btn').off("click").on('click',function(){
		var modal_head = "";
		try{ modal_head = $(this).parent().find(">label").html()}catch{};
		var modal_body = "";
		try{ modal_body = $(this).parent().find(">input.help_texts").attr('value')}catch{};
		$('#show_help_modal').html("<div class='modal-dialog'><div class='modal-content'><div class='modal-header'><button type='button' aria-hidden='true' class='close'>×</button><h4 class='modal-title'>"+modal_head+"</h4>"+
			"</div><div class='modal-body'>"+modal_body+"</div><div class='modal-footer'><button type='button' class='btn btn-default'>Close</button></div></div></div>")
		$('#show_help_modal').modal('show');
		$('#show_help_modal .close').off("click").on('click',function(){
			$('#show_help_modal').modal('hide');
		});
		$('#show_help_modal .modal-footer button').off("click").on('click',function(){
			$('#show_help_modal').modal('hide');
		});
	});
	$('.btn-add').click(function(){
		$(this).parent().find('.num_only').removeClass('cancertable_empty');
		if($(this).parent().find('.num_only').val()!=""){
			var input_value = Number($(this).parent().find('.num_only').val());
			if(Array.isArray($(this).parent().find('.num_only').data('range'))){
				var compare_value = $(this).parent().find('.num_only').data('range')[1];
				if(compare_value != undefined){
					if(input_value+1 <= Number(compare_value))
						$(this).parent().find('.num_only').val(input_value+1);
					else{
						input_value = $(this).parent().find('.num_only').data('range')[0];
						if(input_value != undefined)
							$(this).parent().find('.num_only').val(input_value);
					};
				}else{
					$(this).parent().find('.num_only').val(input_value+1);
				};
			};
		}else{
			try{
				var input_value = $(this).parent().find('.num_only').data('range')[0];
				if(input_value != undefined)
					$(this).parent().find('.num_only').val(input_value);
			}catch{
				$(this).parent().find('.num_only').val(0);
			};
		};
	});
	$('.btn-sub').click(function(){
		$(this).parent().find('.num_only').removeClass('cancertable_empty');
		if($(this).parent().find('.num_only').val()!=""){
			var input_value = Number($(this).parent().find('.num_only').val());
			if(Array.isArray($(this).parent().find('.num_only').data('range'))){
				var compare_value = $(this).parent().find('.num_only').data('range')[0];
				if(compare_value != undefined){
					if(input_value-1 >= Number(compare_value))
						$(this).parent().find('.num_only').val(input_value-1);
					else{
						input_value = $(this).parent().find('.num_only').data('range')[1];
						if(input_value != undefined)
							$(this).parent().find('.num_only').val(input_value);
					};
				}else{
					$(this).parent().find('.num_only').val(input_value-1);
				};
			};
		}else{
			try{
				var input_value = $(this).parent().find('.num_only').data('range')[1];
				if(input_value != undefined)
					$(this).parent().find('.num_only').val(input_value);
			}catch{
				$(this).parent().find('.num_only').val(0);
			};
		};
	});
	$('.cancer_table_btn').off('click').on('click',function(){
		var index = $(this).index()/2;
		try{
			$(this).parent().find('>input').attr('value',0);
			$(this).parent().find('>input').eq(index).attr('value',1);
			$(this).parent().find('>button').removeClass('active');
			$(this).parent().removeClass('cancertable_empty');
		}catch{};
		$(this).addClass('active');
	});
	$('#cancer_table_reset').click(function(){
		$('.cancer_table_btn').removeClass('active');
		$('.cancer-btn-group input').attr('value',0);
		$('.num_only').val('');
		$('#cancer_table .cancer_form_field').removeClass('cancertable_empty');
	});
	$('#cancer_table_submit').click(function(){
		var flag;
		flag = 1;
		for(var i = 0;i < $('#cancer_table .cancer_form_field').length;i++){
			if($('#cancer_table .cancer_form_field').eq(i).hasClass('num_only')){
				if($('#cancer_table .cancer_form_field').eq(i).val()==""){
					flag = 0;
					$('#cancer_table .cancer_form_field').eq(i).addClass('cancertable_empty');
				}else{
					$('#cancer_table .cancer_form_field').eq(i).removeClass('cancertable_empty');
				};
			}else{
				if($('#cancer_table .cancer_form_field').eq(i).find('[value="1"]').length == 0){
					flag = 0;
					$('#cancer_table .cancer_form_field').eq(i).addClass('cancertable_empty');
				}else{
					$('#cancer_table .cancer_form_field').eq(i).removeClass('cancertable_empty');
				}
			};
		}
		if(flag == 1){
			var post_json= {};
			for(var i = 0;i < $('#cancer_table .cancer_form_field').length;i++){
				var name = $('#cancer_table .cancer_form_field').eq(i).attr('id')
				if($('#cancer_table .cancer_form_field').eq(i).hasClass('num_only'))
					post_json[name] = $('#cancer_table .cancer_form_field').eq(i).val();
				else{
					var index = ($('#cancer_table .cancer_form_field').eq(i).find('[value="1"]').index()+1)/2;
					post_json[name] = index;
				};
			};
			var result = $.post("/cancerpredictResult",{"data":post_json});
			result.done(function(){
				var load_heml = $('#result_table_content').html(result.responseJSON.table);
				load_heml.ready(function(){
					$('#result_table_content .cancer_years').eq(0).addClass('active');
					$('.cancer_table_btn').off('click').on('click',function(){
						var index = $(this).index()/2;
						try{
							$(this).parent().find('>input').attr('value',0);
							$(this).parent().find('>input').eq(index).attr('value',1);
							$(this).parent().find('>button').removeClass('active');
							$(this).parent().removeClass('cancertable_empty');
						}catch{};
						$(this).addClass('active');
					});
				});
				load_heml = $('#result_text_content').html(result.responseJSON.texts);
				load_heml.ready(function(){
					$('#result_text_content .cancer_years').eq(0).addClass('active');
					$('.cancer_table_btn').off('click').on('click',function(){
						var index = $(this).index()/2;
						try{
							$(this).parent().find('>input').attr('value',0);
							$(this).parent().find('>input').eq(index).attr('value',1);
							$(this).parent().find('>button').removeClass('active');
							$(this).parent().removeClass('cancertable_empty');
						}catch{};
						$(this).addClass('active');
						$('.surgery_year').html($(this).html());
					});
				});
			})
		}
	});
	for(var i = 0;i < $('.result_tab').length;i++){
		$('.result_tab').eq(i).attr('index',i)
	};
	for(var i = 0;i < $('.result_content').length;i++){
		$('.result_content').eq(i).attr('index',i)
	};
	$('.result_tab').click(function(){
		var index = $(this).attr('index');
		$('.result_tab').removeClass('active');
		$(this).addClass('active');
		$('.result_content').css('display','none');
		$('.result_content[index="'+index+'"]').css('display','block');
	})
	$('.num_only').keypress(function(event){
		console.log(event.keyCode)
		return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false);
	});
	/*$('.num_only').attr("onpaste","{console.log(clipboardData.getData('text'));return !event.clipboardData.getData('text').match(/\D/)}");*/
	/*$('.num_only').keyup(function(){
		$(this).val($(this).val().replace(/\D/g,''));
	});*/
	for(var i=0;i<$('.num_only').length;i++)
		$('.num_only').eq(i).data('range')
});