Preping for next release

Manifest.json

@@ -1,36 +1,28 @@
 {
- "$schema": "https://qooxdoo.org/schema/Manifest-1-0-0.json",
-  "info" :
-  {
-    "name" : "ville.Upload",
-
-    "summary" : "",
-    "description" : "",
-
-    "homepage" : "",
-
-    "license" : "MIT license",
-    "authors" : [
-  {
-    "name": "",
-    "email": "sqville"
-  }
-],
-
-    "version" : "1.0.0"
+  "$schema": "https://qooxdoo.org/schema/Manifest-1-0-0.json",
+  "info": {
+    "name": "ville.Upload",
+    "summary": "",
+    "description": "",
+    "homepage": "",
+    "license": "MIT license",
+    "authors": [
+      {
+        "name": "",
+        "email": "sqville"
+      }
+    ],
+    "version": "1.0.0"
   },
-
-  "provides" :
-  {
-    "namespace"   : "ville.Upload",
-    "encoding"    : "utf-8",
-    "class"       : "source/class",
-    "resource"    : "source/resource",
-    "translation" : "source/translation"
+  "provides": {
+    "namespace": "ville.Upload",
+    "encoding": "utf-8",
+    "class": "source/class",
+    "resource": "source/resource",
+    "translation": "source/translation"
   },
-
   "requires": {
     "@qooxdoo/framework": "^7.2.0",
-    "@qooxdoo/compiler" : "^1.0.4"
+    "@qooxdoo/compiler": "^1.0.4"
   }
-}
+}

README.md

@@ -1,17 +1,5 @@
-<!-- PROJECT LOGO -->
-<br />
-<p align="center">
-  <a href="https://github.com/sqville/ville.Upload">
-    <img src="ville_Upload.png" alt="Logo">
-  </a>
-  <h3 align="center"></h3>
-  <p align="center">
-    A control for the Qooxdoo JavaScript Framework
-  </p>
-</p>
 <!-- ABOUT THE PROJECT -->
-
-## About The Project
+# Ville.Upload
 
 **ville.Upload** is a [Qooxdoo](https://qooxdoo.org/) control designed to enabled browser drag and drop features for the qx.ui.form.FileSelectorButton control.
 
@@ -20,10 +8,6 @@
 * Use external CSS files or embedded CSS (commented code example included) for the dragover event look and feel
 * Easily revert back to the standard button look and feel by simply setting the controls appearance property to "button" 
 
-**Screen Shot**
-
-<img src="ville_Upload_capture1.PNG" alt="ville.Upload control examples">
-
 <!-- GETTING STARTED -->
 ## Using the Control in your Application
 To use the control in your application, go into the application root directory and install the library into your project:
@@ -48,4 +32,4 @@ Distributed under the MIT License. See `LICENSE` for more information.
 
 <!-- CONTACT -->
 ## Contact
-Chris Eskew - [@SQville](https://twitter.com/SQville) - email: sqville@gmail.com
+Chris Eskew (sqville) - email: sqville@gmail.com

source/boot/index.html

@@ -36,7 +36,7 @@
     }
   </style>
 
-  <title>${name}</title>
+  <title>ville.Upload</title>
   <noscript>
     <meta http-equiv="refresh" content="0; url=nojs.html"/>
   </noscript>

source/class/demo/Application.js

@@ -1,10 +1,8 @@
 /* ************************************************************************
 
-   Copyright: 2022 
-
    License: MIT license
 
-   Authors: sqville
+   Authors: Chris Eskew (sqville) - sqville@gmail.com
 
 ************************************************************************ */
 
@@ -59,9 +57,9 @@ qx.Class.define("demo.Application",
       */
 
       // Create an Upload button
-      var uploadbutton1 = new ville.Upload("Drap and drop files here, or click to browse", "qx/icon/Tango/64/actions/go-top.png").set({ iconPosition: "top", multiple: true });
+      var uploadbutton1 = new ville.Upload("Drag and drop files here, or click to browse", "qx/icon/Tango/64/actions/go-top.png").set({ iconPosition: "top", multiple: true });
 
-      var uploadbutton2 = new ville.Upload("Drap and drop files here, or click to browse", "qx/icon/Tango/64/actions/go-top.png").set({ appearance: "button", iconPosition: "top", multiple: true });
+      var uploadbutton2 = new ville.Upload("Drag and drop files here, or click to browse", "qx/icon/Tango/64/actions/go-top.png").set({ appearance: "button", iconPosition: "top", multiple: true });
 
       // Document is the application root
       var doc = this.getRoot();

source/class/ville/Upload.js

@@ -1,3 +1,11 @@
+/* ************************************************************************
+
+   License: MIT license
+
+   Authors: Chris Eskew (sqville) - sqville@gmail.com
+
+************************************************************************ */
+
 qx.Class.define("ville.Upload", {
 
 	extend: qx.ui.form.FileSelectorButton,
@@ -20,7 +28,7 @@ qx.Class.define("ville.Upload", {
 		if (cssfile)
 			this.__externalcssfile = cssfile;
 
-		// Include and external CSS file for the dragover native event
+		// Include an external CSS file for the dragover native event
         var uri = qx.util.ResourceManager.getInstance().toUri(
             this.__externalcssfile
         );
@@ -42,16 +50,16 @@ qx.Class.define("ville.Upload", {
         this.addListenerOnce("appear", function(e) {
 
            	//*** Required - grab the object's Dom Element and attach native drag and drop event listeners
-           	//var domtable = this.getContentElement().getDomElement();
-           	var domtable = e.getTarget().getContentElement().getDomElement();
+           	//var domelem = this.getContentElement().getDomElement();
+           	var domelem = e.getTarget().getContentElement().getDomElement();
 
            	var dragcssclassname = this.__dragovercssclassname;
 
 			//*** ADD DRAG AND DROP EVENTS TO THE DOM ELEMENT:
 			//**  Adding events using qx.bom.Event object is the same as adding an "on" event directly to the Dom Element,
-			//**  for example, the "addNativeListener()" function is the same as: domtable.ondrop = function() {};
+			//**  for example, the "addNativeListener()" function is the same as: domelem.ondrop = function() {};
 			//*** DRAGENTER
-			qx.bom.Event.addNativeListener(domtable, "dragenter", function(e) {
+			qx.bom.Event.addNativeListener(domelem, "dragenter", function(e) {
 				if (e.target.nodeType == 1) {
 					e.dataTransfer.dropEffect = 'copy';
 					qx.bom.Event.preventDefault(e);
@@ -60,30 +68,30 @@ qx.Class.define("ville.Upload", {
 			});
 
            	//*** DRAGLEAVE
-	    	qx.bom.Event.addNativeListener(domtable, "dragleave", function(e) {    		
+	    	qx.bom.Event.addNativeListener(domelem, "dragleave", function(e) {    		
 	    		if (e.target.nodeType == 1) {
 	    			qx.bom.element.Class.remove(this, dragcssclassname);
 	    		}	
 	    	});
 
 	    	//*** DRAGEXIT
-	    	qx.bom.Event.addNativeListener(domtable, "dragexit", function(e) {
+	    	qx.bom.Event.addNativeListener(domelem, "dragexit", function(e) {
 	    		qx.bom.Event.stopPropagation(e);
 	    		qx.bom.Event.preventDefault(e);
 	    		qx.bom.element.Class.remove(this, dragcssclassname);
 	    		e.dataTransfer.dropEffect = 'none';	
 	    	});
 
 	    	//*** DRAGEND
-	    	qx.bom.Event.addNativeListener(domtable, "dragend", function(e) {
+	    	qx.bom.Event.addNativeListener(domelem, "dragend", function(e) {
 	    		qx.bom.Event.stopPropagation(e);
 	    		qx.bom.Event.preventDefault(e);
 	    		qx.bom.element.Class.remove(this, dragcssclassname);
 	    		e.dataTransfer.dropEffect = 'none';	
 	    	});
 
 	     	//*** DRAGOVER
-	     	qx.bom.Event.addNativeListener(domtable, "dragover", function(e) {		
+	     	qx.bom.Event.addNativeListener(domelem, "dragover", function(e) {		
 		    	if (e.target.nodeType == 1) {
 	    			e.dataTransfer.dropEffect = 'copy';
 	    			qx.bom.Event.preventDefault(e);
@@ -93,7 +101,7 @@ qx.Class.define("ville.Upload", {
 	     	});
 
 	     	//*** DROP
-	     	qx.bom.Event.addNativeListener(domtable, "drop", function(e) {		
+	     	qx.bom.Event.addNativeListener(domelem, "drop", function(e) {		
 	    		qx.bom.Event.preventDefault(e);
 	    		qx.bom.Event.stopPropagation(e);
 	    		qx.bom.element.Class.remove(this, dragcssclassname);
@@ -121,7 +129,7 @@ qx.Class.define("ville.Upload", {
     */
     members: {
 
-        __dragovercssclassname: "sqvdocumentdndenter2022",
+        __dragovercssclassname: "ville-upload-dragndrop-enter",
 
 		__externalcssfile : "ville/upload/css/dragndrop.css"
     }

source/class/ville/upload/Appearance.js

@@ -1,10 +1,8 @@
 /* ************************************************************************
 
-   Copyright: 2022 
-
    License: MIT license
 
-   Authors: sqville
+   Authors: Chris Eskew (sqville) - sqville@gmail.com
 
 ************************************************************************ */
 

source/class/ville/upload/Decoration.js

@@ -1,10 +1,8 @@
 /* ************************************************************************
 
-   Copyright: 2022 
-
    License: MIT license
 
-   Authors: sqville
+   Authors: Chris Eskew (sqville) - sqville@gmail.com
 
 ************************************************************************ */
 

source/resource/ville/upload/css/dragndrop.css

@@ -1,4 +1,4 @@
-.sqvdocumentdndenter2022 {
+.ville-upload-dragndrop-enter {
     opacity: .7; 
     border: 1px solid orange !important;
 }