Changeset 28775 for trunk/plugins/TakeATour

Timestamp:

Jun 23, 2014, 10:08:45 PM (10 years ago)

Author:

flop25

Message:

adjustments for 2.7
js updated to 9.0.3

Location:

trunk/plugins/TakeATour

Files:

• js (modified) (1 prop)
• js/custom-bootstrap-tour-standalone.js (modified) (10 diffs)
• js/custom.patch (added)
• language/en_UK/plugin.lang.php (modified) (6 diffs)
• tours/first_contact/tour.tpl (modified) (5 diffs)

trunk/plugins/TakeATour/js/custom-bootstrap-tour-standalone.js

@@ -1 +1 @@
 /* ===========================================================
-# bootstrap-tour - v0.9.0
+# bootstrap-tour - v0.9.3
 # http://bootstraptour.com
 # ==============================================================
@@ -18 +18 @@
 */
 /* ========================================================================
- * Bootstrap: tooltip.js v3.1.0
+ * Bootstrap: transition.js v3.1.1
+ * http://getbootstrap.com/javascript/#transitions
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+  // ============================================================
+
+  function transitionEnd() {
+    var el = document.createElement('bootstrap')
+
+    var transEndEventNames = {
+      'WebkitTransition' : 'webkitTransitionEnd',
+      'MozTransition'    : 'transitionend',
+      'OTransition'      : 'oTransitionEnd otransitionend',
+      'transition'       : 'transitionend'
+    }
+
+    for (var name in transEndEventNames) {
+      if (el.style[name] !== undefined) {
+        return { end: transEndEventNames[name] }
+      }
+    }
+
+    return false // explicit for ie8 (  ._.)
+  }
+
+  // http://blog.alexmaccaw.com/css-transitions
+  $.fn.emulateTransitionEnd = function (duration) {
+    var called = false, $el = this
+    $(this).one($.support.transition.end, function () { called = true })
+    var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
+    setTimeout(callback, duration)
+    return this
+  }
+
+  $(function () {
+    $.support.transition = transitionEnd()
+  })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: tooltip.js v3.1.1
  * http://getbootstrap.com/javascript/#tooltip
  * Inspired by the original jQuery.tipsy by Jason Frame
@@ -418 +467 @@
 
 /* ========================================================================
- * Bootstrap: popover.js v3.1.0
+ * Bootstrap: popover.js v3.1.1
  * http://getbootstrap.com/javascript/#popovers
  * ========================================================================
@@ -533 +582 @@
   Tour = (function() {
     function Tour(options) {
+      var storage;
+      try {
+        storage = window.localStorage;
+      } catch (_error) {
+        storage = false;
+      }
       this._options = $.extend({
         name: "tour",
@@ -538 +593 @@
         container: "body",
         keyboard: true,
-        storage: window.localStorage,
+        storage: storage,
         debug: false,
         backdrop: false,
@@ -696 +751 @@
       this._removeState("current_step");
       this._removeState("end");
-      this.setCurrentStep(0);
       return this.start();
     };
@@ -831 +885 @@
         }
         _this._scrollIntoView(step.element, function() {
+            if (_this.getCurrentStep() !== i) {
+              return;
+            }
           if ((step.element != null) && step.backdrop) {
             _this._showOverlayElement(step.element);
@@ -968 +1025 @@
     Tour.prototype._showPopover = function(step, i) {
       var $element, $navigation, $template, $tip, isOrphan, options;
+      $(".tour-" + this._options.name).remove();
       options = $.extend({}, this._options);
       $template = $.isFunction(step.template) ? $(step.template(i, step)) : $(step.template);
@@ -983 +1041 @@
         $.extend(options, step.options);
       }
-      if (step.reflex & !isOrphan) {
+      if (step.reflex && !isOrphan) {
         $element.css("cursor", "pointer").on("click.tour-" + this._options.name, (function(_this) {
           return function() {
@@ -1195 +1253 @@
 
     Tour.prototype._hideBackground = function() {
+      if (this.backdrop) {
       this.backdrop.remove();
       this.backdrop.overlay = null;
       return this.backdrop.backgroundShown = false;
+      }
     };
 

trunk/plugins/TakeATour/language/en_UK/plugin.lang.php

@@ -19 +19 @@
 $lang['first_contact_stp4'] = 'First choose an album; create one if there is no album yet.';
 $lang['first_contact_title5'] = '';
-$lang['first_contact_stp5'] = 'Then click the button to select photos to send from your computer';
+$lang['first_contact_stp5'] = 'Then click the button to select photos to send from your computer, or just drag and drop files in the zone above.';
 $lang['first_contact_title6'] = '';
-$lang['first_contact_stp6'] = 'You see that photos are being listed. Add at least 2 pictures and when you\'re ready click the button Start Upload';
+$lang['first_contact_stp6'] = 'You see that photos are being listed. Add pictures and when you\'re ready click the button Start Upload';
 $lang['first_contact_title7'] = '';
-$lang['first_contact_stp7'] = 'Here a summary of your uploaded pictures. See that Piwigo has generated itself the thumbnails. You can know add more photos with the link at the bottom, edit the properties of a picture by clicking on it, or click to manage all the uploaded pictures in the Batch Manager...';
+$lang['first_contact_stp7'] = 'Here a summary of your uploaded pictures. See that Piwigo has generated itself the thumbnails. You can now click to manage all the uploaded pictures in the Batch Manager, edit the properties of a picture by clicking on it or add more photos...';
 $lang['first_contact_title8'] = '';
-$lang['first_contact_stp8'] = 'Let\'s edit them! Click on the link. If you don\'t see it click Prev to add at least 2 photos.';
+$lang['first_contact_stp8'] = 'Let\'s edit them! Click on the link.';
 $lang['first_contact_title9'] = 'The Batch Manager';
 $lang['first_contact_stp9'] = 'You are know in the Batch Manager, where you can batch edit multiple pictures. Here the Caddy is set as a filter because we comes from the upload result page.';
@@ -45 +45 @@
 $lang['first_contact_stp17'] = 'and here to set the photo as a picture representative of an album. So you can set as a representative of a public album, a photo in a private album, which is ideal to set custom thumbnails for albums but the user won\'t see those pictures inside those albums. Like setting a portrait of someone as representative, for an album which contains photos of nature; it would be weird to see that photo of the man/woman among trees or animals.';
 $lang['first_contact_title18'] = 'Manage albums';
-$lang['first_contact_stp18'] = 'That previous example was just a small overview of tricks and how powerful Piwigo is. So I\'ve told about private albums, but how can we manage albums? Click On album->Manage or hit Next';
+$lang['first_contact_stp18'] = 'That previous example was just a small overview of tricks and how powerful Piwigo is. So I\'ve told about private albums, but how can we manage albums? Click <em>On album » Manage</em> or hit Next';
 $lang['first_contact_title19'] = 'Manage Albums';
 $lang['first_contact_stp19'] = 'Here are listed all the \'top\' albums, the ones at the root of your gallery. If you see an album with a dashed background, it\'s an real physical album from a FTP synchronisation, which can\'t be moved or deleted from here. The others albums are called virtual albums.';
@@ -60 +60 @@
 $lang['first_contact_stp24'] = 'Certainly, one of the most important page is the permission page of a private album. Click on the permission tab or click next';
 $lang['first_contact_title25'] = 'Album Permission';
-$lang['first_contact_stp25'] = 'As you can read in the Help of your Piwigo -link at the top right-, album permissions are set by groups and users. You can directly set private/public multiple albums using the Administration » Albums » Properties page.';
+$lang['first_contact_stp25'] = 'As you can read in the Help of your Piwigo -link at the top right-, album permissions are set by groups and users. You can directly set private/public multiple albums using the <em>Administration » Albums » Properties</em> page.';
 $lang['first_contact_title26'] = '';
 $lang['first_contact_stp26'] = 'Here you can set the current album as private, then grant access to users and groups. By default, permissions are not recursive for sub albums, but upper-albums will be granted with the same permission in order to let the granted users browse to the album.';
@@ -67 +67 @@
 $lang['first_contact_title28'] = 'Configuration';
 $lang['first_contact_stp28'] = 'Now we will look at the options available to set Piwigo working your way. Click on Configuration->Options or just hit Next.';
-$lang['first_contact_title29'] = 'Configuration->Options->General';
+$lang['first_contact_title29'] = '<em>Configuration » Options » General</em>';
 $lang['first_contact_stp29'] = 'Here, on that first page, you will set the essential and basic configuration of your gallery.';
 $lang['first_contact_title30'] = '';
@@ -76 +76 @@
 $lang['first_contact_stp32'] = 'Now save you changes';
 $lang['first_contact_title33'] = 'Guest settings';
-$lang['first_contact_stp33'] = 'Just a final word about the options, the \'Guest settings\' page is to set the preferences of unregistered visitors. Each time Piwigo refers to \'guest\' that means unregistered visitors.<br>Let\'s continue about Configuration: click on Configuration->Themes or just hit Next.';
+$lang['first_contact_stp33'] = 'Just a final word about the options, the \'Guest settings\' page is to set the preferences of unregistered visitors. Each time Piwigo refers to \'guest\' that means unregistered visitors.<br>Let\'s continue about Configuration: click on <em>Configuration » Themes</em> or just hit Next.';
 $lang['first_contact_title34'] = 'Themes';
 $lang['first_contact_stp34'] = 'Themes are one of the three way to customize your Piwigo, with Plugins and Templates. Themes installed are listed here.<br>More than one theme can be enabled: users can change their theme by choosing one among the one enabled here, if the option \'Allow user customization\' is checked on the Option page.';
@@ -84 +84 @@
 $lang['first_contact_stp36'] = 'Themes have a system of dependency: that\'s why some theme can\'t be deleted (a parent theme can\'t be deleted if a child theme is enabled) or others can\'t be enabled (a child theme need its parent theme). For instance, when you put you\'re mouse over a Delete link, if the theme can\'t be deleted, a information bubble will explain you why.';
 $lang['first_contact_title37'] = 'Themes';
-$lang['first_contact_stp37'] = 'To install new themes, you can directly download them from the tab \'Add a theme\'. Only the themes marked as compatible with your version of Piwigo are showed.<br>Let\'s discover the plugins now! Click on Plugin->Manage';
+$lang['first_contact_stp37'] = 'To install new themes, you can directly download them from the tab \'Add a theme\'. Only the themes marked as compatible with your version of Piwigo are showed.<br>Let\'s discover the plugins now! Click on <em>Plugin » Manage</em>';
 $lang['first_contact_title38'] = 'Plugins';
 $lang['first_contact_stp38'] = 'Plugins are very easy ways to customize your Piwigo. They can do almost anything you can imagine from small text addition to complete features, like the Community plugin which allows non administrators users to upload without entering to the administration part.';

trunk/plugins/TakeATour/tours/first_contact/tour.tpl

@@ -18 +18 @@
     path: "{/literal}{$TAT_path}{literal}admin.php",
     placement: "right",
-    element: ".icon-plus-circled",
+    element: "a[href='./admin.php?page=photos_add']",
     reflex:true,
     title: "{/literal}{'first_contact_title2'|@translate|@escape:'javascript'}{literal}",
@@ -32 +32 @@
   {
     path: "{/literal}{$TAT_path}{literal}admin.php?page=photos_add",
-    placement: "left",
+    placement: "right",
     element: "#albumSelection",
     title: "{/literal}{'first_contact_title4'|@translate|@escape:'javascript'}{literal}",
@@ -40 +40 @@
     path: "{/literal}{$TAT_path}{literal}admin.php?page=photos_add",
     placement: "top",
-    element: "#uploadify",
+    element: ".plupload_add",
     title: "{/literal}{'first_contact_title5'|@translate|@escape:'javascript'}{literal}",
     content: "{/literal}{'first_contact_stp5'|@translate|@escape:'javascript'}{literal}"
   },
   {
-    path: /admin\.php\?page=photos_add/,
-    redirect:function (tour) {window.location = "admin.php?page=photos_add";},
-    placement: "left",
-    element: "#fileQueue",
+    path: "{/literal}{$TAT_path}{literal}admin.php?page=photos_add",
+    placement: "top",
+    element: ".plupload_start",
     title: "{/literal}{'first_contact_title6'|@translate|@escape:'javascript'}{literal}",
     content: "{/literal}{'first_contact_stp6'|@translate|@escape:'javascript'}{literal}"
   },
   {
-    path: /admin\.php\?page=photos_add/,
-    redirect:function (tour) {window.location = "admin.php?page=photos_add";},
-    placement: "top",
-    element: "#photosAddContent legend",
+    path: "{/literal}{$TAT_path}{literal}admin.php?page=photos_add",
+    placement: "top",
+    element: "#afterUploadActions",
     title: "{/literal}{'first_contact_title7'|@translate|@escape:'javascript'}{literal}",
     content: "{/literal}{'first_contact_stp7'|@translate|@escape:'javascript'}{literal}",
@@ -62 +60 @@
   },
   {
-    path: /admin\.php\?page=photos_add/,
-    redirect:function (tour) {window.location = "admin.php?page=photos_add";},
-    placement: "bottom",
+    path: "{/literal}{$TAT_path}{literal}admin.php?page=photos_add",
+    placement: "top",
     element: "#batchLink",
     reflex:true,
@@ -342 +339 @@
 tour.start();
 
-jQuery( "input[class='submit']" ).click(function() {
+jQuery( ".plupload_start" ).click(function() {
   if (tour.getCurrentStep()==5)
   {