| Server IP : 85.214.239.14 / Your IP : 18.224.68.75 Web Server : Apache/2.4.62 (Debian) System : Linux h2886529.stratoserver.net 4.9.0 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.18 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /srv/modoboa/env/lib64/python3.5/site-packages/ckeditor_uploader/templates/ckeditor/ |
Upload File : |
{% load staticfiles %}
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>CKEDitor | Select an image to embed</title>
<link rel="stylesheet" href="{% static "ckeditor/ckeditor_uploader/admin_base.css" %}" type="text/css" />
<link rel="stylesheet" href="{% static "ckeditor/galleriffic/css/basic.css" %}" type="text/css" />
<link rel="stylesheet" href="{% static "ckeditor/galleriffic/css/galleriffic-2.css" %}" type="text/css" />
<script type="text/javascript" src="{% static "ckeditor/galleriffic/js/jquery-1.3.2.js" %}"></script>
<script type="text/javascript" src="{% static "ckeditor/galleriffic/js/jquery.galleriffic.js" %}"></script>
<script type="text/javascript" src="{% static "ckeditor/galleriffic/js/jquery.opacityrollover.js" %}"></script>
<!-- We only want the thunbnails to display when javascript is disabled -->
<script type="text/javascript">
document.write('<style>.noscript { display: none; }</style>');
</script>
<style type="text/css">
a.thumb { text-align: center; display: block; float: left; width: 75px; height: 75px; word-wrap: break-word; line-height: 1.2em; overflow: hidden; }
a.thumb img { display: inline-block; }
span.filename { color: #666; font-size: 0.95em; }
#container { min-width: 880px; }
</style>
</head>
<body>
<div id="page">
<div id="container" style="width: 880px">
{% if files %}
<h2>Browse for the image you want, then click 'Embed Image' to continue...</h2>
{% else %}
<h2>No images found. Upload images using the 'Image Button' dialog's 'Upload' tab.</h2>
{% endif %}
<!-- Start Advanced Gallery Html Containers -->
<div id="gallery" class="content">
<div class="slideshow-container">
<div id="loading" class="loader"></div>
<div id="slideshow" class="slideshow"></div>
</div>
<div id="caption" class="caption-container"></div>
</div>
<div id="search">
<form action="" method="post">
{% csrf_token %}
{{ form }}
</form>
</div>
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
{% if show_dirs %}
{% for dir in dirs %}
<li>Images in: {{ dir }}</li>
{% for file in files %}
{% if dir in file.src %}
<li>
<a class="thumb" href="{% if file.is_image %}{{ file.src }}{% else %}{{ file.thumb }}{% endif %}">
<img src="{{ file.thumb }}" style="max-width: 75px;"/>
{% if file.visible_filename %}
<span class="filename">{{ file.visible_filename }}</span>
{% endif %}
</a>
<div class="caption">
<div class="submit-row">
<input href="{{ file.src }}" class="default embed" type="submit" name="_embed" value="Embed Image" />
</div>
</div>
</li>
{% endif %}
{% endfor %} <!-- for file in files -->
{% endfor %} <!-- for dir in dirs -->
{% else %}
{% for file in files %}
<li>
<a class="thumb" href="{% if file.is_image %}{{ file.src }}{% else %}{{ file.thumb }}{% endif %}">
<img src="{{ file.thumb }}" style="max-width: 75px;"/>
{% if file.visible_filename %}
<span class="filename">{{ file.visible_filename }}</span>
{% endif %}
</a>
<div class="caption">
<div class="submit-row">
<input href="{{ file.src }}" class="default embed" type="submit" name="_embed" value="Embed Image" />
</div>
</div>
</li>
{% endfor %} <!-- for file in files -->
{% endif %}
</ul>
</div>
<div style="clear: both;"></div>
</div>
</div>
<script type="text/javascript">
// helper functions
function getUrlParam(paramName) {
var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i') ;
var match = window.location.search.match(reParam) ;
return (match && match.length > 1) ? match[1] : '' ;
}
function scale_image() {
var max_width = 500;
var image = $(".advance-link > img");
var image_width = image.width();
if (image_width > max_width) {
var aspect = image.height() / image_width;
var image_height = max_width * aspect;
image.width(max_width);
image.height(image_height);
}
}
// embedder
$('.embed').live('click', function() {
var funcNum = getUrlParam('CKEditorFuncNum');
var fileUrl = $(this).attr('href');
window.opener.CKEDITOR.tools.callFunction(funcNum, fileUrl);
window.close();
});
// galleriffic
jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({'width' : '300px', 'float' : 'left'});
$('div.content').css('display', 'block');
// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
// Initialize Advanced Galleriffic Gallery
var gallery = $('#thumbs').galleriffic({
delay: 2500,
numThumbs: 15,
preloadAhead: 10,
enableTopPager: true,
enableBottomPager: true,
maxPagesToShow: 7,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: '‹ Previous Photo',
nextLinkText: 'Next Photo ›',
nextPageLinkText: 'Next ›',
prevPageLinkText: '‹ Prev',
enableHistory: false,
autoStart: false,
syncTransitions: false,
defaultTransitionDuration: 500,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
},
onTransitionIn: function(newSlide, newCaption, isSync) {
scale_image();
newSlide.fadeTo(this.getDefaultTransitionDuration(isSync), 1.0);
if (newCaption)
newCaption.fadeTo(this.getDefaultTransitionDuration(isSync), 1.0);
}
});
});
</script>
</body>
</html>