Changeset 3768:42e99b4be675 for plugins

Timestamp:

07/06/18 16:37:54 (7 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Switch from img to input for expanding/hiding various contents (posts, module details, …)

Location:

plugins

Files:

• blowupConfig/js/config.js (modified) (1 diff)
• widgets/js/widgets.js (modified) (2 diffs)

plugins/blowupConfig/js/config.js

@@ -69 +69 @@
   // Code import
   var e = $('#bu_export_content');
-  e.toggle();
 
-  var img = document.createElement('img');
-  img.src = dotclear.img_plus_src;
-  img.alt = dotclear.img_plus_alt;
-  img.className = 'expand';
-  $(img).css('cursor', 'pointer');
-  $(document.createTextNode(' ')).prependTo('#bu_export');
-  $(img).prependTo('#bu_export');
-
-  $(img).click(function() {
-    if (e.css('display') == 'none') {
-      this.src = dotclear.img_minus_src;
-      this.alt = dotclear.img_minus_alt;
-    } else {
-      this.src = dotclear.img_plus_src;
-      this.alt = dotclear.img_plus_alt;
-    }
-    e.toggle();
-  });
+  $('#bu_export').toggleWithLegend($(e),{
+      legend_click: true
+  })
 
   var a = document.createElement('a');

plugins/widgets/js/widgets.js

@@ -13 +13 @@
   title.empty().append(order).append(link).append(tools).append(br);
 
-  var img = document.createElement('img');
-  img.src = dotclear.img_plus_src;
-  img.alt = dotclear.img_plus_alt;
-  img.className = 'expand';
-  $(img).css('cursor', 'pointer');
-  img.onclick = function() {
+  var b = document.createElement('input');
+  b.setAttribute('type', 'submit');
+  b.className = 'details-cmd';
+  b.value = dotclear.img_plus_txt;
+  b.setAttribute('aria-label', dotclear.img_plus_alt);
+  b.onclick = function(e) {
+    e.preventDefault();
     dotclear.viewPostContent($(this).parents('li'));
   };
@@ -25 +26 @@
     dotclear.viewPostContent($(this).parents('li'));
   });
-  title.prepend(img);
+  title.prepend(b);
 };
 
 dotclear.viewPostContent = function(line, action) {
   action = action || 'toogle';
-  var img = line.find('.expand');
-  var isopen = img.attr('alt') == dotclear.img_plus_alt;
+  var img = line.find('.details-cmd');
+  var isopen = img.attr('aria-label') == dotclear.img_plus_alt;
 
   if (action == 'close' || (action == 'toogle' && !isopen)) {
     line.find('.widgetSettings').hide();
-    img.attr('src', dotclear.img_plus_src);
-    img.attr('alt', dotclear.img_plus_alt);
+    img.attr('value', dotclear.img_plus_txt);
+    img.attr('aria-label', dotclear.img_plus_alt);
   } else if (action == 'open' || (action == 'toogle' && isopen)) {
     line.find('.widgetSettings').show();
-    img.attr('src', dotclear.img_minus_src);
-    img.attr('alt', dotclear.img_minus_alt);
+    img.attr('value', dotclear.img_minus_txt);
+    img.attr('aria-label', dotclear.img_minus_alt);
   }