mosaico 1.0.0

data/vendor/assets/mosaico-0.16.0/mosaico/src/css/style_reset.less

@@ -0,0 +1,45 @@
+// @see http://meyerweb.com/eric/tools/css/reset/index.html
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol, ul {
+  //list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}

data/vendor/assets/mosaico-0.16.0/mosaico/src/css/style_variables.less

@@ -0,0 +1,156 @@
+/**************************************************************************************************************************
+ * BASIC CONFIGURATION
+ *************************************************************************************************************************/
+
+@base-font-size: 13.6px; /* 20140929: Previously 0.85em, but we don't want user selected sizes because it breaks around */
+@accent-color: #D2CBB1;
+@background-color: #FEFDFC;
+@link-color: #9C010F;
+
+@red: #9C010F;
+@green: #94AF4B;
+@green-progress-bar: @status-progress-bar-color-ok; // Progress bars and trust-stars
+@blue: #4BA2AF;
+@yellow: #FFFF90;
+
+@mobile-menu: false;
+@button-reversed: false;
+
+@local-error-color: #CC0000;
+@local-unsub-color: #404040;
+@local-open-color: #2040B0;
+@local-click-color: #007030;
+@local-abuse-color: #EEEE00;
+@local-delayed-color: #b39601;
+@local-todo-color: #c2b798;
+
+@zindex-dialog: 1005;
+@zindex-dialog-modal: 1004;
+@zindex-popup: 1003;
+@zindex-tooltip: 1004;
+@zindex-thead: 1001; // Defined by thead plugin
+
+@elysia_nodes_property_label-width: 10em;
+@status-progress-bar-color-ok: #48AF26;
+
+/**************************************************************************************************************************
+ * COMPUTED CONFIUGRATION
+ *************************************************************************************************************************/
+
+@sidebar-background-color: @accent-color;
+@highlight-background-color: mix(@accent-color, @background-color, 60%);
+@sidebar-highlight-background-color: mix(@sidebar-background-color, @background-color, 60%);
+@button-text-color: @background-color;
+@button-text-color-disabled: lighten(@button-background-color, 20%);
+@button-background-color: @text-color;
+@button-border-color: @button-background-color;
+@button-border-color-split: contrast(difference(@button-border-color, @button-background-color), @button-border-color, @background-color, 5%);
+@button-primary-text-color: @button-text-color;
+@button-primary-background-color: @link-color;
+@button-primary-border-color: @button-primary-background-color;
+@input-border-color: @button-border-color;
+@input-focus-border-color: #66AFE9; // TODO
+@input-border-size: 0;
+@popup-background-color: lighten(@background-color,8%);
+
+// TODO remove unused vars
+
+@font-family: "trebuchet ms",arial,sans-serif;
+@standard-border-radius: 5px;
+@info-border-radius: @standard-border-radius;
+@button-border-radius: @standard-border-radius;
+@large-balloon-border-radius: 3em;
+
+@admin-menu-background-color: #000066;
+@admin-menu-dev-background-color: #660066;
+
+// Vertical margin for standard elements (to preserve alignment when in columns)
+@element-margin-vertical: 1.5em;
+
+/**************************************************************************************************************************
+ * SERVICE COLORS
+ *************************************************************************************************************************/
+
+@local-user-failure-row-background-color: mix(saturate(@local-error-color, 20%), @background-color, 25%);
+@local-user-clicker-row-background-color: mix(saturate(@local-click-color, 20%), @background-color, 25%);
+@local-user-opener-row-background-color: mix(saturate(@local-open-color, 20%), @background-color, 25%);
+@local-user-unsubscribe-row-background-color: mix(saturate(@local-unsub-color, 20%), @background-color, 25%);
+@local-user-abuse-row-background-color: mix(saturate(@local-abuse-color, 20%), @background-color, 25%);
+
+// TODO delivered should not share the color with clicker
+@local-result-delivered-color: @local-click-color;
+@local-result-error-color: @local-error-color;
+@local-result-delayed-color: @local-delayed-color;
+@local-result-todo-color: @local-todo-color;
+
+@local-balloon-error-color: @local-error-color;
+@local-balloon-unsubscribe-color: @local-unsub-color;
+@local-balloon-abuse-color: @local-abuse-color;
+@local-balloon-opener-color: @local-open-color;
+@local-balloon-opener-estimated-color: desaturate(lighten(@local-open-color, 20%), 20%);
+@local-balloon-clicker-color: @local-click-color;
+
+// TODO this works only with light background and dark text, only.
+@local-balloon-error-text-color: contrast(@local-balloon-error-color, @background-color, @text-color, 50%);
+@local-balloon-unsubscribe-text-color: contrast(@local-balloon-unsubscribe-color, @background-color, @text-color, 50%);
+@local-balloon-abuse-text-color: contrast(@local-balloon-abuse-color, @background-color, @text-color, 50%);
+@local-balloon-opener-text-color: contrast(@local-balloon-opener-color, @background-color, @text-color, 50%);
+@local-balloon-opener-estimated-text-color: contrast(@local-balloon-opener-estimated-color, @background-color, @text-color, 50%);
+@local-balloon-clicker-text-color: contrast(@local-balloon-clicker-color, @background-color, @text-color, 50%);
+
+
+/**************************************************************************************************************************
+ * COMPUTED VARIABLES
+ *************************************************************************************************************************/
+
+@text-color: contrast(@background-color, shade(@background-color, 80%), tint(@background-color, 80%), 50%);
+
+@error-color: @red;
+@warning-color: lighten(@yellow, 5%);
+@status-color: @green;
+
+@status-background-color: mix(@status-color, @background-color, 50%);
+@status-text-color: darken(@status-color, 30%);
+@warning-background-color: @warning-color;
+@warning-text-color: @text-color;
+@error-background-color: mix(@error-color, @background-color, 50%);
+@error-text-color: darken(@error-color, 30%);
+
+@link-active-color: darken(@link-color, 20%);
+@link-disabled-color: darken(@link-color, 50%);
+@text-greyed-color: contrast(@text-color, lighten(@text-color, 40%), darken(@text-color, 40%), 50%); // Elementi leggibili ma meno importanti di text-color
+@shadow-color: contrast(@background-color, darken(shade(@background-color, 20%), 30%), lighten(tint(@background-color, 20%), 30%), 50%);
+@img-border-style: 3px solid @background-color;
+
+@input-text-color: @text-color;
+@input-background-color: @highlight-background-color;
+@input-placeholder-color: lighten(@text-color, 30%);
+@input-error-border-style: 2px solid @red;
+
+@table-border-color: darken(@background-color, 10%);
+@table-border-style: 2px solid @table-border-color;
+@table-rows-separator-style: 1px solid @table-border-color;
+@table-odd-row-background-color: @background-color;
+@table-even-row-background-color: mix(@background-color, @highlight-background-color, 50%);
+@table-header-color: @accent-color;
+@table-row-selected-background-color: @yellow;
+
+@object-background-color: @table-even-row-background-color;
+@object-border-style: none; //1px solid @highlight-background-color;
+@object-border-radius: @large-border-radius;
+@object-selectable-border-style: none; //2px solid @background-color;
+@object-selectable-box-shadow: none;
+@object-selected-box-shadow: none; //0px 0px 0px 2px @sidebar-background-color;
+
+@dialog-title-background-color: @accent-color;
+@helpwin-background-color: @popup-background-color;
+@helpwin-text-color: @text-color;
+//@helpwin-title-background-color: @dialog-title-background-color;
+
+@large-border-radius: @standard-border-radius * 1.4;
+@large-button-border-radius: @button-border-radius * 1.4;
+@tabs-border-width: 1px;
+
+@button-hover-background-color: darken(@button-background-color, 10%);
+
+@ui-tabs-panel-padding: 4px;

data/vendor/assets/mosaico-0.16.0/mosaico/src/js/app.js

@@ -0,0 +1,167 @@
+"use strict";
+/* global global: false */
+/* global XMLHttpRequest: false */
+
+var templateLoader = require('./template-loader.js');
+var console = require("console");
+var ko = require("knockout");
+var $ = require("jquery");
+require("./ko-bindings.js");
+var performanceAwareCaller = require("./timed-call.js").timedCall;
+
+var addUndoStackExtensionMaker = require("./undomanager/undomain.js");
+var colorPlugin = require("./ext/color.js");
+var inlinerPlugin = require("./ext/inliner.js");
+
+var localStorageLoader = require("./ext/localstorage.js");
+
+if (typeof ko == 'undefined') throw "Cannot find knockout.js library!";
+if (typeof $ == 'undefined') throw "Cannot find jquery library!";
+
+function _canonicalize(url) {
+  var div = global.document.createElement('div');
+  div.innerHTML = "<a></a>";
+  div.firstChild.href = url; // Ensures that the href is properly escaped
+  div.innerHTML = div.innerHTML; // Run the current innerHTML back through the parser
+  return div.firstChild.href;
+}
+
+var applyBindingOptions = function(options, ko) {
+  // push "convertedUrl" method to the wysiwygSrc binding
+  ko.bindingHandlers.wysiwygSrc.convertedUrl = function(src, method, width, height) {
+    var imgProcessorBackend = options.imgProcessorBackend ? options.imgProcessorBackend : './upload';
+    var backEndMatch = imgProcessorBackend.match(/^(https?:\/\/[^\/]*\/).*$/);
+    var srcMatch = src.match(/^(https?:\/\/[^\/]*\/).*$/);
+    if (backEndMatch === null || (srcMatch !== null && backEndMatch[1] == srcMatch[1])) {
+      var queryParamSeparator = imgProcessorBackend.indexOf('?') == -1 ? '?' : '&';
+      return imgProcessorBackend + queryParamSeparator + "src=" + encodeURIComponent(src) + "&method=" + encodeURIComponent(method) + "&params=" + encodeURIComponent(width + "," + height);
+    } else {
+      console.log("Cannot apply backend image resizing to non-local resources ", src, method, width, height, backEndMatch, srcMatch);
+      return src + "?method=" + method + "&width=" + width + (height !== null ? "&height=" + height : '');
+    }
+  };
+
+  ko.bindingHandlers.wysiwygSrc.placeholderUrl = function(width, height, text) {
+    return options.imgProcessorBackend + "?method=" + 'placeholder' + "&params=" + width + encodeURIComponent(",") + height;
+  };
+
+  // pushes custom tinymce configurations from options to the binding
+  if (options && options.tinymceConfig)
+    ko.bindingHandlers.wysiwyg.standardOptions = options.tinymceConfig;
+  if (options && options.tinymceConfigFull)
+    ko.bindingHandlers.wysiwyg.fullOptions = options.tinymceConfigFull;
+};
+
+var start = function(options, templateFile, templateMetadata, jsorjson, customExtensions) {
+
+
+
+  templateLoader.fixPageEvents();
+
+  var fileUploadMessagesExtension = function(vm) {
+    var fileuploadConfig = {
+      messages: {
+        unknownError: vm.t('Unknown error'),
+        uploadedBytes: vm.t('Uploaded bytes exceed file size'),
+        maxNumberOfFiles: vm.t('Maximum number of files exceeded'),
+        acceptFileTypes: vm.t('File type not allowed'),
+        maxFileSize: vm.t('File is too large'),
+        minFileSize: vm.t('File is too small'),
+        post_max_size: vm.t('The uploaded file exceeds the post_max_size directive in php.ini'),
+        max_file_size: vm.t('File is too big'),
+        min_file_size: vm.t('File is too small'),
+        accept_file_types: vm.t('Filetype not allowed'),
+        max_number_of_files: vm.t('Maximum number of files exceeded'),
+        max_width: vm.t('Image exceeds maximum width'),
+        min_width: vm.t('Image requires a minimum width'),
+        max_height: vm.t('Image exceeds maximum height'),
+        min_height: vm.t('Image requires a minimum height'),
+        abort: vm.t('File upload aborted'),
+        image_resize: vm.t('Failed to resize image'),
+        generic: vm.t('Unexpected upload error')
+      }
+    };
+    // fileUpload options.
+    if (options && options.fileuploadConfig)
+      fileuploadConfig = $.extend(true, fileuploadConfig, options.fileuploadConfig);
+
+    ko.bindingHandlers['fileupload'].extendOptions = fileuploadConfig;
+
+  };
+
+  var simpleTranslationPlugin = function(vm) {
+    if (options && options.strings) {
+      vm.t = function(key, objParam) {
+        var res = options.strings[key];
+        if (typeof res == 'undefined') {
+          console.warn("Missing translation string for",key,": using default string");
+          res = key;
+        }
+        return vm.tt(res, objParam);
+      };
+    }
+  };
+
+  // simpleTranslationPlugin must be before the undoStack to translate undo/redo labels
+  var extensions = [simpleTranslationPlugin, addUndoStackExtensionMaker(performanceAwareCaller), colorPlugin, inlinerPlugin];
+  if (typeof customExtensions !== 'undefined')
+    for (var k = 0; k < customExtensions.length; k++) extensions.push(customExtensions[k]);
+  extensions.push(fileUploadMessagesExtension);
+
+  var galleryUrl = options.fileuploadConfig ? options.fileuploadConfig.url : '/upload/';
+  applyBindingOptions(options, ko);
+
+  // TODO what about appending to another element?
+  $("<!-- ko template: 'main' --><!-- /ko -->").appendTo(global.document.body);
+
+  // templateFile may override the template path in templateMetadata
+  if (typeof templateFile == 'undefined' && typeof templateMetadata != 'undefined') {
+    templateFile = templateMetadata.template;
+  }
+  // TODO canonicalize templateFile to absolute or relative depending on "relativeUrlsException" plugin
+
+  templateLoader.load(performanceAwareCaller, templateFile, templateMetadata, jsorjson, extensions, galleryUrl);
+
+};
+
+var initFromLocalStorage = function(options, hash_key, customExtensions) {
+  try {
+    var lsData = localStorageLoader(hash_key, options.emailProcessorBackend);
+    var extensions = typeof customExtensions !== 'undefined' ? customExtensions : [];
+    extensions.push(lsData.extension);
+    var template = _canonicalize(lsData.metadata.template);
+    start(options, template, lsData.metadata, lsData.model, extensions);
+  } catch (e) {
+    console.error("TODO not found ", hash_key, e);
+  }
+};
+
+var init = function(options, customExtensions) {
+
+  var hash = global.location.hash ? global.location.href.split("#")[1] : undefined;
+
+  // Loading from configured template or configured metadata
+  if (options && (options.template || options.data)) {
+    if (options.data) {
+      var data = JSON.parse(options.data);
+      start(options, undefined, data.metadata, data.content, customExtensions);
+    } else {
+      start(options, options.template, undefined, undefined, customExtensions);
+    }
+    // Loading from LocalStorage (if url hash has a 7chars key)
+  } else if (hash && hash.length == 7) {
+    initFromLocalStorage(options, hash, customExtensions);
+    // Loading from template url as hash (if hash is not a valid localstorage key)
+  } else if (hash) {
+    start(options, _canonicalize(hash), undefined, undefined, customExtensions);
+  } else {
+    return false;
+  }
+  return true;
+};
+
+module.exports = {
+  isCompatible: templateLoader.isCompatible,
+  init: init,
+  start: start
+};

data/vendor/assets/mosaico-0.16.0/mosaico/src/js/bindings/bind-iframe.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var ko = require("knockout");
+var console = require("console");
+
+// @see also script-template.js pushTemplate
+var addScriptTemplate = function(doc, templateName, templateMarkup) {
+  var scriptTag = doc.createElement('script');
+  scriptTag.setAttribute('type', 'text/html');
+  scriptTag.setAttribute('id', templateName);
+  scriptTag.text = templateMarkup;
+  doc.body.appendChild(scriptTag);
+  return scriptTag;
+  // $('<script type="text/html"></sc' + 'ript>').text(templateMarkup).attr('id', templateName).appendTo($('body'));
+};
+
+// used for live preview in iframe.
+ko.bindingHandlers.bindIframe = {
+  // tpl will be overriden with the structure parsed by the input template.
+  tpl: "<!DOCTYPE html>\r\n<html>\r\n<head>\r\n</head>\r\n<body><div data-bind=\"block: content\"></div></body>\r\n</html>\r\n",
+  init: function(element, valueAccessor) {
+    function bindIframe(local) {
+      try {
+        var iframe = element.contentDocument;
+        iframe.open();
+        iframe.write(ko.bindingHandlers.bindIframe.tpl);
+        iframe.close();
+
+        try {
+          var iframedoc = iframe.body;
+          if (iframedoc) {
+            // scripts have to be duplicated (maybe this is not needed anymore since using string-templates)
+            var templates = element.contentWindow.parent.document.getElementsByTagName('script');
+            for (var i = 0; i < templates.length; i++) {
+              if (templates[i].getAttribute('type') == 'text/html' && templates[i].getAttribute('id')) {
+                addScriptTemplate(iframe, templates[i].getAttribute('id'), templates[i].innerHTML);
+              }
+            }
+
+            var html = iframe.getElementsByTagName("HTML");
+
+            ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
+              ko.cleanNode(html[0] || iframedoc);
+            });
+
+            ko.applyBindings(valueAccessor(), html[0] || iframedoc);
+          } else {
+            console.log("no iframedoc", local);
+          }
+        } catch (e) {
+          console.log("error reading iframe.body", e, local);
+          throw e;
+        }
+      } catch (e) {
+        console.log("error reading iframe contentDocument", e, local);
+        throw e;
+        // ignored
+      }
+    }
+    bindIframe("first call");
+    // older browsers needed this
+    // ko.utils.registerEventHandler(element, 'load', bindIframe);
+  }
+};

data/vendor/assets/mosaico-0.16.0/mosaico/src/js/bindings/blocks.js

@@ -0,0 +1,118 @@
+"use strict";
+/* globals global:false */
+
+var ko = require("knockout");
+var console = require("console");
+
+
+ko.bindingHandlers['withProperties'] = {
+  init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
+    // Make a modified binding context, with a extra properties, and apply it to descendant elements
+    var childBindingContext = bindingContext.createChildContext(
+      bindingContext.$rawData,
+      null, // Optionally, pass a string here as an alias for the data item in descendant contexts
+      function(context) {
+        ko.utils.extend(context, valueAccessor());
+      }
+    );
+    ko.applyBindingsToDescendants(childBindingContext, element);
+
+    // Also tell KO *not* to bind the descendants itself, otherwise they will be bound twice
+    return {
+      controlsDescendantBindings: true
+    };
+  }
+};
+ko.virtualElements.allowedBindings['withProperties'] = true;
+
+ko.bindingHandlers['log'] = {
+  init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
+    console.log("log", valueAccessor());
+  }
+};
+
+
+ko.bindingHandlers['block'] = {
+
+  templateExists: function(id) {
+    var el = global.document.getElementById(id);
+    if (el) return true;
+    else return false;
+  },
+
+  _chooseTemplate: function(isArray, prefix, action, fallback) {
+    var id = prefix + '-' + action;
+    if (ko.bindingHandlers['block'].templateExists(id)) return id;
+    if (typeof fallback != 'undefined' && fallback !== null) return ko.bindingHandlers['block']._chooseTemplate(isArray, prefix, fallback);
+    else {
+      var fallBackId = isArray ? 'array' : 'object-' + action;
+      if (ko.bindingHandlers['block'].templateExists(fallBackId)) return fallBackId;
+      else throw "cannot find template for " + id + "/" + fallBackId;
+    }
+  },
+
+  // compute displayMode depending on templateMode set using "withProperties" binding.
+  _displayMode: function(unwrapped, bindingContext) {
+    var prefix = typeof unwrapped.type != 'undefined' ? ko.utils.unwrapObservable(unwrapped.type) : 'notablock-' + typeof(unwrapped);
+    var isArray = typeof unwrapped.splice !== 'undefined';
+    var templateMode = bindingContext.templateMode ? bindingContext.templateMode : 'show';
+    return ko.bindingHandlers['block']._chooseTemplate(isArray, prefix, templateMode, bindingContext.templateModeFallback);
+  },
+
+  _makeTemplateValueAccessor: function(valueAccessor, bindingContext) {
+    return function() {
+      var value = valueAccessor(),
+        unwrappedValue = ko.utils.peekObservable(value); // Unwrap without setting a dependency here
+
+      // If unwrappedValue.data is the array, preserve all relevant options and unwrap again value so we get updates
+      var modelValue;
+      var template;
+
+      if ((!unwrappedValue) || (typeof unwrappedValue.data != 'object' && typeof unwrappedValue.data != 'function')) {
+        modelValue = value;
+      } else {
+        modelValue = unwrappedValue.data;
+        if (typeof unwrappedValue.template != 'undefined') {
+          var templateParam = ko.utils.unwrapObservable(unwrappedValue.template);
+          var templateMode = bindingContext.templateMode ? bindingContext.templateMode : 'show';
+          template = ko.bindingHandlers['block']._chooseTemplate(false, templateParam, templateMode, bindingContext.templateModeFallback);
+        }
+      }
+
+      var unwrappedModelValue = ko.utils.unwrapObservable(modelValue);
+      if (ko.isObservable(unwrappedModelValue)) console.log("doubleObservable", unwrappedModelValue);
+
+      if (typeof template == 'undefined') {
+        // NOTE IE8 used to break here, but we don't support it anymore, so maybe this is not needed.
+        if (modelValue === undefined) {
+          template = 'empty';
+        } else {
+          try {
+            template = ko.bindingHandlers['block']._displayMode(unwrappedModelValue, bindingContext);
+          } catch (e) {
+            console.log(e, unwrappedModelValue, bindingContext['$data'], bindingContext.templateMode);
+            throw e;
+          }
+        }
+      }
+
+      return {
+        'name': template,
+        'data': modelValue,
+        'templateEngine': ko.nativeTemplateEngine.instance
+      };
+    };
+  },
+
+  'init': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
+    if (typeof valueAccessor() === 'undefined') console.log("found a null block: check ending commas in arrays defs in IE");
+    var newValueAccessor = ko.bindingHandlers['block']._makeTemplateValueAccessor(valueAccessor, bindingContext);
+    return ko.bindingHandlers['template']['init'](element, newValueAccessor);
+  },
+  'update': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
+    var newValueAccessor = ko.bindingHandlers['block']._makeTemplateValueAccessor(valueAccessor, bindingContext);
+    return ko.bindingHandlers['template']['update'](element, newValueAccessor, allBindings, viewModel, bindingContext);
+  }
+};
+ko.expressionRewriting.bindingRewriteValidators['block'] = false; // Can't rewrite control flow bindings
+ko.virtualElements.allowedBindings['block'] = true;