diff --git a/styles/dragdrop/.idea/dragdrop.iml b/styles/dragdrop/.idea/dragdrop.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/styles/dragdrop/.idea/dragdrop.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/styles/dragdrop/css/basic.css b/styles/dragdrop/css/basic.css new file mode 100644 index 0000000..ffc66c3 --- /dev/null +++ b/styles/dragdrop/css/basic.css @@ -0,0 +1,48 @@ +/* Essential FileDrop zone element configuration: */ +.fd-zone { + border: 2px solid #abb0b7 !important; + position: relative; + overflow: hidden; + /* The following are not required but create a pretty box: */ + width: 100%; + padding: 40px 0; + margin: 0 auto; + text-align: center; + color: #414446 !important; + border-radius: 20px; + background: #d9edf7 url(../images/striped_lens.png); + +} + +.fd-zone-current{ + background: #76858e !important; + color: #414446 !important; +} + +.fd-zone p span, .fd-zone h3 span{ + text-shadow: 2px 2px #fff; +} + +.fd-zone p.img{ + width: 120px; + margin: 0 auto; + height: 120px; + background-size: 120px 120px; + background-repeat: no-repeat; + background-image: url(../images/download2.png); +} + +/* Hides while simulating "Browse" button: */ +.fd-file { + opacity: 0; + font-size: 118px; + position: absolute; + right: 0; + top: 0; + z-index: 1; + padding: 0; + margin: 0; + cursor: pointer; + filter: alpha(opacity=0); + font-family: sans-serif; +} \ No newline at end of file diff --git a/styles/dragdrop/css/index.html b/styles/dragdrop/css/index.html new file mode 100755 index 0000000..3b794e0 --- /dev/null +++ b/styles/dragdrop/css/index.html @@ -0,0 +1 @@ +Powered by Kleeja


403 - Access forbidden!


Powered by Kleeja >>> the best uploader ... >> Bugs | Plugins | Styles |
\ No newline at end of file diff --git a/styles/dragdrop/footer.html b/styles/dragdrop/footer.html new file mode 100755 index 0000000..48c1d02 --- /dev/null +++ b/styles/dragdrop/footer.html @@ -0,0 +1,208 @@ + + + + +
{extras.footer}
+ + + + + + + +{googleanalytics} + + + + + + + + + +{run_queue} + + + + diff --git a/styles/dragdrop/header.html b/styles/dragdrop/header.html new file mode 100755 index 0000000..adedcea --- /dev/null +++ b/styles/dragdrop/header.html @@ -0,0 +1,113 @@ + + + + + + + + + {title}(title? - :){config.sitename} + + + + + + + + + + + + + + + + + + + + + + + + + + + {EXTRA_CODE_META} + + + + + + + + + + + + + + +
+ + + +
{extras.header}
+ + + + diff --git a/styles/dragdrop/images/download.png b/styles/dragdrop/images/download.png new file mode 100644 index 0000000..ef66bac Binary files /dev/null and b/styles/dragdrop/images/download.png differ diff --git a/styles/dragdrop/images/download2.png b/styles/dragdrop/images/download2.png new file mode 100644 index 0000000..5d6bfbd Binary files /dev/null and b/styles/dragdrop/images/download2.png differ diff --git a/styles/dragdrop/images/folder.png b/styles/dragdrop/images/folder.png new file mode 100644 index 0000000..faacd64 Binary files /dev/null and b/styles/dragdrop/images/folder.png differ diff --git a/styles/dragdrop/images/loading.gif b/styles/dragdrop/images/loading.gif new file mode 100755 index 0000000..7262041 Binary files /dev/null and b/styles/dragdrop/images/loading.gif differ diff --git a/styles/dragdrop/images/logo.png b/styles/dragdrop/images/logo.png new file mode 100644 index 0000000..cef8008 Binary files /dev/null and b/styles/dragdrop/images/logo.png differ diff --git a/styles/dragdrop/images/rainbow.gif b/styles/dragdrop/images/rainbow.gif new file mode 100644 index 0000000..934cb4e Binary files /dev/null and b/styles/dragdrop/images/rainbow.gif differ diff --git a/styles/dragdrop/images/spin.gif b/styles/dragdrop/images/spin.gif new file mode 100644 index 0000000..d0bce15 Binary files /dev/null and b/styles/dragdrop/images/spin.gif differ diff --git a/styles/dragdrop/images/spin_lg.gif b/styles/dragdrop/images/spin_lg.gif new file mode 100644 index 0000000..95c5423 Binary files /dev/null and b/styles/dragdrop/images/spin_lg.gif differ diff --git a/styles/dragdrop/images/striped_lens.png b/styles/dragdrop/images/striped_lens.png new file mode 100644 index 0000000..a7bdfb9 Binary files /dev/null and b/styles/dragdrop/images/striped_lens.png differ diff --git a/styles/dragdrop/images/user.png b/styles/dragdrop/images/user.png new file mode 100644 index 0000000..2f29b8e Binary files /dev/null and b/styles/dragdrop/images/user.png differ diff --git a/styles/dragdrop/images/zone_bg.jpg b/styles/dragdrop/images/zone_bg.jpg new file mode 100644 index 0000000..411c367 Binary files /dev/null and b/styles/dragdrop/images/zone_bg.jpg differ diff --git a/styles/dragdrop/index.html b/styles/dragdrop/index.html new file mode 100755 index 0000000..b1b0e29 --- /dev/null +++ b/styles/dragdrop/index.html @@ -0,0 +1,58 @@ + + + + + Powered by Kleeja + + +
+
+

+ +

+
+

403 - Access forbidden!

+
+
Powered by Kleeja
+ + \ No newline at end of file diff --git a/styles/dragdrop/index_body.html b/styles/dragdrop/index_body.html new file mode 100755 index 0000000..442342d --- /dev/null +++ b/styles/dragdrop/index_body.html @@ -0,0 +1,75 @@ + +
+ + + +
+
{lang.WELCOME} [ {username} ]
+

{welcome_msg}

+
+ + + +
+
    + + +
  • + {{message_content}} +
    • + + +
  • + {lang.INFORMATION} : {{message_content}} +
    • +     +     +
+
+ + + + + + + +
+
+
+ {lang.WAIT_LOADING} +
+ {lang.LOADING} +
+
+ +

+

{lang.DRAG_AND_DROP}

+

{lang.OR_MANUAL_SELECT}

+ +
+ +
+ +
+ + + + +
+
+ {lang.NUMBER_ONLINE}: {current_online_users} +
+ + +
+ + {{name}} + +
+ +
+ + + + +
diff --git a/styles/dragdrop/info.txt b/styles/dragdrop/info.txt new file mode 100755 index 0000000..6adfec8 --- /dev/null +++ b/styles/dragdrop/info.txt @@ -0,0 +1,28 @@ +# +# This is a configuration file of the style. +# Change those values when you create +# your style ... +# + +#Style name +name = DragDrop + +#Style desc +desc:en = Based on Bootstrap style, has Drag & Drop feature +desc:ar = مبني على ستايل بوت ستراب الافتراضي، لديه ميزة الجر والاسقاط للتحميل + + +#Style copyright +copyright = 2017 Kleeja.com + +#Version of style +version = 1.0 + +#Min. required version of kleeja +kleeja_version = 2.0 + +#name of the style required by this style +depend_on = bootstrap + +#plugins required to install this style +#plugins_required = test, test2 diff --git a/styles/dragdrop/js/filedrop.js b/styles/dragdrop/js/filedrop.js new file mode 100644 index 0000000..acc5317 --- /dev/null +++ b/styles/dragdrop/js/filedrop.js @@ -0,0 +1,604 @@ +/*global jQuery:false, alert:false */ + +/* + * Default text - jQuery plugin for html5 dragging files from desktop to browser + * + * Author: Weixi Yen + * + * Email: [Firstname][Lastname]@gmail.com + * + * Copyright (c) 2010 Resopollution + * + * Licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * Project home: + * http://www.github.com/weixiyen/jquery-filedrop + * + * Version: 0.1.0 + * + * Features: + * Allows sending of extra parameters with file. + * Works with Firefox 3.6+ + * Future-compliant with HTML5 spec (will work with Webkit browsers and IE9) + * Usage: + * See README at project homepage + * + */ +;(function($) { + + var default_opts = { + fallback_id: '', + fallback_dropzoneClick : true, + url: '', + refresh: 1000, + paramname: 'userfile', + requestType: 'POST', // just in case you want to use another HTTP verb + allowedfileextensions:[], + allowedfiletypes:[], + maxfiles: 25, // Ignored if queuefiles is set > 0 + maxfilesize: 2000, // MB file size limit + queuefiles: 0, // Max files before queueing (for large volume uploads) + queuewait: 5, // Queue wait time if full + data: {}, + headers: {}, + drop: empty, + dragStart: empty, + dragEnter: empty, + dragOver: empty, + dragLeave: empty, + docEnter: empty, + docOver: empty, + docLeave: empty, + beforeEach: empty, + afterAll: empty, + rename: empty, + error: function(err, file, i, status) { + alert(err); + }, + uploadStarted: empty, + uploadFinished: empty, + progressUpdated: empty, + globalProgressUpdated: empty, + speedUpdated: empty + }, + errors = ["BrowserNotSupported", "TooManyFiles", "FileTooLarge", "FileTypeNotAllowed", "NotFound", "NotReadable", "AbortError", "ReadError", "FileExtensionNotAllowed"]; + + $.fn.filedrop = function(options) { + var opts = $.extend({}, default_opts, options), + global_progress = [], + doc_leave_timer, stop_loop = false, + files_count = 0, + files; + + if ( opts.fallback_dropzoneClick === true ) + { + $('#' + opts.fallback_id).css({ + display: 'none', + width: 0, + height: 0 + }); + } + + this.on('drop', drop).on('dragstart', opts.dragStart).on('dragenter', dragEnter).on('dragover', dragOver).on('dragleave', dragLeave); + $(document).on('drop', docDrop).on('dragenter', docEnter).on('dragover', docOver).on('dragleave', docLeave); + + if ( opts.fallback_dropzoneClick === true ) + { + if ( this.find('#' + opts.fallback_id).length > 0 ) + { + throw "Fallback element ["+opts.fallback_id+"] cannot be inside dropzone, unless option fallback_dropzoneClick is false"; + } + else + { + this.on('click', function(e){ + $('#' + opts.fallback_id).trigger(e); + }); + } + } + + $('#' + opts.fallback_id).change(function(e) { + opts.drop(e); + files = e.target.files; + files_count = files.length; + upload(); + }); + + function drop(e) { + if( opts.drop.call(this, e) === false ) return false; + if(!e.originalEvent.dataTransfer) + return; + files = e.originalEvent.dataTransfer.files; + if (files === null || files === undefined || files.length === 0) { + opts.error(errors[0]); + return false; + } + files_count = files.length; + upload(); + e.preventDefault(); + return false; + } + + function getBuilder(filename, filedata, mime, boundary) { + var dashdash = '--', + crlf = '\r\n', + builder = '', + paramname = opts.paramname; + + if (opts.data) { + var params = $.param(opts.data).replace(/\+/g, '%20').split(/&/); + + $.each(params, function() { + var pair = this.split("=", 2), + name = decodeURIComponent(pair[0]), + val = decodeURIComponent(pair[1]); + + if (pair.length !== 2) { + return; + } + + builder += dashdash; + builder += boundary; + builder += crlf; + builder += 'Content-Disposition: form-data; name="' + name + '"'; + builder += crlf; + builder += crlf; + builder += val; + builder += crlf; + }); + } + + if (jQuery.isFunction(paramname)){ + paramname = paramname(filename); + } + + builder += dashdash; + builder += boundary; + builder += crlf; + builder += 'Content-Disposition: form-data; name="' + (paramname||"") + '"'; + builder += '; filename="' + encodeURIComponent(filename) + '"'; + builder += crlf; + + builder += 'Content-Type: ' + mime; + builder += crlf; + builder += crlf; + + builder += filedata; + builder += crlf; + + builder += dashdash; + builder += boundary; + builder += dashdash; + builder += crlf; + return builder; + } + + function progress(e) { + if (e.lengthComputable) { + var percentage = Math.round((e.loaded * 100) / e.total); + if (this.currentProgress !== percentage) { + + this.currentProgress = percentage; + opts.progressUpdated(this.index, this.file, this.currentProgress); + + global_progress[this.global_progress_index] = this.currentProgress; + globalProgress(); + + var elapsed = new Date().getTime(); + var diffTime = elapsed - this.currentStart; + if (diffTime >= opts.refresh) { + var diffData = e.loaded - this.startData; + var speed = diffData / diffTime; // KB per second + opts.speedUpdated(this.index, this.file, speed); + this.startData = e.loaded; + this.currentStart = elapsed; + } + } + } + } + + function globalProgress() { + if (global_progress.length === 0) { + return; + } + + var total = 0, index; + for (index in global_progress) { + if(global_progress.hasOwnProperty(index)) { + total = total + global_progress[index]; + } + } + + opts.globalProgressUpdated(Math.round(total / global_progress.length)); + } + + // Respond to an upload + function upload() { + stop_loop = false; + + if (!files) { + opts.error(errors[0]); + return false; + } + + + if (opts.allowedfiletypes.push && opts.allowedfiletypes.length) { + for(var fileIndex = files.length;fileIndex--;) { + if(!files[fileIndex].type || $.inArray(files[fileIndex].type, opts.allowedfiletypes) < 0) { + opts.error(errors[3], files[fileIndex]); + return false; + } + } + } + + if (opts.allowedfileextensions.push && opts.allowedfileextensions.length) { + for(var fileIndex = files.length;fileIndex--;) { + var allowedextension = false; + for (i=0;i opts.maxfiles && opts.queuefiles === 0) { + opts.error(errors[1]); + return false; + } + + // Define queues to manage upload process + var workQueue = []; + var processingQueue = []; + var doneQueue = []; + + // Add everything to the workQueue + for (var i = 0; i < files_count; i++) { + workQueue.push(i); + } + + // Helper function to enable pause of processing to wait + // for in process queue to complete + var pause = function(timeout) { + setTimeout(process, timeout); + return; + }; + + + // Process an upload, recursive + var process = function() { + + var fileIndex; + + if (stop_loop) { + return false; + } + + + // Check to see if are in queue mode + if (opts.queuefiles > 0 && processingQueue.length >= opts.queuefiles) { + return pause(opts.queuewait); + } else { + // Take first thing off work queue + fileIndex = workQueue[0]; + workQueue.splice(0, 1); + + // Add to processing queue + processingQueue.push(fileIndex); + } + + try { + if (beforeEach(files[fileIndex]) !== false) { + if (fileIndex === files_count) { + return; + } + + + + + var reader = new FileReader(), + max_file_size = 1048576 * opts.maxfilesize; + + reader.index = fileIndex; + if (files[fileIndex].size > max_file_size) { + opts.error(errors[2], files[fileIndex], fileIndex); + // Remove from queue + processingQueue.forEach(function(value, key) { + if (value === fileIndex) { + processingQueue.splice(key, 1); + } + }); + filesRejected++; + return true; + } + + + + reader.onerror = function(e) { + switch(e.target.error.code) { + case e.target.error.NOT_FOUND_ERR: + opts.error(errors[4]); + return false; + case e.target.error.NOT_READABLE_ERR: + opts.error(errors[5]); + return false; + case e.target.error.ABORT_ERR: + opts.error(errors[6]); + return false; + default: + opts.error(errors[7]); + return false; + }; + }; + + reader.onloadend = !opts.beforeSend ? send : function (e) { + opts.beforeSend(files[fileIndex], fileIndex, function () { send(e); }); + }; + + + reader.readAsDataURL(files[fileIndex]); + + } else { + + filesRejected++; + } + } catch (err) { + // Remove from queue + processingQueue.forEach(function(value, key) { + if (value === fileIndex) { + processingQueue.splice(key, 1); + } + }); + opts.error(errors[0]); + return false; + } + + // If we still have work to do, + if (workQueue.length > 0) { + process(); + } + }; + + var send = function(e) { + + var fileIndex = (e.srcElement || e.target).index; + + // Sometimes the index is not attached to the + // event object. Find it by size. Hack for sure. + if (e.target.index === undefined) { + e.target.index = getIndexBySize(e.total); + } + + var xhr = new XMLHttpRequest(), + upload = xhr.upload, + file = files[e.target.index], + index = e.target.index, + start_time = new Date().getTime(), + boundary = '------multipartformboundary' + (new Date()).getTime(), + global_progress_index = global_progress.length, + builder, + newName = rename(file.name), + mime = file.type; + + if (opts.withCredentials) { + xhr.withCredentials = opts.withCredentials; + } + + var encodedString = e.target.result.split(',')[1]; + var data = encodedString === undefined ? '' : atob(encodedString); + if (typeof newName === "string") { + builder = getBuilder(newName, data, mime, boundary); + } else { + builder = getBuilder(file.name, data, mime, boundary); + } + + upload.index = index; + upload.file = file; + upload.downloadStartTime = start_time; + upload.currentStart = start_time; + upload.currentProgress = 0; + upload.global_progress_index = global_progress_index; + upload.startData = 0; + upload.addEventListener("progress", progress, false); + + // Allow url to be a method + if (jQuery.isFunction(opts.url)) { + xhr.open(opts.requestType, opts.url(upload), true); + } else { + xhr.open(opts.requestType, opts.url, true); + } + + xhr.setRequestHeader('content-type', 'multipart/form-data; boundary=' + boundary); + xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest"); + + // Add headers + $.each(opts.headers, function(k, v) { + xhr.setRequestHeader(k, v); + }); + + if(!xhr.sendAsBinary){ + xhr.sendAsBinary = function(datastr) { + function byteValue(x) { + return x.charCodeAt(0) & 0xff; + } + var ords = Array.prototype.map.call(datastr, byteValue); + var ui8a = new Uint8Array(ords); + this.send(ui8a.buffer); + } + } + + xhr.sendAsBinary(builder); + + global_progress[global_progress_index] = 0; + globalProgress(); + + opts.uploadStarted(index, file, files_count); + + xhr.onload = function() { + var serverResponse = null; + + if (xhr.responseText) { + try { + serverResponse = jQuery.parseJSON(xhr.responseText); + } + catch (e) { + serverResponse = xhr.responseText; + } + } + + var now = new Date().getTime(), + timeDiff = now - start_time, + result = opts.uploadFinished(index, file, serverResponse, timeDiff, xhr); + filesDone++; + + // Remove from processing queue + processingQueue.forEach(function(value, key) { + if (value === fileIndex) { + processingQueue.splice(key, 1); + } + }); + + // Add to donequeue + doneQueue.push(fileIndex); + + // Make sure the global progress is updated + global_progress[global_progress_index] = 100; + globalProgress(); + + if (filesDone === (files_count - filesRejected)) { + afterAll(); + } + if (result === false) { + stop_loop = true; + } + + + // Pass any errors to the error option + if (xhr.status < 200 || xhr.status > 299) { + opts.error(xhr.statusText, file, fileIndex, xhr.status); + } + }; + }; + + // Initiate the processing loop + process(); + } + + function getIndexBySize(size) { + for (var i = 0; i < files_count; i++) { + if (files[i].size === size) { + return i; + } + } + + return undefined; + } + + function rename(name) { + return opts.rename(name); + } + + function beforeEach(file) { + return opts.beforeEach(file); + } + + function afterAll() { + return opts.afterAll(); + } + + function dragEnter(e) { + clearTimeout(doc_leave_timer); + e.preventDefault(); + opts.dragEnter.call(this, e); + } + + function dragOver(e) { + clearTimeout(doc_leave_timer); + e.preventDefault(); + opts.docOver.call(this, e); + opts.dragOver.call(this, e); + } + + function dragLeave(e) { + clearTimeout(doc_leave_timer); + opts.dragLeave.call(this, e); + e.stopPropagation(); + } + + function docDrop(e) { + e.preventDefault(); + opts.docLeave.call(this, e); + return false; + } + + function docEnter(e) { + clearTimeout(doc_leave_timer); + e.preventDefault(); + opts.docEnter.call(this, e); + return false; + } + + function docOver(e) { + clearTimeout(doc_leave_timer); + e.preventDefault(); + opts.docOver.call(this, e); + return false; + } + + function docLeave(e) { + doc_leave_timer = setTimeout((function(_this) { + return function() { + opts.docLeave.call(_this, e); + }; + })(this), 200); + } + + return this; + }; + + function empty() {} + + try { + if (XMLHttpRequest.prototype.sendAsBinary) { + return; + } + XMLHttpRequest.prototype.sendAsBinary = function(datastr) { + + // function byteValue(x) { + // return x.charCodeAt(0) & 0xff; + // } + + // var ords = Array.prototype.map.call(datastr, byteValue); + // var ui8a = new Uint8Array(datastr); + + var ui8a = new Uint8Array(datastr.length); + // for (var nIdx = 0; nIdx < nBytes; nIdx++) { + // ui8a[nIdx] = datastr.charCodeAt(nIdx) & 0xff; + // } + + var nIdx = datastr.length; + while (--nIdx >= 0) { + ui8a[nIdx] = datastr.charCodeAt(nIdx) & 0xff; + } + + // Not pretty: Chrome 22 deprecated sending ArrayBuffer, moving instead + // to sending ArrayBufferView. Sadly, no proper way to detect this + // functionality has been discovered. Happily, Chrome 22 also introduced + // the base ArrayBufferView class, not present in Chrome 21. + if ('ArrayBufferView' in window) + this.send(ui8a); + else + this.send(ui8a.buffer); + }; + } catch (e) {} + +})(jQuery); diff --git a/styles/dragdrop/js/index.html b/styles/dragdrop/js/index.html new file mode 100755 index 0000000..b1b0e29 --- /dev/null +++ b/styles/dragdrop/js/index.html @@ -0,0 +1,58 @@ + + + + + Powered by Kleeja + + +
+
+

+ +

+
+

403 - Access forbidden!

+
+
Powered by Kleeja
+ + \ No newline at end of file diff --git a/styles/dragdrop/screenshot.png b/styles/dragdrop/screenshot.png new file mode 100644 index 0000000..6d746bc Binary files /dev/null and b/styles/dragdrop/screenshot.png differ