diff options
Diffstat (limited to 'Neutron-trunk/cms-special/gallery/preview')
| -rw-r--r-- | Neutron-trunk/cms-special/gallery/preview/index.php | 129 |
1 files changed, 0 insertions, 129 deletions
diff --git a/Neutron-trunk/cms-special/gallery/preview/index.php b/Neutron-trunk/cms-special/gallery/preview/index.php deleted file mode 100644 index e033cc0..0000000 --- a/Neutron-trunk/cms-special/gallery/preview/index.php +++ /dev/null @@ -1,129 +0,0 @@ -<?php require_once "../../../resources/private/relative.php"; getRelativeDetails("cms-special"); ?> -<?php - -require_once $_SERVER['DOCUMENT_ROOT'] . "/api/lang/processor.php"; - -if (isset($_GET['return'])) { - $callback = $_GET['return']; -} - -?> -<!DOCTYPE html> -<html lang="en" style="height:100%;overflow:hidden;"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <link rel="stylesheet" href="<?= $GLOBALS['SYSTEM_ROOT'] ?>/resources/css/preview.css"> - <script src="<?= $GLOBALS['SYSTEM_ROOT'] ?>/resources/js/jquery.js"></script> - <title><?= $lang["gallery"]["preview"]['title'] ?></title> -</head> -<?php - - if (isset($_GET['url'])) { - if (strpos($_GET['url'], '..') !== false) { - require $_SERVER['DOCUMENT_ROOT'] . "/api/electrode/quit.php";quit($lang["gallery"]["preview"]['invalid']); - } else { - if (file_exists($GLOBALS['ORIGINAL_DOCUMENT_ROOT'] . "/" . $_GET['url'])) { - $ext1 = explode(".", $_GET['url']); - $ext2 = end($ext1); - $ext = strtoupper($ext2); - } else { - require $_SERVER['DOCUMENT_ROOT'] . "/api/electrode/quit.php";quit($lang["gallery"]["preview"]['notfound']); - } - } - } else { - require $_SERVER['DOCUMENT_ROOT'] . "/api/electrode/quit.php";quit($lang["gallery"]["preview"]['none']); - } - -?> -<body style="background-size:contain;background-position:center;height: 100%;margin: 0;background-repeat: no-repeat;background-color: #222;"> - <div class="container"> - <img class="image" id="scroll" src="<?= $_GET['url'] ?>" draggable="false" onmouseup="clearTimeout(mdt);--mousedown;" onclick="return false;"> - <script> - document.getElementsByClassName('image')[0].style.transform = "scale(1)"; - </script> - </div> - <?php if (isset($callback)): ?><a class="close" title="<?= $lang["gallery"]["preview"]['close'] ?>"><img class="icon" src="<?= $GLOBALS['SYSTEM_ROOT'] ?>/resources/image/close.svg" onclick="location.href = "<?= $callback ?>""></a><?php endif ?> - <a class="download" href="<?= $_GET['url'] ?>" title="<?= $lang["gallery"]["preview"]['placeholder'][0] ?> <?= $ext ?> <?= $lang["gallery"]["preview"]['placeholder'][1] ?>" download><?= $lang["gallery"]["preview"]['download'] ?> (<?= $ext ?>)</a> - <span class="zoom"> - <a class="zoomin" onclick="zoomin();"></a> - <a class="zoomout" onclick="zoomout();"></a> - </span> -</body> -<script> - -function zoomin() { - tf = document.getElementsByClassName("image")[0].style.transform.split("(")[1].split(")")[0] - 1 + 1; - if (tf < 8) { - tf++; - document.getElementsByClassName('image')[0].style.transform = `scale(${tf})`; - document.getElementsByClassName('image')[0].style['margin-top'] = (((1055 / 6) * (window.innerHeight / 480)) * tf) + 'px'; - document.getElementsByClassName('image')[0].style['margin-left'] = (((1055 / 6) * (window.innerWidth / 480)) * tf) + 'px'; - } -} - -function zoomout() { - tf = document.getElementsByClassName("image")[0].style.transform.split("(")[1].split(")")[0] - 1 + 1; - if (tf > 1) { - tf--; - if (tf > 1) { - document.getElementsByClassName('image')[0].style.transform = `scale(${tf})`; - document.getElementsByClassName('image')[0].style['margin-top'] = (((1055 / 6) * (window.innerHeight / 480)) * tf) + 'px'; - document.getElementsByClassName('image')[0].style['margin-left'] = (((1055 / 6) * (window.innerWidth / 480)) * tf) + 'px'; - } else { - document.getElementsByClassName('image')[0].style.transform = `scale(${tf})`; - document.getElementsByClassName('image')[0].style['margin-top'] = (((1055 / 6) / 422) * tf) + 'px'; - document.getElementsByClassName('image')[0].style['margin-left'] = (((1055 / 6) / 422) * tf) + 'px'; - } - } -} - -window.onload = () => {setTimeout(() => {Array.from(document.getElementsByClassName('ppreview')).forEach((el) => {el.classList.add('loaded')});}, 1000)} - -(function($) { - $.dragScroll = function(options) { - var settings = $.extend({ - scrollVertical: true, - scrollHorizontal: true, - cursor: null - }, options); - - var clicked = false, - clickY, clickX; - - var getCursor = function() { - if (settings.cursor) return settings.cursor; - if (settings.scrollVertical && settings.scrollHorizontal) return 'move'; - if (settings.scrollVertical) return 'row-resize'; - if (settings.scrollHorizontal) return 'col-resize'; - } - - var updateScrollPos = function(e, el) { - $('html').css('cursor', getCursor()); - var $el = $(el); - settings.scrollVertical && $el.scrollTop($el.scrollTop() + (clickY - e.pageY)); - settings.scrollHorizontal && $el.scrollLeft($el.scrollLeft() + (clickX - e.pageX)); - } - - $(document).on({ - 'mousemove': function(e) { - clicked && updateScrollPos(e, this); - }, - 'mousedown': function(e) { - clicked = true; - clickY = e.pageY; - clickX = e.pageX; - }, - 'mouseup': function() { - clicked = false; - $('html').css('cursor', 'auto'); - } - }); - } -}(jQuery)) - -$.dragScroll(); - -</script> -</html>
\ No newline at end of file |