New improvements for j-PictureUpload and j-Preview.

totaljs · Mar 12, 2020 · 1269799 · 1269799
1 parent 4ec9bec
commit 1269799
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 16 deletions.
diff --git a/j-PictureUpload/component.js b/j-PictureUpload/component.js
@@ -1,4 +1,4 @@
-COMPONENT('pictureupload', 'extension:false;singlefile:true;type:png', function(self, config) {
+COMPONENT('pictureupload', 'extension:false;singlefile:true;type:png', function(self, config, cls) {
 
 	var empty, img, canvas, content = null;
 
@@ -43,7 +43,7 @@ COMPONENT('pictureupload', 'extension:false;singlefile:true;type:png', function(
 
 	self.redraw = function() {
 		var label = config.label || content;
-		self.html((label ? '<div class="ui-pictureupload-label">{0}{1}:</div>'.format(config.icon ? '<i class="fa fa-{0}"></i>'.format(config.icon) : '', label) : '') + '<input type="file" accept="image/*" class="hidden" /><img src="{0}" class="img-responsive" alt="" />'.format(empty, config.width, config.height));
+		self.html((label ? ('<div class="' + cls + '-label">{0}{1}:</div>'.format(config.icon ? '<i class="fa fa-{0}"></i>'.format(config.icon) : '', label)) : '') + '<input type="file" accept="image/*" class="hidden" /><img src="{0}" class="img-responsive" alt="" />'.format(empty, config.width, config.height));
 		img = self.find('img');
 		img.on('click', function() {
 			self.find('input').trigger('click');
@@ -53,7 +53,7 @@ COMPONENT('pictureupload', 'extension:false;singlefile:true;type:png', function(
 	self.make = function() {
 
 		content = self.html();
-		self.aclass('ui-pictureupload');
+		self.aclass(cls);
 		self.reinit();
 		self.redraw();
 

diff --git a/j-PictureUpload/component.json b/j-PictureUpload/component.json
@@ -1,9 +1,10 @@
 {
 	"datecreated": "2016-09-01T23:55:00.000Z",
-	"dateupdated": "2019-02-14T15:00:00.000Z",
+	"dateupdated": "2020-03-12T09:21:00.000Z",
 	"name": "j-PictureUpload",
 	"tags": [
-		"jcomponent"
+		"picture",
+		"upload"
 	],
 	"color": "transparent",
 	"version": 1,

diff --git a/j-PictureUpload/dependencies.html b/j-PictureUpload/dependencies.html
@@ -1,2 +1,2 @@
-<link href="https://cdn.componentator.com/spa.min@17.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.componentator.com/spa.min@17.js"></script>
+<link href="https://cdn.componentator.com/spa.min@18.css" rel="stylesheet" type="text/css" />
+<script src="https://cdn.componentator.com/spa.min@18.js"></script>
diff --git a/j-PictureUpload/example.html b/j-PictureUpload/example.html
@@ -1,5 +1,5 @@
 <div style="padding:50px;max-width:300px">
-	<div data-jc="pictureupload__picture__width:300;height:200;url:/upload/;icon:folder-o">Picture</div>
+	<div data---="pictureupload__picture__width:300;height:200;url:/upload/;icon:folder-o">Picture</div>
 </div>
 
 <script>

diff --git a/j-PictureUpload/readme.md b/j-PictureUpload/readme.md
@@ -3,6 +3,7 @@
 - easy usage
 - works with Bootstrap Grid System
 - drag and drop support
+- uploads a raw file (without resizing)
 
 __Configuration__:
 
@@ -14,8 +15,8 @@ __Configuration__:
 - `src` {String} an image path (default: `null`), e.g. `/img/{0}.jpg`
 - `extension` {Boolean} response without file extension (default: `false`)
 - `singlefile` {Boolean} response will be string instead of array (default: `true`)
-- __new__ `type` {String} output type (default: `png`)
-- __new__ `quality` {Number} output quality
+- __new__ `type` {String} preview: output type (default: `png`)
+- __new__ `quality` {Number} preview: output quality
 
 ### Author
 

diff --git a/j-Preview/component.js b/j-Preview/component.js
@@ -1,4 +1,4 @@
-COMPONENT('preview', 'width:200;height:100;background:#FFFFFF;quality:90;customize:1;schema:{file\\:base64,name\\:filename}', function(self, config) {
+COMPONENT('preview', 'width:200;height:100;background:#FFFFFF;quality:90;customize:1;schema:{file\\:base64,name\\:filename}', function(self, config, cls) {
 
 	var empty, img, canvas, name, content = null;
 
@@ -129,7 +129,7 @@ COMPONENT('preview', 'width:200;height:100;background:#FFFFFF;quality:90;customi
 
 	self.redraw = function() {
 		var label = config.label || content;
-		self.html((label ? '<div class="ui-preview-label">{0}{1}:</div>'.format(config.icon ? '<i class="fa fa-{0}"></i>'.format(config.icon) : '', label) : '') + '<input type="file" accept="image/*" class="hidden" /><img src="{0}" class="img-responsive" alt="" />'.format(empty, config.width, config.height));
+		self.html((label ? ('<div class="' + cls + '-label">{0}{1}:</div>'.format(config.icon ? '<i class="fa fa-{0}"></i>'.format(config.icon) : '', label)) : '') + '<input type="file" accept="image/*" class="hidden" /><img src="{0}" class="img-responsive" alt="" />'.format(empty, config.width, config.height));
 		img = self.find('img');
 		img.on('click', function() {
 			self.find('input').trigger('click');
@@ -139,7 +139,7 @@ COMPONENT('preview', 'width:200;height:100;background:#FFFFFF;quality:90;customi
 	self.make = function() {
 
 		content = self.html();
-		self.aclass('ui-preview');
+		self.aclass(cls);
 		self.reinit();
 		self.redraw();
 

diff --git a/j-Preview/component.json b/j-Preview/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2017-11-23T20:42:02.000Z",
-	"dateupdated": "2019-05-07T15:39:00.000Z",
+	"dateupdated": "2020-03-12T09:24:00.000Z",
 	"name": "j-Preview",
 	"tags": [
 		"picture",

diff --git a/j-Preview/dependencies.html b/j-Preview/dependencies.html
@@ -1,2 +1,2 @@
-<link href="https://cdn.componentator.com/spa.min@17.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.componentator.com/spa.min@17.js"></script>
+<link href="https://cdn.componentator.com/spa.min@18.css" rel="stylesheet" type="text/css" />
+<script src="https://cdn.componentator.com/spa.min@18.js"></script>