Subversion Repositories SmartDukaan

<?php echo $this->Html->css('fineuploader-3.6.0');?>

 <style>

/* Fine Uploader

-------------------------------------------------- */

.qq-upload-list {

text-align: left;

}

/* For the bootstrapped demos */

li.alert-success {

background-color: #DFF0D8;

}

li.alert-error {

background-color: #F2DEDE;

}

.alert-error .qq-upload-failed-text {

display: inline;

}

.medium_image_wrapper{

	margin-top: 50px;

}

</style>

<script>

$(document).ready(function(){

	$('#preview').click(function(){

		var link1 = CKEDITOR.instances['ObjectsLink1'].getData();

		var link2 = CKEDITOR.instances['ObjectsLink2'].getData();

		var link3 = CKEDITOR.instances['ObjectsLink3'].getData();

		var link4 = CKEDITOR.instances['ObjectsLink4'].getData();

		var link5 = CKEDITOR.instances['ObjectsLink5'].getData();

		var img_url = $('#ObjectsImgUrl').val();

		var content = "<div class='row'><div class='col-xs-3'><img src="+img_url+" width='50px' height ='50px'></div><div class='col-xs-8'>"+link1+""+link2+""+link3+""+link4+""+link5+"</div><div class='col-xs-1 close'>X</div></div>";

		$('.text-center').empty();

		$('.text-center').append(content);

		$('#loadingModal').modal('show');

	});

	$('#select_temp input').on('change', function() {

	   if($('input[name="data[Objects][template_id]"]:checked').val() == 'template2')

	   {

	   	$('#template2').removeClass('hidden');

	   	$('#template1').addClass('hidden');

	   } 

	   if($('input[name="data[Objects][template_id]"]:checked').val() == 'template1')

	   {

	   	$('#template1').removeClass('hidden');

	   	$('#template2').addClass('hidden');

	   }

	});

	$('.close').click(function(){

		$('#loadingModal').modal('hide');

	});

});

</script>

<div class="modal fade" id="loadingModal">

  <div class="modal-dialog">

    <div class="modal-content">      

      <div class="modal-body">

        <div class="text-center">

        </div>        

      </div>      

    </div><!-- /.modal-content -->

  </div><!-- /.modal-dialog -->

</div>

<div class="container">

	<div class="row">

		<div class="col-lg-3">

			<?php echo $this->Element('adminactions');?>

		</div>

		<div class="col-lg-4">

			<legend><?php echo __('Add New Object'); ?></legend>

			<div class="medium_image_wrapper">

				<div id="bootstrapped-fine-uploader"></div>

				<div class="preview_wrapper"></div>

			</div>

			<input type= "button" value='Preview' id="preview" class='btn btn-primary'>

		</div>

		  <div class="col-lg-5">

			<br><br>

			<?php echo $this->Form->create('Objects'); ?>

				<fieldset>

                    <div id = 'select_temp'>

                        Select Template : 

                        <input type= "radio" name= "data[Objects][template_id]" value="template1" checked>Template1

                        <input type= "radio" name= "data[Objects][template_id]" value="template2" >Template2

                    </div>

				<?php

					echo $this->Form->input('name');

                    echo $this->Form->input('img_url',array('type'=>'hidden'));

				?>

                <div id="template1" class="">

				<?php

					echo $this->Form->input('link1',array('type'=>'textarea'));

					echo $this->Form->input('link2',array('type'=>'textarea'));

					echo $this->Form->input('link3',array('type'=>'textarea'));

					echo $this->Form->input('link4',array('type'=>'textarea'));

					echo $this->Form->input('link5',array('type'=>'textarea'));					

				?>

                </div>

                <div class="hidden" id="template2">

                    <?php

                        echo $this->Form->input('link');

                    ?>

                </div>

				</fieldset>

			<?php echo $this->Form->end(__('Submit')); ?>

		</div>		

	</div>

</div>

<script src="//cdn.ckeditor.com/4.5.2/full/ckeditor.js"></script>

<script type="text/javascript">

	CKEDITOR.replace( 'ObjectsLink1' );

	CKEDITOR.replace( 'ObjectsLink2' );

	CKEDITOR.replace( 'ObjectsLink3' );

	CKEDITOR.replace( 'ObjectsLink4' );

	CKEDITOR.replace( 'ObjectsLink5' );

</script>

<script type="text/javascript">

var baseUrl = '<?php echo $base_url;?>';

</script>

<?php echo $this->Html->script('jquery.fineuploader-3.6.0.min');?>

<script type="text/javascript">

	$().ready(function(){

		$('#bootstrapped-fine-uploader').fineUploader({

			request: {

				endpoint: baseUrl+'campaigns/upload'

			},

		 	failedUploadTextDisplay: {

				mode: 'custom',

				maxChars: 40,

				responseProperty: 'error',

				enableTooltip: true

			},

			text: {

				uploadButton: '<div><i class="icon-upload icon-white"></i>Upload</div>'

			},

			template: '<div class="qq-uploader span12">' + '<pre class="qq-upload-drop-area span12"><span>{dragZoneText}</span></pre>' + '<div class="qq-upload-button btn btn-success" style="width: auto;">{uploadButtonText}</div>' + '<span class="qq-drop-processing"><span>{dropProcessingText}</span><span class="qq-drop-processing-spinner"></span></span>' + '<ul class="qq-upload-list" style="margin-top: 10px; text-align: center;"></ul>' + '</div>',

			classes: {

				success: 'alert alert-success',

				fail: 'alert alert-error'

			},

			showMessage: function(message) {

				// Using Bootstrap's classes

				$('#bootstrapped-fine-uploader').append('<div class="alert alert-error">' + message + '</div>');

			}

		}).on('complete', function(event, id, fileName, responseJSON) {

			if (responseJSON.success) {

				$('#ObjectsImgUrl').val(responseJSON.uploadName);

				$('.preview_wrapper').html('<img class="img img-responsive" src="'+responseJSON.uploadName+'" alt="' + fileName + '">');

			}

		});

	});

</script>