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>
<div class="container">
        <div class="row">
                <div class="col-lg-3">
                        <?php echo $this->Element('adminactions');?>
                </div>
                <div class="col-lg-9">
                        <div class="row">
                                <div class="col-lg-6">
                                        <div class="medium_image_wrapper">
                                                <div id="bootstrapped-fine-uploader"></div>
                                                <div class="preview_wrapper"></div>
                                        </div>
                                </div>
                                <div class="col-lg-6">
                                <?php echo $this->Form->create('Campaign',array('class'=>'form')); ?>
                                        <fieldset>
                                                <legend><?php echo __('New Campaign'); ?></legend>
                                        <?php
                                                echo $this->Form->input('name',array('label'=>'Text','type'=>'textarea','class'=>'form-control'));
                                                echo $this->Form->input('store_id');
                                                echo $this->Form->input('url', array('class' => 'form-control' ));
                                                echo $this->Form->input('starttime');
                                                echo $this->Form->input('endtime');
                                                echo $this->Form->input('img_url',array('type'=>'hidden'));
                                                $sizes = array('paused' => 'Paused', 'active' => 'Active', 'deleted' => 'Deleted');
                                                echo $this->Form->input(
                                                    'status',
                                                    array('options' => $sizes, 'default' => 'active')
                                                );
                                                // echo $this->Form->input('clicks');
                                                // echo $this->Form->input('src');
                                                // echo $this->Form->input('description');
                                                // echo $this->Form->input('celeb_id',array('value'=>$celebId,'type'=>'hidden'));
                                        ?>
                                        </fieldset>
                                <?php echo $this->Form->end(__('Submit')); ?>
                                </div>
                        </div>
                </div>
        </div>
</div>
<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) {
                                $('#CampaignImgUrl').val(responseJSON.uploadName);
                                $('.preview_wrapper').html('<img class="img img-responsive" src="'+responseJSON.uploadName+'" alt="' + fileName + '">');
                        }
                });
        });
</script>