| 17597 |
naman |
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 |
|
|
|
23 |
<script>
|
|
|
24 |
$(document).ready(function(){
|
|
|
25 |
$('#preview').click(function(){
|
|
|
26 |
var link1 = CKEDITOR.instances['ObjectsLink1'].getData();
|
|
|
27 |
var link2 = CKEDITOR.instances['ObjectsLink2'].getData();
|
|
|
28 |
var link3 = CKEDITOR.instances['ObjectsLink3'].getData();
|
|
|
29 |
var link4 = CKEDITOR.instances['ObjectsLink4'].getData();
|
|
|
30 |
var link5 = CKEDITOR.instances['ObjectsLink5'].getData();
|
|
|
31 |
var img_url = $('#ObjectsImgUrl').val();
|
|
|
32 |
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>";
|
|
|
33 |
$('.text-center').empty();
|
|
|
34 |
$('.text-center').append(content);
|
|
|
35 |
$('#loadingModal').modal('show');
|
|
|
36 |
|
|
|
37 |
});
|
|
|
38 |
$('.close').click(function(){
|
|
|
39 |
$('#loadingModal').modal('hide');
|
|
|
40 |
});
|
|
|
41 |
});
|
|
|
42 |
</script>
|
|
|
43 |
<div class="modal fade" id="loadingModal">
|
|
|
44 |
<div class="modal-dialog">
|
|
|
45 |
<div class="modal-content">
|
|
|
46 |
<div class="modal-body">
|
|
|
47 |
<div class="text-center">
|
|
|
48 |
|
|
|
49 |
</div>
|
|
|
50 |
</div>
|
|
|
51 |
</div><!-- /.modal-content -->
|
|
|
52 |
</div><!-- /.modal-dialog -->
|
|
|
53 |
</div>
|
|
|
54 |
<div class="container">
|
|
|
55 |
<div class="row">
|
|
|
56 |
<div class="col-lg-3">
|
|
|
57 |
<?php echo $this->Element('adminactions');?>
|
|
|
58 |
</div>
|
|
|
59 |
<div class="col-lg-4">
|
|
|
60 |
<legend><?php echo __('Add New Object'); ?></legend>
|
|
|
61 |
<div class="medium_image_wrapper">
|
|
|
62 |
<div id="bootstrapped-fine-uploader"></div>
|
|
|
63 |
<div class="preview_wrapper"></div>
|
|
|
64 |
</div>
|
|
|
65 |
<input type= "button" value='Preview' id="preview" class='btn btn-primary'>
|
|
|
66 |
</div>
|
|
|
67 |
<div class="col-lg-5">
|
|
|
68 |
<br><br>
|
|
|
69 |
<?php echo $this->Form->create('Objects'); ?>
|
|
|
70 |
<fieldset>
|
|
|
71 |
<?php
|
|
|
72 |
echo $this->Form->input('name');
|
|
|
73 |
echo $this->Form->input('link1',array('type'=>'textarea'));
|
|
|
74 |
echo $this->Form->input('link2',array('type'=>'textarea'));
|
|
|
75 |
echo $this->Form->input('link3',array('type'=>'textarea'));
|
|
|
76 |
echo $this->Form->input('link4',array('type'=>'textarea'));
|
|
|
77 |
echo $this->Form->input('link5',array('type'=>'textarea'));
|
|
|
78 |
echo $this->Form->input('img_url',array('type'=>'hidden'));
|
|
|
79 |
?>
|
|
|
80 |
</fieldset>
|
|
|
81 |
<?php echo $this->Form->end(__('Submit')); ?>
|
|
|
82 |
</div>
|
|
|
83 |
</div>
|
|
|
84 |
</div>
|
|
|
85 |
</div>
|
|
|
86 |
<script src="//cdn.ckeditor.com/4.5.2/full/ckeditor.js"></script>
|
|
|
87 |
<script type="text/javascript">
|
|
|
88 |
CKEDITOR.replace( 'ObjectsLink1' );
|
|
|
89 |
CKEDITOR.replace( 'ObjectsLink2' );
|
|
|
90 |
CKEDITOR.replace( 'ObjectsLink3' );
|
|
|
91 |
CKEDITOR.replace( 'ObjectsLink4' );
|
|
|
92 |
CKEDITOR.replace( 'ObjectsLink5' );
|
|
|
93 |
</script>
|
|
|
94 |
<script type="text/javascript">
|
|
|
95 |
var baseUrl = '<?php echo $base_url;?>';
|
|
|
96 |
</script>
|
|
|
97 |
<?php echo $this->Html->script('jquery.fineuploader-3.6.0.min');?>
|
|
|
98 |
<script type="text/javascript">
|
|
|
99 |
$().ready(function(){
|
|
|
100 |
$('#bootstrapped-fine-uploader').fineUploader({
|
|
|
101 |
request: {
|
|
|
102 |
endpoint: baseUrl+'campaigns/upload'
|
|
|
103 |
},
|
|
|
104 |
failedUploadTextDisplay: {
|
|
|
105 |
mode: 'custom',
|
|
|
106 |
maxChars: 40,
|
|
|
107 |
responseProperty: 'error',
|
|
|
108 |
enableTooltip: true
|
|
|
109 |
},
|
|
|
110 |
text: {
|
|
|
111 |
uploadButton: '<div><i class="icon-upload icon-white"></i>Upload</div>'
|
|
|
112 |
},
|
|
|
113 |
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>',
|
|
|
114 |
classes: {
|
|
|
115 |
success: 'alert alert-success',
|
|
|
116 |
fail: 'alert alert-error'
|
|
|
117 |
},
|
|
|
118 |
showMessage: function(message) {
|
|
|
119 |
// Using Bootstrap's classes
|
|
|
120 |
$('#bootstrapped-fine-uploader').append('<div class="alert alert-error">' + message + '</div>');
|
|
|
121 |
}
|
|
|
122 |
}).on('complete', function(event, id, fileName, responseJSON) {
|
|
|
123 |
if (responseJSON.success) {
|
|
|
124 |
$('#ObjectsImgUrl').val(responseJSON.uploadName);
|
|
|
125 |
$('.preview_wrapper').html('<img class="img img-responsive" src="'+responseJSON.uploadName+'" alt="' + fileName + '">');
|
|
|
126 |
}
|
|
|
127 |
});
|
|
|
128 |
});
|
|
|
129 |
</script>
|