add page completed with attributes and reordering
This commit is contained in:
		
							parent
							
								
									f27f96b994
								
							
						
					
					
						commit
						b5b416d531
					
				| 
						 | 
				
			
			@ -8,7 +8,6 @@ function checkQuestionsLength() {
 | 
			
		|||
	};
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
// Role Attribute Template Data
 | 
			
		||||
function setData(l, length, optionsI, className) {
 | 
			
		||||
	if(!optionsI) {
 | 
			
		||||
| 
						 | 
				
			
			@ -104,6 +103,15 @@ $(function() {
 | 
			
		|||
		event.preventDefault();
 | 
			
		||||
		/* Act on the event */
 | 
			
		||||
	});
 | 
			
		||||
	$(".questions").sortable({
 | 
			
		||||
		update : function ( event, ui ){
 | 
			
		||||
			$(".questions .attributes").each( function ( i ){
 | 
			
		||||
				$( this ).find( "input.sequence" ).val( i );
 | 
			
		||||
				$( this ).find( "h4 span:eq(0)" ).text( i + 1 );
 | 
			
		||||
				$( this ).attr( "data-index", i );
 | 
			
		||||
			})
 | 
			
		||||
		}
 | 
			
		||||
	});
 | 
			
		||||
 | 
			
		||||
	$('.questions').on(clickEvent, '.add-btn a, .remove-input, .delete, .attributes-header h4 i, .btn-group .btn', function(event) {
 | 
			
		||||
		if($(this).hasClass('remove-input')){
 | 
			
		||||
| 
						 | 
				
			
			@ -113,7 +121,7 @@ $(function() {
 | 
			
		|||
				$(this).remove();
 | 
			
		||||
				checkQuestionsLength();
 | 
			
		||||
				$('.questions > .attributes').each(function(index, el) {
 | 
			
		||||
					$(this).find('h4').find('span').text(index + 1);
 | 
			
		||||
					$(this).find('h4').find('span:eq(0)').text(index + 1);
 | 
			
		||||
				});
 | 
			
		||||
			});
 | 
			
		||||
		} else if($(this).hasClass('icon-caret-up') || $(this).hasClass('icon-caret-down')) {
 | 
			
		||||
| 
						 | 
				
			
			@ -129,13 +137,15 @@ $(function() {
 | 
			
		|||
				$tabPane = $(this).closest('.btn-group').siblings('.tab-content');
 | 
			
		||||
			$questionsTitle.text($tabPane.find('div').not('.active').children('input[type="text"]').val())
 | 
			
		||||
		} else {
 | 
			
		||||
			var _i = $('.questions .attributes').length,
 | 
			
		||||
			var _i = $(this).closest('.control-group').data('index') || 1,
 | 
			
		||||
				_className = $(this).closest('.control-group').attr('class').match(/options|rgl/g)[0],
 | 
			
		||||
				_index = $(this).closest('.attributes').data().index,
 | 
			
		||||
				_length = $(this).closest('.add-btn').siblings('.input-append').length;
 | 
			
		||||
				console.log(_i)
 | 
			
		||||
			$('#template-survery-option').tmpl(setData(_index, "", _i, _className)).insertBefore($(this).closest('.add-btn'));
 | 
			
		||||
			$(this).closest('.add-target').find('.input-append').find('.remove-input').removeClass('hide').prev().removeClass('last');
 | 
			
		||||
			_i += 1
 | 
			
		||||
			$(this).closest('.control-group').data('index', _i)
 | 
			
		||||
		}
 | 
			
		||||
		event.preventDefault();
 | 
			
		||||
	});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,7 +3,7 @@
 | 
			
		|||
    <div class="attributes-header clearfix">
 | 
			
		||||
      <a class="btn btn-mini pull-right btn-danger delete" href="#"><i class="icon-trash"></i> Delete</a>
 | 
			
		||||
      <input class="should_destroy" id="${_destroy[0]}" name="${_destroy[1]}" type="hidden">
 | 
			
		||||
       <input id="${_sequence[0]}" name="${_sequence[1]}" type="hidden" value="${_length - 1}">
 | 
			
		||||
       <input id="${_sequence[0]}" class="sequence" name="${_sequence[1]}" type="hidden" value="${_length - 1}">
 | 
			
		||||
      <h4><b></b> Q<span>${_length}</span> <i class="icon-caret-up"></i> <span class="questions-title"></span></h4>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="attributes-body">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue