Skip to content

Instantly share code, notes, and snippets.

Avatar
🤓
Getting Dropzone back on track

Matias Meno enyo

🤓
Getting Dropzone back on track
View GitHub Profile
View jquery-dropzone.js
// Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument
var previewNode = document.querySelector("#template");
previewNode.id = "";
var previewTemplate = previewNode.parentNode.innerHTML;
previewNode.parentNode.removeChild(previewNode);
var myDropzone = new Dropzone(document.body, { // Make the whole body a dropzone
url: "/target-url", // Set the url
thumbnailWidth: 80,
thumbnailHeight: 80,
@enyo
enyo / gist:4726916
Created Feb 6, 2013
Tweek dropzone to use another container for file previews
View gist:4726916
Dropzone.myDropzone.options = {
addedfile: function(file) {
file.previewTemplate = $(this.options.previewTemplate);
this.element.find(".previews").append(file.previewTemplate);
file.previewTemplate.find(".filename span").text(file.name);
file.previewTemplate.find(".details").append($("<div class=\"size\">" + (this.filesize(file.size)) + "</div>"));
}
};
View v5.js
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
View v4.js
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
View dropzone-with-iterator.v3.js
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
View dropzone-with-iterator.js
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
View jquery-dropzone.html
<!-- HTML heavily inspired by http://blueimp.github.io/jQuery-File-Upload/ -->
<div class="table table-striped" class="files" id="previews">
<div id="template" class="file-row">
<!-- This is used as the file preview template -->
<div>
<span class="preview"><img data-dz-thumbnail /></span>
</div>
<div>
<p class="name" data-dz-name></p>
View main.dart
import 'dart:async';
Future foo() async {
print('foo() before delay');
await Future.delayed(Duration(milliseconds: 100));
print('foo() after delay');
}
void main() async {
View CheckboxListItemView.js
// ==========================================================================
// Project: Inc.CheckboxListItemView
// Copyright: ©2010 My Company, Inc.
// ==========================================================================
/*globals Inc */
/** @class
(Document Your View Here)
@enyo
enyo / package.json
Created Jan 5, 2014
gulp package.json
View package.json
{
"name": "project-tools"
, "version": "0.0.1-dev"
, "private": true
, "devDependencies": {
"gulp": "*",
"gulp-myth": "*"
}
}