Vuexy v4.1 Yönetici / Admin Teması (Design - HTML )

Tasarımdaki eklentiler;

Swal.fire({title:'Error!',text:'Do you want to continue',type:'error',confirmButtonText:'Cool'})

Swal.fire({title:'Error!',text:'Do you want to continue',type:'error',confirmButtonText:'Cool'})

<script src="toastr.js"></script><link rel="stylesheet" type="text/css" href="toastr.css">

// Başlıksız toastr bölümünü gösterme
toastr.info('Üyelik başarıyla düzenlendi!')

<script src="nouislider.min.js"></script><link rel="stylesheet" type="text/css" href="nouislider.min.css">

<div id="slider"></div>

varslider=document.getElementById('slider');
noUiSlider.create(slider,{start:[20,80],connect:true,range:{'min':0,'max':100}});

<script src="/path/to/dropzone.min.js"></script>

dropzone

<form action="/dosya-yukle" class="dropzone">
  <div class="fallback">
    <input name="file" type="file" multiple />
  </div>
</form>

Dropzone

// Dropzone 
class:varmyDropzone=newDropzone("div#myId",{url:"/dosya/post"});

// jQuery
$("div#myId").dropzone({url:"/dosya/post"});

• Varsayılan mesajın hiç olmasını istemiyorsanız (»Dosyaları yüklemek (veya tıklamak)« için), dropzone öğenizin içine sınıf içeren bir öğe koyabilirsinizdz-messageve dropzone sizin için bir mesaj oluşturmaz.
• Dropzone, dropzone formunuzdaki gizli alanları gönderir. Bu ek veri göndermenin kolay bir yoludur. params Seçeneği de kullanabilirsiniz .
• Dropzone file, olaylar tetiklendiğinde kullanabileceğiniz nesneye veri ekler . Sen erişebilir file.widthve file.heightbunun yanı sıra bir resim, yokmuş gibi file.uploadolan bir içeren nesnedir: progress (0-100), total(toplam bayt) ve bytesSent.
• Her bir dosya için özel olması gereken dosya yüklemesine ek veri eklemek istiyorsanız, sendingetkinliğe kaydolabilirsiniz :jаvascript
  
  

  myDropzone.on("sending", function(file, xhr, formData) {
      // Will send the filesize along with the file as POST data.
      formData.append("filesize", file.size);
  });

• Bir dosyanın önizleme html'sine erişmek için erişebilirsiniz file.previewElement. Örneğin:jаvascript
  
  

  myDropzone.on("addedfile", function(file) {
      file.previewElement.addEventListener("click", function() {
          myDropzone.removeFile(file);
      });
  });

• Tüm gövdenin bir Dropzone olmasını ve dosyaları başka bir yerde görüntülemesini istiyorsanız, gövde için bir Dropzone nesnesi başlatabilir ve previewsContainerseçeneği tanımlayabilirsiniz . previewsContainerSahip olmalıdır dropzone-previewsveya dropzonedüzgün dosya önizleme görüntülemek için sınıf.jаvascript
  
  

  new Dropzone(document.body, {
      previewsContainer: ".dropzone-previews",
      // You probably don't want the whole body
      // to be clickable to select files
      clickable: false
  });