Item12511: added support for HTML5 data

- this is stage 1 of transitioning over from metadata to html5 data
- added "use strict" where applicable
- fixed some js errors pointed out by jslint
- using prop() instead of attr() where appropriate to be upgrade safe

JQueryPlugin/data/System/JQueryLiveQuery.txt

@@ -1,4 +1,4 @@
-%META:TOPICINFO{author="ProjectContributor" date="1456220586" format="1.1" version="1"}%
+%META:TOPICINFO{author="ProjectContributor" date="1512570593" format="1.1" version="1"}%
 %META:TOPICPARENT{name="JQueryPlugin"}%
 ---+ %TOPIC%
 %JQPLUGINS{"livequery"
@@ -160,10 +160,9 @@ processed by an event handler registered using =livequery=.
 %STARTSECTION{"loadme"}% <div class="trigger">hello world</div> %ENDSECTION{"loadme"}%
 </verbatim>
 
-
 This is a JQueryLoader that will load the content of the =loadme= section below one with a delay of two second.
 
-<div id="loader" class="jqLoader {section:'loadme', delay:2000}">
+<div id="loader" class="jqLoader" data-section="loadme" data-delay="2000">
 %ICON{"processing"}%
 </div>
 

JQueryPlugin/data/System/JQueryLoader.txt

@@ -1,4 +1,4 @@
-%META:TOPICINFO{author="ProjectContributor" date="1456220586" format="1.1" version="1"}%
+%META:TOPICINFO{author="ProjectContributor" date="1512570593" format="1.1" version="1"}%
 %META:TOPICPARENT{name="JQueryPlugin"}%
 ---+!! %TOPIC%
 %JQPLUGINS{"loader"
@@ -23,10 +23,10 @@ Then add the ==jqLoader== css class to the div (or verbatim) element which will
 a container for the content to be loaded. Any ==jqLoader== container requires either
 an ==url== or a ==section== parameter to specify the location from where to load the content.
 
-Parameter are specified using JQueryMetadata, as in 
+Parameter are specified using HTML5 data, as in 
 
 <verbatim class="html">
-<div class="jqLoader {key:'value', ....}"></div>
+<div class="jqLoader" data-key1="value1" data-key2="value2" ...></div>
 </verbatim>
 
 | *Parameter* | *Description* | *Default* |
@@ -61,7 +61,7 @@ events can be used to hook your own callbacks to be processed when they are fire
 
 <verbatim class="tml">
 %JQREQUIRE{"loader"}%
-<div class="jqLoader {section:'recentchanges'}" id="myLoader">
+<div class="jqLoader" data-section="recentchanges" id="myLoader">
 <verbatim>
 %STARTSECTION{"recentchanges"}%<!-- -->
 %SEARCH{
@@ -82,7 +82,7 @@ events can be used to hook your own callbacks to be processed when they are fire
 ... if installed:
 
 %JQREQUIRE{"loader"}%
-<div class="jqLoader {section:'recentchanges', effect:'%CALCULATE{$FILTER([^a-zA-Z0-9 ], %URLPARAM{"effect" default="fade" }%)}%'}" id="myLoader"></div>
+<div class="jqLoader" id="myLoader" data-section="recentchanges" data-effect="%URLPARAM{"effect" default="fade" encode="safe"}%" ></div>
 
 <div class="foswikiLeft">
   <label for="effect"><b>Effect:</b></label>

JQueryPlugin/data/System/JQueryTextboxList.txt

@@ -1,4 +1,4 @@
-%META:TOPICINFO{author="ProjectContributor" date="1456220586" format="1.1" version="1"}%
+%META:TOPICINFO{author="ProjectContributor" date="1512570593" format="1.1" version="1"}%
 %META:TOPICPARENT{name="JQueryPlugin"}%
 ---+ %TOPIC%
 %JQPLUGINS{"textboxlist"
@@ -13,7 +13,7 @@
 
 ---++ Description
 %STARTSECTION{"summary"}%
-Turns a text input into a Facebook like list widget with autocompletion.
+Turns a text input into a list widget with autocompletion.
 This plugin adds a new formfield type =textboxlist= to DataForms.
 %ENDSECTION{"summary"}%
 
@@ -48,7 +48,7 @@ In both cases =options= is a json object to customized the textboxlist to your n
 | listValueClass | css class of values in the list | jqTextboxListValue |
 | closeClass | css class of the close button of a list value | jqTextboxListClose |
 | enableClose | boolean flag toggling the display of a close button on a list value | true |
-| doSort | boolean flag enabling to sort list values when displaying them | false |
+| sorting | option to enable sorting of the list of values, can =true=, =false= or =manual= | manual |
 | inputName | name of the input element used for list values; equals to the name of the original input field if undefined | undefined |
 | resetControl | jquery selector to specify a reset button; will revert changes to the initial list of values | undefined |
 | clearControl | jquery selector to specify a clear button that will empty the textboxlist | undefined |

JQueryPlugin/lib/Foswiki/Plugins/JQueryPlugin/LIVEQUERY.pm

@@ -28,7 +28,7 @@ sub new {
     my $this = bless(
         $class->SUPER::new(
             name       => 'LiveQuery',
-            version    => '1.3.1',
+            version    => '1.3.6',
             author     => 'Brandon Aaron, Alexander Zaytsev',
             homepage   => 'https://github.com/hazzik/livequery',
             javascript => ['jquery.livequery.js'],

JQueryPlugin/lib/Foswiki/Plugins/JQueryPlugin/LOADER.pm

@@ -12,7 +12,7 @@ sub new {
     my $this = bless(
         $class->SUPER::new(
             name         => 'Loader',
-            version      => '2.11',
+            version      => '2.12',
             author       => 'Michael Daum',
             homepage     => 'http://foswiki.org/Extensions/JQueryPlugin',
             tags         => 'LOADER',

JQueryPlugin/lib/Foswiki/Plugins/JQueryPlugin/STARS.pm

@@ -28,7 +28,7 @@ sub new {
     my $this = bless(
         $class->SUPER::new(
             name       => 'Stars',
-            version    => '2.00',
+            version    => '2.10',
             author     => 'Michael Daum',
             homepage   => 'http://foswiki.org/Extensions/JQueryPlugin',
             css        => [ 'jquery.stars.css', ],

JQueryPlugin/lib/Foswiki/Plugins/JQueryPlugin/SUPERFISH.pm

@@ -26,12 +26,12 @@ sub new {
 
     my $this = bless(
         $class->SUPER::new(
-            name       => 'Superfish',
-            version    => '1.7.7',
-            author     => 'Joel Birch',
-            homepage   => 'http://users.tpg.com.au/j_birch/plugins/superfish/',
-            javascript => ['jquery.superfish.js'],
-            css        => ['jquery.superfish.css'],
+            name         => 'Superfish',
+            version      => '1.7.7',
+            author       => 'Joel Birch',
+            homepage     => 'https://superfish.joelbirch.co/',
+            javascript   => ['jquery.superfish.js'],
+            css          => ['jquery.superfish.css'],
             dependencies => ['hoverintent'],
         ),
         $class

JQueryPlugin/lib/Foswiki/Plugins/JQueryPlugin/TEXTBOXLIST.pm

@@ -28,7 +28,7 @@ sub new {
     my $this = bless(
         $class->SUPER::new(
             name     => 'TextboxList',
-            version  => '1.01',
+            version  => '2.11',
             author   => 'Michael Daum',
             homepage => 'http://foswiki.org/Extensions/JQueryPlugin',
             css      => ['jquery.textboxlist.css'],
@@ -47,7 +47,7 @@ sub new {
 __END__
 Foswiki - The Free and Open Source Wiki, http://foswiki.org/
 
-Copyright (C) 2010-2016 Foswiki Contributors. Foswiki Contributors
+Copyright (C) 2010-2017 Foswiki Contributors. Foswiki Contributors
 are listed in the AUTHORS file in the root of this distribution.
 NOTE: Please extend that file, not this notice.
 

JQueryPlugin/pub/System/JQueryPlugin/noconflict.uncompressed.js

@@ -1 +1,2 @@
+"use strict";
 var $j = jQuery.noConflict();

JQueryPlugin/pub/System/JQueryPlugin/plugins/autocomplete/jquery.autocomplete.init.uncompressed.js

@@ -1,3 +1,4 @@
+"use strict";
 jQuery(function($) {
   var defaults = {
     selectFirst:false,
@@ -14,7 +15,7 @@ jQuery(function($) {
           $this.attr("autocomplete") 
           || $this[0].getAttribute("autocomplete") /* fix for firefox-4 */
           || '',
-        options = $.extend({}, defaults, $this.metadata());
+        options = $.extend({}, defaults, $this.data(), $this.metadata());
 
     if (!urlOrData.match("^https?://")) {
       urlOrData = urlOrData.split(/\s*,\s*/);

JQueryPlugin/pub/System/JQueryPlugin/plugins/cycle/jquery.cycle.init.uncompressed.js

@@ -1,7 +1,8 @@
+"use strict";
 jQuery(function($) {
   $(".jqCycle:not(.jqInitedCycle)").livequery(function() {
     var $this = $(this);
-    var opts = $.extend({}, $this.metadata());
+    var opts = $.extend({}, $this.data(), $this.metadata());
     $this.addClass(".jqInitedCycle").cycle(opts);
   });
 });

JQueryPlugin/pub/System/JQueryPlugin/plugins/fluidfont/jquery.fluidfont.uncompressed.js

@@ -1,7 +1,7 @@
 /*
- * jQuery fluid font plugin 1.0
+ * jQuery fluid font plugin 1.01
  *
- * Copyright (c) 2009-2016 Foswiki Contributors http://foswiki.org
+ * Copyright (c) 2009-2017 Foswiki Contributors http://foswiki.org
  *
  * inspired by TextZooming by James Newbery http://www.tinnedfruit.com/sandbox/textzoom.html
  *
@@ -11,6 +11,7 @@
  *
  */
 
+"use strict";
 /***************************************************************************
  * plugin definition 
  */
@@ -47,7 +48,7 @@
 
       fontSize = $this.css('font-size');
       fontRatio = getRatio(fontSize);
-      lineHeight = $this.css('line-height')
+      lineHeight = $this.css('line-height');
       lineRatio = getRatio(lineHeight);
       lineRatio = lineRatio / fontRatio;
       //$.log("fontSize="+fontSize+" lineHeight="+lineHeight+" fontRatio="+fontRatio+" lineRatio="+lineRatio);
@@ -97,7 +98,7 @@
   /* initialisation */
   $(function() {
     $(".jqFluidFont").not(".jqInitedFluidFont").each(function() {
-      var $this = $(this), opts = $.extend({}, $this.metadata());
+      var $this = $(this), opts = $.extend({}, $this.data(), $this.metadata());
       $this.addClass("jqInitedFluidFont");
       $this.fluidfont(opts);
     });

JQueryPlugin/pub/System/JQueryPlugin/plugins/gradient/jquery.gradient.init.uncompressed.js

@@ -1,8 +1,9 @@
+"use strict";
 jQuery(function($) {
   $(".jqGradient:not(.jqInitedGradient)").each(function() {
     var $this = $(this);
     $this.addClass("jqInitedGradient");
-    var opts = $.extend({}, $this.metadata());
+    var opts = $.extend({}, $this.data(), $this.metadata());
     $this.gradient(opts);
   });
 });

JQueryPlugin/pub/System/JQueryPlugin/plugins/innerfade/jquery.innerfade.init.uncompressed.js

@@ -1,3 +1,4 @@
+"use strict";
 jQuery(function($) {
   var defaults = {
     speed: 1000,
@@ -8,7 +9,7 @@ jQuery(function($) {
   $('.jqInnerfade:not(.jqInitedInnerfade)').livequery(function() {
     var $this = $(this);
     $this.addClass("jqInitedInnerfade");
-    var opts = $.extend({}, defaults, $this.metadata());
+    var opts = $.extend({}, defaults, $this.data(), $this.metadata());
     $this.innerfade(opts);
   });
 });

JQueryPlugin/pub/System/JQueryPlugin/plugins/loader/jquery.loader.uncompressed.js

@@ -1,13 +1,14 @@
 /*
- * jQuery Loader plugin 2.11
+ * jQuery Loader plugin 2.13
  *
- * Copyright (c) 2011-2016 Foswiki Contributors http://foswiki.org
+ * Copyright (c) 2011-2017 Foswiki Contributors http://foswiki.org
  *
  * Dual licensed under the MIT and GPL licenses:
  *   http://www.opensource.org/licenses/mit-license.php
  *   http://www.gnu.org/licenses/gpl.html
  *
  */
+"use strict";
 jQuery(function($) {
 
   // global defaults
@@ -55,7 +56,7 @@ jQuery(function($) {
         self.load();
       }
     }
-  };
+  }
 
   // init method
   JQLoader.prototype.init = function() {
@@ -65,7 +66,13 @@ jQuery(function($) {
     // add refresh listener
     $elem.bind("refresh.jqloader", function(e, opts) {
       $.extend(self.options, opts);
-      self.load();
+      if (self.options.delay) {
+        window.setTimeout(function() {
+          self.load();
+        }, self.options.delay);
+      } else  {
+        self.load();
+      }
     });
 
     // add onload listener 
@@ -135,7 +142,6 @@ jQuery(function($) {
   // load method
   JQLoader.prototype.load = function() {
     var self = this,
-        pubUrlPath = foswiki.getPreference("PUBURLPATH"),
         $elem = $(self.element),
         web = self.options.web || foswiki.getPreference("WEB"),
         topic = self.options.topic || foswiki.getPreference("TOPIC"),
@@ -225,7 +231,7 @@ jQuery(function($) {
         );
       }
     });
-  }
+  };
 
   // register css class 
   $(".jqLoader:not(.jqLoaderInited)").livequery(function() {

JQueryPlugin/pub/System/JQueryPlugin/plugins/masonry/jquery.masonry.init.uncompressed.js

@@ -1,4 +1,4 @@
-'use strict';
+"use strict";
 jQuery(function($) {
   var defaults = {
     waitForImages: true

JQueryPlugin/pub/System/JQueryPlugin/plugins/masonry/jquery.masonry.uncompressed.js

@@ -3185,7 +3185,7 @@ return Outlayer;
 
 }));
 
-'use strict';
+"use strict";
 jQuery(function($) {
   var defaults = {
     waitForImages: true

JQueryPlugin/pub/System/JQueryPlugin/plugins/media/jquery.media.init.uncompressed.js

@@ -1,3 +1,4 @@
+"use strict";
 jQuery(function($) {
   var pubUrlPath = foswiki.getPreference("PUBURLPATH")+'/'+foswiki.getPreference("SYSTEMWEB")+'/JQueryPlugin';
 
@@ -13,7 +14,7 @@ jQuery(function($) {
         options = $.extend({
           caption: '',
           skin: 'stormtrooper'
-        }, $this.metadata());
+        }, $this.data(), $this.metadata());
 
     if (options.autoplay) {
       options.flashvars = $.extend({}, options.flashvars, {

JQueryPlugin/pub/System/JQueryPlugin/plugins/rating/jquery.rating.init.uncompressed.js

@@ -1,3 +1,4 @@
+"use strict";
 jQuery(function($) {
 
   $(".jqRating:not(.jqInitedRating)").livequery(function() {
@@ -20,7 +21,7 @@ jQuery(function($) {
                 title = $link.attr("title") || $link.attr("value");
             $this.find(".jqRatingValue").text(title);
           } 
-        }, $this.metadata()),
+        }, $this.data(), $this.metadata()),
         $link = $this.find(":checked"),
         val = $link.attr("title") || $link.attr("value") || '';
 

JQueryPlugin/pub/System/JQueryPlugin/plugins/rating/jquery.rating.uncompressed.js

@@ -301,8 +301,8 @@
 			var lastipt = $( control.inputs ).filter(':checked');
 			var deadipt = $( control.inputs ).not(current);
 			// check and uncheck elements as required
-			deadipt.prop('checked',false);//.removeAttr('checked');
-			current.prop('checked',true);//.attr('checked','checked');
+			deadipt.prop('checked',false);
+			current.prop('checked',true);
 			// trigger change on current or last selected input
 			$(current.length? current : lastipt ).trigger({ type:'change', selfTriggered:true });
 			// click callback, as requested here: http://plugins.jquery.com/node/1655
@@ -320,7 +320,7 @@
 			// setread-only status
 			control.readOnly = toggle || toggle==undefined ? true : false;
 			// enable/disable control value submission
-			if(disable) $(control.inputs).attr("disabled", "disabled");
+			if(disable) $(control.inputs).pop("disabled", true);
 			else     			$(control.inputs).removeAttr("disabled");
 			// Update rating control state
 			this.data('rating', control);

JQueryPlugin/pub/System/JQueryPlugin/plugins/scrollto/jquery.scrollTo.init.uncompressed.js

@@ -1,6 +1,9 @@
+"use strict";
 jQuery(function($) {
   $(document).on("click", ".jqScrollToLink", function() {
-    var opts = $.extend({}, $(this).metadata());
+    var $this = $(this), 
+        opts = $.extend({}, $this.data(), $this.metadata());
+
     $.scrollTo(opts.target, opts);
     return false;
   });

JQueryPlugin/pub/System/JQueryPlugin/plugins/simplemodal/jquery.simplemodal.init.uncompressed.js

@@ -1,3 +1,4 @@
+"use strict";
 (function($) { 
   /**************************************************************************/
   foswiki.openDialog = function(data, opts) { 
@@ -86,7 +87,7 @@
     dialog.container.find(".jqSimpleModalDraggable").each(function() {
       var opts = $.extend({
         handle: '.jqSimpleModalDraggable'
-      }, $(this).metadata());
+      }, $(this).data(), $(this).metadata());
       dialog.container.draggable(opts);
     });
 

JQueryPlugin/pub/System/JQueryPlugin/plugins/slimbox/slimbox2.init.uncompressed.js

@@ -1,3 +1,4 @@
+"use strict";
 jQuery(function($) {
   var defaults = {
 

JQueryPlugin/pub/System/JQueryPlugin/plugins/textboxlist/jquery.textboxlist.init.uncompressed.js

@@ -1,9 +1,8 @@
+"use strict";
 jQuery(function($) {
   $("input.jqTextboxList:not(.jqInitedTextboxList)").livequery(function() {
     var $this = $(this),
-        opts = $.extend({
-          autocomplete:$this.attr("autocomplete")
-        }, $this.metadata());
+        opts = $.extend({ autocomplete:$this.attr("autocomplete") }, $this.data(), $this.metadata());
 
     $this.addClass("jqInitedTextboxList").textboxlist(opts);
   });