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>