Current Path : /data/web/virtuals/51568/virtual/www/www/uploader/ |
Current File : /data/web/virtuals/51568/virtual/www/www/uploader/uploader-img-poskladat.php |
<?php $galerie_id = (isset($_POST["galerie_id"])) ? $_POST["galerie_id"] : 0; if (!isset($pdo)){ require "../../class/pdoDB.class.php"; $pdo = new pdoDB(); } if(isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on') {$url = 'https://'; } else {$url = 'http://';} $url.= $_SERVER['HTTP_HOST']; $rand = mt_rand(); $query = "SELECT soubory.id, soubory.poradi, soubory.popis, soubory.ext, soubory_galerie.folder, soubory.orig_name from soubory left JOIN soubory_galerie on soubory.galerie_id=soubory_galerie.id where soubory_galerie.id=:galerie_id order by poradi"; if ($fotky = $pdo->queryAll($query,Array(':galerie_id' => $galerie_id))) { ?> <!--div id="usporadejFotky" class="d-flex flex-row flex-wrap justify-content-between" --> <div class="text-muted form-text my-2" style="font-size: 0.8rem">Pořadí fotek můžeš změnit přetažením.</div> <div id="usporadejFotky" class="galerie"> <?php forEach($fotky as $fotka){ $absultniCesta = $url.'/ftp/galerie'.'/'.$fotka->folder.'/'.$fotka->id.'.'.$fotka->ext; $cestaKFotce = '../../ftp/galerie'.'/'.$fotka->folder.'/'.$fotka->id.'.'.$fotka->ext; $malaFotka = '../../ftp/galerie'.'/'.$fotka->folder.'/'.$fotka->id.'_m.'.$fotka->ext; if (file_exists($cestaKFotce)) { ?> <div class="galerie-div p-1" > <img id="imgUsporadej<?=$fotka->id;?>" src="<?=$malaFotka?>?v=<?=$rand?>" alt="fotka z galerie" class="img-fluid ml-auto " style=" max-height: 140px; object-fit: scale-down;" > </div> <?php } // fotka exists } // forEach } //querryAll ?> </div> <script src="www/uploader/jquery.dragsort.js"></script> <script> function saveOrder() { let data = $("[id^=imgUsporadej]").map(function () { return ($(this).attr("id")).substr(12, 20); }).get(); $.ajax({ url: "www/uploader/uploader-img-poskladat-zapsat.php", type: 'POST', dataType: 'HTML', data: { 'data': data, }, success: function (result) { } }); } $(function () { $("#usporadejFotky").dragsort({ dragSelector: ".galerie-div", dragBetween: true, dragEnd: saveOrder, placeHolderTemplate: "<div id='usporadejFotky'><div></div></div>", cursor: "move" }); }); </script>