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');

	});

	$('.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 __('Edit 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'>

			<h2>Current Image</h2>

			<img src="<?php echo $Objects['img_url']?>" style="max-width:100%;">

		</div>

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

            <br><br>

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

                <fieldset>

                <?php

                   echo $this->Form->input('name',array('value'=>$Objects['name']));

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

                   echo $this->Form->input('template_id',array('type'=>'hidden','value'=>$Objects['template_id']));

                ?>

                <div id="template1" class="<?php if($Objects['template_id']==2):?><?php echo "hidden";?><?php endif;?>" >

                <?php

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

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

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

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

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

                ?>

                </div>

                <div class="<?php if($Objects['template_id']==1):?><?php echo "hidden";?><?php endif;?>" id="template2">                    

                    <?php echo $this->Form->input('link',array('value'=>$Objects['link']));?>                    

                </div>

                </fieldset>

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

        </div>

		</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>