| 14509 |
anikendra |
1 |
<?php echo $this->Html->css('fineuploader-3.6.0');?>
|
|
|
2 |
<style>
|
|
|
3 |
/* Fine Uploader
|
|
|
4 |
-------------------------------------------------- */
|
|
|
5 |
.qq-upload-list {
|
|
|
6 |
text-align: left;
|
|
|
7 |
}
|
|
|
8 |
/* For the bootstrapped demos */
|
|
|
9 |
li.alert-success {
|
|
|
10 |
background-color: #DFF0D8;
|
|
|
11 |
}
|
|
|
12 |
li.alert-error {
|
|
|
13 |
background-color: #F2DEDE;
|
|
|
14 |
}
|
|
|
15 |
.alert-error .qq-upload-failed-text {
|
|
|
16 |
display: inline;
|
|
|
17 |
}
|
|
|
18 |
.medium_image_wrapper{
|
|
|
19 |
margin-top: 50px;
|
|
|
20 |
}
|
|
|
21 |
</style>
|
|
|
22 |
<div class="container">
|
|
|
23 |
<div class="row">
|
|
|
24 |
<div class="col-lg-3">
|
|
|
25 |
<?php echo $this->Element('adminactions');?>
|
|
|
26 |
</div>
|
|
|
27 |
<div class="col-lg-9">
|
|
|
28 |
<div class="row">
|
|
|
29 |
<div class="col-lg-6">
|
|
|
30 |
<div class="medium_image_wrapper">
|
|
|
31 |
<div id="bootstrapped-fine-uploader"></div>
|
|
|
32 |
<div class="preview_wrapper"></div>
|
|
|
33 |
</div>
|
|
|
34 |
</div>
|
|
|
35 |
<div class="col-lg-6">
|
|
|
36 |
<?php echo $this->Form->create('Campaign',array('class'=>'form')); ?>
|
|
|
37 |
<fieldset>
|
|
|
38 |
<legend><?php echo __('New Campaign'); ?></legend>
|
|
|
39 |
<?php
|
|
|
40 |
echo $this->Form->input('name',array('label'=>'Text','type'=>'textarea','class'=>'form-control'));
|
|
|
41 |
echo $this->Form->input('url', array('class' => 'form-control' ));
|
|
|
42 |
echo $this->Form->input('starttime');
|
|
|
43 |
echo $this->Form->input('endtime');
|
|
|
44 |
echo $this->Form->input('img_url',array('type'=>'hidden'));
|
|
|
45 |
$sizes = array('paused' => 'Paused', 'active' => 'Active', 'deleted' => 'Deleted');
|
|
|
46 |
echo $this->Form->input(
|
|
|
47 |
'status',
|
|
|
48 |
array('options' => $sizes, 'default' => 'active')
|
|
|
49 |
);
|
|
|
50 |
// echo $this->Form->input('clicks');
|
|
|
51 |
// echo $this->Form->input('src');
|
|
|
52 |
// echo $this->Form->input('description');
|
|
|
53 |
// echo $this->Form->input('celeb_id',array('value'=>$celebId,'type'=>'hidden'));
|
|
|
54 |
?>
|
|
|
55 |
</fieldset>
|
|
|
56 |
<?php echo $this->Form->end(__('Submit')); ?>
|
|
|
57 |
</div>
|
|
|
58 |
</div>
|
|
|
59 |
</div>
|
|
|
60 |
</div>
|
|
|
61 |
</div>
|
|
|
62 |
<script type="text/javascript">
|
|
|
63 |
var baseUrl = '<?php echo $base_url;?>';
|
|
|
64 |
</script>
|
|
|
65 |
<?php echo $this->Html->script('jquery.fineuploader-3.6.0.min');?>
|
|
|
66 |
<script type="text/javascript">
|
|
|
67 |
$().ready(function(){
|
|
|
68 |
$('#bootstrapped-fine-uploader').fineUploader({
|
|
|
69 |
request: {
|
|
|
70 |
endpoint: baseUrl+'campaigns/upload'
|
|
|
71 |
},
|
|
|
72 |
failedUploadTextDisplay: {
|
|
|
73 |
mode: 'custom',
|
|
|
74 |
maxChars: 40,
|
|
|
75 |
responseProperty: 'error',
|
|
|
76 |
enableTooltip: true
|
|
|
77 |
},
|
|
|
78 |
text: {
|
|
|
79 |
uploadButton: '<div><i class="icon-upload icon-white"></i>Upload</div>'
|
|
|
80 |
},
|
|
|
81 |
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>',
|
|
|
82 |
classes: {
|
|
|
83 |
success: 'alert alert-success',
|
|
|
84 |
fail: 'alert alert-error'
|
|
|
85 |
},
|
|
|
86 |
showMessage: function(message) {
|
|
|
87 |
// Using Bootstrap's classes
|
|
|
88 |
$('#bootstrapped-fine-uploader').append('<div class="alert alert-error">' + message + '</div>');
|
|
|
89 |
}
|
|
|
90 |
}).on('complete', function(event, id, fileName, responseJSON) {
|
|
|
91 |
if (responseJSON.success) {
|
|
|
92 |
$('#CampaignImgUrl').val(responseJSON.uploadName);
|
|
|
93 |
$('.preview_wrapper').html('<img class="img img-responsive" src="'+responseJSON.uploadName+'" alt="' + fileName + '">');
|
|
|
94 |
}
|
|
|
95 |
});
|
|
|
96 |
});
|
|
|
97 |
</script>
|