Your IP : 3.144.86.153


Current Path : /data/web/virtuals/51568/virtual/www/www/editor/
Upload File :
Current File : /data/web/virtuals/51568/virtual/www/www/editor/clanek-detail.php

 <?php 
$dnes = new DateTime(); 
$dnesDatum = $dnes->format('Y-m-d');
$kat1 = 0;
$kat2 = 0;
?> <div class="card rounded-0 shadow" style="border-bottom: 0px;" id="cardClanek" clanek-id="0">
     <div id="clanekDetailNadpis" class="card-header bg-primary rounded-0 text-left text-white"> NOVÝ ČLÁNEK </div>
     <div class="card-footer py-1">
         <div class="d-flex">
             <div class="">
                 <div id="errMsg1"></div>
             </div>
             <div id="zmenaWrap" class="ml-auto">
                 <div id="zmena" class="alert alert-danger my-0 font-weight-bold text-danger d-none" style="padding: 6px 12px">ZMĚNA</div>
             </div>
             <div class="ml-2">
                 <div class="ml-auto"> <button class="btn btn-primary rounded-0 " id="ulozit-clanek1" onclick="ulozitClanek(1)">Uložit </button> </div>
             </div>
         </div>
     </div>
     <div class="card-body m-2 p-0">
         <ul class="nav nav-pills" role="tablist">
             <li class="nav-item"> <a class="nav-link border border-primary rounded-0 active" data-toggle="pill" href="#clanekZaklUdaje">Základní údaje</a> </li>
             <li class="nav-item ml-2"> <a class="nav-link border border-primary rounded-0" data-toggle="pill" href="#clanekText">Text</a> </li>
         </ul>
         <div class="tab-content p-2" style="min-height: 600px">
             <div id="clanekZaklUdaje" class="collapse show tab-pane fade in active" aria-labelledby="btnClanekZaklUdaje">
                 <div class="form-group row align-items-center"> <label for="nadpis" class="col-sm-2 col-form-label">Nadpis</label>
                     <div class="col-sm-10"> <input type="text" class="form-control rounded-0" name="nadpis" id="nadpis" placeholder="nadpis" required value=""> </div>
                 </div>
                 <div class="form-group row align-items-center"> <label class="col-sm-2 col-form-label" for="dat_od">Zveřejnit od data</label>
                     <div class="col-sm-4"> <input type="date" class="form-control rounded-0" name="dat_od" id="dat_od" value="<?= $dnesDatum;?>"> 
                     </div> <label class="col-sm-2 col-form-label" for="dat_do">do data <small class="text-muted form-text">(prázdné = trvale)</small></label>
                     <div class="col-sm-4"> <input type="date" class="form-control rounded-0" name="dat_od" id="dat_do" value=""> </div>
                 </div>
                 <div class="form-group row align-items-center"> <label class="col-sm-2 col-form-label" for="kategorie1">Kategorie 1</label>
                     <div class="col-sm-4"> <select class="custom-select rounded-0" name="kategorie1" id="kategorie1"> <?php naplnKategorieClanku(1, $kat1); ?> </select> </div> <label class="col-sm-2 col-form-label" for="kategorie2">Kategorie 2</label>
                     <div class="col-sm-4"> <select class="custom-select rounded-0" name="kategorie2" id="kategorie2"> <?php naplnKategorieClanku(2, $kat2); ?> </select> </div>
                 </div>
                 <div class="form-group row align-items-center"> <label class="col-sm-2 col-form-label" for="autor_zobrazit">Jako autora uvést</label>
                     <div class="col-sm-4"> <input type="text" class="form-control  rounded-0" name="autor_zobrazit" id="autor_zobrazit"> </div> <label class="col-sm-2 col-form-label" for="galerieid">Galerie</label>
                     <div class="col-sm-4"> <select class="custom-select rounded-0" name="galerieid" id="galerieid"> <?php naplnGalerie($dnesDatum.'#0'); ?> </select> </div>
                 </div>
                 <div class="form-group row align-items-center pb-0 mb-0">
                     <div class="col-sm-2">
                         <div class="form-check"> <input class="form-check-input" type="checkbox" name="verejne" id="verejne" value="1"> <label class="form-check-label" for="verejne">zveřejnit </label> </div>
                     </div>
                     <div class="col-sm-4">
                         <div class="form-check"> <input class="form-check-input" type="checkbox" name="vip" id="vip" value="1"> <label class="form-check-label" for="vip">VIP <small class=" (text-muted"> (= je trvale na začátku seznamu)</small> </label> </div>
                     </div>
                     <div class="col-sm-4">
                         <div class="form-check"> <input class="form-check-input" type="checkbox" name="menu" id="menu" value="1"> <label class="form-check-label" for="menu">položka menu <small class=" (text-muted"> (nezobrazí se mezi články)</small> </label> </div>
                     </div>
                 </div>
                 <hr class="my-2">
                 <div id="input-fotka" class="d-none">
                     <div class="d-flex flex-row ">
                         <div> <input id="input_fotka" type="text" value="" hidden> <a href="js/filemanager/dialog.php?type=1&field_id=input_fotka&relative_url=1&multiple=0" class="iframe-btn"> <button class="btn btn-primary rounded-0">Vyber ilustrační fotku</button></a> </div>
                         <div class="ml-2"> <button id="mazat_fotka" class="btn btn-outline-warning rounded-0 d-none" onclick="odstranitFotkaDotaz()">Odstranit fotku</button> </div>
                         <div id="odstranit-fotka-dotaz" class="alert alert-danger rounded-0 d-none ml-2 p-1 mb-0"> Odstranit fotku od článku? <button class="btn btn-info py-0 mx-3" onclick="odstranitFotkaNe()">Ne</button> <button class="btn btn-danger py-0" onclick="odstranitFotkaAno()">Ano</button> </div>
                     </div>
                     <div class="mt-3"> <img id="fotka_img" src="" alt=""> </div>
                 </div>
             </div>
             <div id="clanekText" class="tab-pane fade "> <textarea name="editor" id="editor" class="ml-1"></textarea> </div>
         </div>
     </div>
 </div>
 <div class="card rounded-0 mt-0  shadow" style="border-top: 0px; mx-0 px-0">
     <div class="card-footer py-1">
         <div class="d-flex">
             <div class="">
                 <div id="errMsg2"></div>
             </div>
             <div id="zmenaWrap2" class="ml-auto">
                 <div id="zmena2" class="alert alert-danger my-0 font-weight-bold text-danger d-none" style="padding: 6px 12px">ZMĚNA</div>
             </div>
             <div class="ml-2">
                 <div class="ml-auto"> <button class="btn btn-primary rounded-0 " id="ulozit-clanek2" onclick="ulozitClanek(2)">Uložit </button> </div>
             </div>
         </div>
     </div>
 </div>
 <script src='js/tinymce/tinymce.min.js'></script>
 <script>
     let h = window.innerHeight-350;
     tinymce.init({
        setup: function (editor) {
            editor.on('Paste Change input Undo Redo', function () {
                editorChangeHandler(editor);
            });
        },  
         selector: '#editor',
         min_height: 400,
         height: h,
         entity_encoding: 'row',
         language: 'cs',
         plugins: [
             'advlist autolink lists link image charmap print preview anchor fullscreen quickbars ',
             'searchreplace visualblocks code fullscreen',
             'template paste ',
             'insertdatetime media table paste imagetools wordcount image imagetools  responsivefilemanager '
         ],
         toolbar1: 'insertfile undo redo | styleselect | bold italic| alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | fullscreen preview | forecolor backcolor | table | code print',
         image_advtab: true,
         external_filemanager_path: "/js/filemanager/",
         filemanager_title: "Správce souborů",
         external_plugins: {
             "filemanager": "/js/filemanager/plugin.min.js"
         },
         toolbar_sticky: true,
         autosave_ask_before_unload: true,
         image_title: true,
         automatic_uploads: true
     
     });
     
     function editorChangeHandler(editor){
      $("#zmena").removeClass("d-none");
      $("#zmena2").removeClass("d-none");
     }  
     
     $(":input").on('change', function () {
      $("#zmena").removeClass("d-none");
      $("#zmena2").removeClass("d-none");
     });   
     
 </script>