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>