MOBILE-1554 content: Download embedded big files when opened or played

Author: dpalou

www/core/directives/external_content.js

@@ -31,7 +31,7 @@ angular.module('mm.core')
  * Attributes accepted:
  *     - siteid: Reference to the site ID if different than the site the user is connected to.
  */
-.directive('mmExternalContent', function($log, $mmFilepool, $mmSite, $mmSitesManager, $mmUtil, $q) {
+.directive('mmExternalContent', function($log, $mmFilepool, $mmSite, $mmSitesManager, $mmUtil, $q, $mmApp) {
     $log = $log.getInstance('mmExternalContent');
 
     /**
@@ -99,6 +99,27 @@ angular.module('mm.core')
                 } else {
                     dom.setAttribute(targetAttr, finalUrl);
                 }
+
+                // Set events to download big files (not downloaded automatically).
+                if (finalUrl.indexOf('http') === 0 &&
+                            (dom.tagName == 'VIDEO' || dom.tagName == 'AUDIO' || dom.tagName == 'A' || dom.tagName == 'SOURCE')) {
+                    var eventName = dom.tagName == 'A' ? 'click' : 'play';
+
+                    if (dom.tagName == 'SOURCE') {
+                        dom = $mmUtil.closest(dom, 'video,audio');
+                        if (!dom) {
+                            return;
+                        }
+                    }
+
+                    angular.element(dom).on(eventName, function() {
+                        // User played media or opened a downloadable link.
+                        // Download the file if in wifi and it hasn't been downloaded already (for big files).
+                        if (!$mmApp.isNetworkAccessLimited()) {
+                            fn(siteId, url, component, componentId, undefined, false);
+                        }
+                    });
+                }
             });
         });
     }

www/core/lib/util.js

@@ -70,7 +70,8 @@ angular.module('mm.core')
 
         $log = $log.getInstance('$mmUtil');
 
-        var self = {}; // Use 'self' to be coherent with the rest of services.
+        var self = {}, // Use 'self' to be coherent with the rest of services.
+            matchesFn;
 
         /**
          * Formats a URL, trim, lowercase, etc...
@@ -1163,6 +1164,48 @@ angular.module('mm.core')
             return urls;
         };
 
+        /**
+         * Equivalent to element.closest(). If the browser doesn't support element.closest, it will
+         * traverse the parents to achieve the same functionality.
+         * Returns the closest ancestor of the current element (or the current element itself) which matches the selector.
+         *
+         * @module mm.core
+         * @ngdoc method
+         * @name $mmUtil#closest
+         * @param  {Object} element  DOM Element.
+         * @param  {String} selector Selector to search.
+         * @return {Object}          Closest ancestor.
+         */
+        self.closest = function(element, selector) {
+            // Try to use closest if the browser supports it.
+            if (typeof element.closest == 'function') {
+                return element.closest(selector);
+            }
+
+            if (!matchesFn) {
+                // Find the matches function supported by the browser.
+                ['matches','webkitMatchesSelector','mozMatchesSelector','msMatchesSelector','oMatchesSelector'].some(function(fn) {
+                    if (typeof document.body[fn] == 'function') {
+                        matchesFn = fn;
+                        return true;
+                    }
+                    return false;
+                });
+
+                if (!matchesFn) {
+                    return;
+                }
+            }
+
+            // Traverse parents.
+            while (element) {
+                if (element[matchesFn](selector)) {
+                    return element;
+                }
+                element = element.parentElement;
+            }
+        };
+
         return self;
     };
 });