marionette.modal 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 1567a22c11b9eb98b99e4cde8143f84e3a0094bb
+  data.tar.gz: 862358399eb5179fd4a9c1c10cdbafc3c8bd45dc
+SHA512:
+  metadata.gz: 0464a85f2f28097923ae8c0e180264a14bfdbf807c34a664dc5234eddf1699a328a90f31274d0c8cea25a8578df28b63800e74ea20f7c7296e5f0d2e7670e6a8
+  data.tar.gz: 500ad5a1333c5eca8c49abc6ad1e3467713252dfb3af53c83ba881aa6aac6cddded523b56232660a6fe40bc372d7f821f5134d49d350841f10bd9d4ff1b0993c

data/.gitignore

@@ -0,0 +1,36 @@
+# Ruby Gem
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+
+# NPM
+node_modules
+
+# Grunt
+.grunt
+
+# SASS/SCSS cache files
+*.scssc
+*.sassc
+.sass-cache
+
+# Mac finder artifacts
+.DS_Store
+
+# Sublime Text project files
+*.sublime-project
+*.sublime-workspace

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in marionette.modal.gemspec
+gemspec

data/Gruntfile.coffee

@@ -0,0 +1,109 @@
+module.exports = (grunt) ->
+module.exports = (grunt) ->
+  fs = require('fs')
+
+  grunt.initConfig
+    open:
+      default:
+        url: 'http://localhost:8000'
+
+    connect:
+      default:
+        options:
+          base: './'
+          middleware: (connect, options) ->
+            [connect.static(options.base), (req, res, next) ->
+              fs.readFile "#{options.base}/test/spec.html", (err, data) ->
+                res.writeHead(200)
+                res.end(data)
+            ]
+      examples:
+        options:
+          port: 5000
+          base: './examples/'
+          middleware: (connect, options) ->
+            [connect.static(options.base), (req, res, next) ->
+              fs.readFile "#{options.base}/1_single_view.html", (err, data) ->
+                res.writeHead(200)
+                res.end(data)
+            ]
+
+    uglify:
+      modal:
+        src: 'backbone.modal.js'
+        dest: 'backbone.modal-min.js'
+      marionettemodal:
+        src: 'marionette.modal.js'
+        dest: 'marionette.modal-min.js'
+      modals:
+        src: 'backbone.marionette.modals.js'
+        dest: 'backbone.marionette.modals-min.js'
+      bundled:
+        src: 'marionette.modal-bundled.js'
+        dest: 'marionette.modal-bundled-min.js'
+
+    jasmine:
+      all:
+        src: ['backbone.modal.js', 'marionette.modal.js', 'backbone.marionette.modals.js']
+        options:
+          specs: 'test/spec/**/*.js'
+          outfile: 'test/spec.html'
+          host: 'http://127.0.0.1:8000/'
+          vendor: ['examples/vendor/jquery-1.9.1.js', 'examples/vendor/underscore.js', 'examples/vendor/backbone.js', 'examples/vendor/marionette.js']
+
+    coffee:
+      all:
+        files:
+          'backbone.modal.js': 'src/backbone.modal.coffee'
+          'marionette.modal.js': 'src/marionette.modal.coffee'
+          'backbone.marionette.modals.js': 'src/backbone.marionette.modals.coffee'
+          'marionette.modal-bundled.js': ['src/backbone.modal.coffee', 'src/marionette.modal.coffee', 'src/backbone.marionette.modals.coffee']
+
+          'examples/vendor/backbone.modal.js': 'src/backbone.modal.coffee'
+          'examples/vendor/marionette.modal.js': 'src/marionette.modal.coffee'
+          'examples/vendor/backbone.marionette.modals.js': 'src/backbone.marionette.modals.coffee'
+      specs:
+        files:
+          grunt.file.expandMapping(['test/src/**/*.coffee'], 'test/spec/',
+            rename: (destBase, destPath) ->
+              return destBase + destPath.slice(9, destPath.length).replace(/\.coffee$/, '.js')
+          )
+
+    sass:
+      compile:
+        files:
+          'marionette.modal.css': 'src/marionette.modal.sass'
+          'marionette.modal.theme.css': 'src/marionette.modal.theme.sass'
+          'examples/vendor/marionette.modal.css': 'src/marionette.modal.sass'
+          'examples/vendor/marionette.modal.theme.css': 'src/marionette.modal.theme.sass'
+          'examples/style.css': 'src/style.sass'
+
+    concurrent:
+      compile: ['coffee', 'sass']
+
+    regarde:
+      livereloadJS:
+        files: ['test/**/*.js', 'examples/vendor/*.js']
+        tasks: ['livereload']
+      livereloadCSS:
+        files: ['examples/vendor/marionette.modal.css', 'examples/vendor/marionette.modal.theme.css', 'examples/style.css']
+        tasks: ['livereload:marionette.modal.css', 'livereload:examples/vendor/marionette.modal.theme.css', 'livereload:examples/style.css']
+      sass:
+        files: ['src/**/*.sass']
+        tasks: ['sass']
+      coffee:
+        files: ['src/**/*.coffee', 'test/src/**/*.coffee']
+        tasks: ['uglify', 'coffee']
+
+  grunt.loadNpmTasks 'grunt-contrib-coffee'
+  grunt.loadNpmTasks 'grunt-regarde'
+  grunt.loadNpmTasks 'grunt-open'
+  grunt.loadNpmTasks 'grunt-contrib-connect'
+  grunt.loadNpmTasks 'grunt-contrib-livereload'
+  grunt.loadNpmTasks 'grunt-contrib-jasmine'
+  grunt.loadNpmTasks 'grunt-contrib-uglify'
+  grunt.loadNpmTasks 'grunt-contrib-sass'
+  grunt.loadNpmTasks 'grunt-concurrent'
+
+  grunt.registerTask 'build', ['concurrent', 'uglify', 'jasmine:all:build']
+  grunt.registerTask 'watch', ['connect', 'build', 'livereload-start', 'open', 'regarde']

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Jared Smith
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,42 @@
+## Marionette.Modal
+
+A plugin for Marionette.js that simplifies creating modals for your marionette application.
+
+This project is a fork of the original Backbone.Modal that has tighter integration with the Marionette.js framework.
+
+Marionette.Modal.js removes boilerplate code and adds default behaviors and interactions. You can create a simple dialog modal or complex wizards with stacked modals on top of each other in a few lines of code.
+
+Documentation is roughly the same as Backbone.Modal.  The internals of the base modal view are extending Marionette.View rather than
+Backbone.View in order to take advantage of the builtin functionality that marionette provides.
+
+For a complete overview of the forked repo documentation visit: [http://awkward.github.io/backbone.modal/](http://awkward.github.io/backbone.modal/)
+
+#### Bundled version
+If you're using Backbone and Marionette.
+* [marionette.modal-bundled-min.js](https://raw.github.com/Outcome-Engenuity/marionette.modal/master/marionette.modal-bundled-min.js)
+
+#### Backbone.Modals.js and Backbone.Marionette.Modals.js separate
+If you just want to use the Backbone version without Marionette.
+* [backbone.modal-min.js](https://raw.github.com/Outcome-Engenuity/marionette.modal/master/backbone.modal-min.js)
+* [backbone.marionette.modals-min.js](https://raw.github.com/Outcome-Engenuity/marionette.modal/master/backbone.marionette.modals-min.js)
+
+#### CSS files
+There's default style, and you can use our theme to make things look pretty.
+* [marionette.modal.css](https://raw.github.com/Outcome-Engenuity/marionette.modal/master/marionette.modal.css)
+* [marionette.modal.theme.css](https://raw.github.com/Outcome-Engenuity/marionette.modal/master/marionette.modal.theme.css)
+
+### How to contribute
+
+To get started `grunt install` to install all dependencies. If you have any requests, please create an issue. If you're working on something yourself, make a pull request and we'll make sure to check it out to get in into the next release.
+
+### Tests
+
+#####  (Please note that there are currently no tests written for the marionette.modal view currently.  I will make some when time permits.)
+
+When you run the project by doing `grunt watch`. This will watch the tests, src and example files. It will open up a browser with the tests on `http://localhost:8000`. When you head over `http://localhost:5000`, it will show the example that's defined in the `Gruntfile.coffee`.
+
+### Legal stuff (MIT License)
+
+Copyright (c) 2013 jcsmith1859.
+
+Distributed under MIT license.

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/backbone.marionette.modals-min.js

@@ -0,0 +1 @@
+(function(){var a,b=function(a,b){return function(){return a.apply(b,arguments)}},c={}.hasOwnProperty,d=function(a,b){function d(){this.constructor=a}for(var e in b)c.call(b,e)&&(a[e]=b[e]);return d.prototype=b.prototype,a.prototype=new d,a.__super__=b.prototype,a};if("undefined"==typeof Backbone||null===Backbone)throw new Error("Backbone is not defined. Please include the latest version from http://documentcloud.github.com/backbone/backbone.js");Backbone.Marionette.Modals=function(c){function e(){return this.close=b(this.close,this),a=e.__super__.constructor.apply(this,arguments)}return d(e,c),e.prototype.modals=[],e.prototype.zIndex=0,e.prototype.show=function(a,b){var c,d,e,f,g,h;for(null==b&&(b={}),this.ensureEl(),this.modals.length>0&&(c=_.last(this.modals),c.modalEl.addClass(""+c.prefix+"-modal--stacked"),e=this.modals[this.modals.length-1],null!=e&&e.modalEl.removeClass(""+e.prefix+"-modal--stacked-reverse")),a.render(),a.regionEnabled=!0,this.$el.show(),this.$el.append(a.el),this.modals.length>0&&a.$el.css({background:"none"}),Marionette.triggerMethod.call(a,"show"),Marionette.triggerMethod.call(this,"show",a),this.currentView=a,h=this.modals,f=0,g=h.length;g>f;f++)d=h[f],d.undelegateModalEvents();return a.on("modal:close",this.close),this.modals.push(a),this.zIndex++},e.prototype.close=function(){var a,b;return b=this.currentView,b&&!b.isClosed?(b.close?b.close():b.remove&&b.remove(),b.off("modal:close",this.close),this.modals.splice(_.indexOf(this.modals,b),1),this.zIndex--,this.currentView=this.modals[this.zIndex-1],a=_.last(this.modals),a&&(a.modalEl.addClass(""+a.prefix+"-modal--stacked-reverse"),_.delay(function(){return a.modalEl.removeClass(""+a.prefix+"-modal--stacked")},300),0!==this.zIndex&&a.delegateModalEvents()),Marionette.triggerMethod.call(this,"close")):void 0},e.prototype.closeAll=function(){var a,b,c,d,e;for(d=this.modals,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(this.close());return e},e}(Backbone.Marionette.Region)}).call(this);

data/backbone.marionette.modals.js

@@ -0,0 +1,104 @@
+(function() {
+  var _ref,
+    __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
+    __hasProp = {}.hasOwnProperty,
+    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
+
+  if (typeof Backbone === "undefined" || Backbone === null) {
+    throw new Error("Backbone is not defined. Please include the latest version from http://documentcloud.github.com/backbone/backbone.js");
+  }
+
+  Backbone.Marionette.Modals = (function(_super) {
+    __extends(Modals, _super);
+
+    function Modals() {
+      this.close = __bind(this.close, this);
+      _ref = Modals.__super__.constructor.apply(this, arguments);
+      return _ref;
+    }
+
+    Modals.prototype.modals = [];
+
+    Modals.prototype.zIndex = 0;
+
+    Modals.prototype.show = function(modal, options) {
+      var lastModal, m, secondLastModal, _i, _len, _ref1;
+      if (options == null) {
+        options = {};
+      }
+      this.ensureEl();
+      if (this.modals.length > 0) {
+        lastModal = _.last(this.modals);
+        lastModal.modalEl.addClass("" + lastModal.prefix + "-modal--stacked");
+        secondLastModal = this.modals[this.modals.length - 1];
+        if (secondLastModal != null) {
+          secondLastModal.modalEl.removeClass("" + secondLastModal.prefix + "-modal--stacked-reverse");
+        }
+      }
+      modal.render();
+      modal.regionEnabled = true;
+      this.$el.show();
+      this.$el.append(modal.el);
+      if (this.modals.length > 0) {
+        modal.$el.css({
+          background: 'none'
+        });
+      }
+      Marionette.triggerMethod.call(modal, "show");
+      Marionette.triggerMethod.call(this, "show", modal);
+      this.currentView = modal;
+      _ref1 = this.modals;
+      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+        m = _ref1[_i];
+        m.undelegateModalEvents();
+      }
+      modal.on('modal:close', this.close);
+      this.modals.push(modal);
+      return this.zIndex++;
+    };
+
+    Modals.prototype.close = function() {
+      var lastModal, modal,
+        _this = this;
+      modal = this.currentView;
+      if (!modal || modal.isClosed) {
+        return;
+      }
+      if (modal.close) {
+        modal.close();
+      } else if (modal.remove) {
+        modal.remove();
+      }
+      modal.off('modal:close', this.close);
+      this.modals.splice(_.indexOf(this.modals, modal), 1);
+      this.zIndex--;
+      this.currentView = this.modals[this.zIndex - 1];
+      lastModal = _.last(this.modals);
+      if (lastModal) {
+        lastModal.modalEl.addClass("" + lastModal.prefix + "-modal--stacked-reverse");
+        _.delay(function() {
+          return lastModal.modalEl.removeClass("" + lastModal.prefix + "-modal--stacked");
+        }, 300);
+        if (this.zIndex !== 0) {
+          lastModal.delegateModalEvents();
+        }
+      }
+      return Marionette.triggerMethod.call(this, "close");
+    };
+
+    Modals.prototype.closeAll = function() {
+      var modal, _i, _len, _ref1, _results;
+      _ref1 = this.modals;
+      _results = [];
+      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+        modal = _ref1[_i];
+        _results.push(this.close());
+      }
+      return _results;
+    };
+
+    return Modals;
+
+  })(Backbone.Marionette.Region);
+
+}).call(this);

data/backbone.modal-min.js

@@ -0,0 +1 @@
+(function(){var a=function(a,b){return function(){return a.apply(b,arguments)}},b={}.hasOwnProperty,c=function(a,c){function d(){this.constructor=a}for(var e in c)b.call(c,e)&&(a[e]=c[e]);return d.prototype=c.prototype,a.prototype=new d,a.__super__=c.prototype,a},d=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};if("undefined"==typeof Backbone||null===Backbone)throw new Error("Backbone is not defined. Please include the latest version from http://documentcloud.github.com/backbone/backbone.js");Backbone.Modal=function(b){function e(){this.triggerCancel=a(this.triggerCancel,this),this.triggerSubmit=a(this.triggerSubmit,this),this.triggerView=a(this.triggerView,this),this.clickOutside=a(this.clickOutside,this),this.checkKey=a(this.checkKey,this),this.args=Array.prototype.slice.apply(arguments),Backbone.View.prototype.constructor.apply(this,this.args),this.setUIElements(),this.delegateModalEvents()}return c(e,b),e.prototype.prefix="bbm",e.prototype.render=function(a){var b,c,d=this;return null==a&&(a={}),b=this.serializeData(),this.$el.addClass(""+this.prefix+"-wrapper"),this.modalEl=Backbone.$("<div />").addClass(""+this.prefix+"-modal"),this.template&&this.modalEl.html(this.template(b)),this.$el.html(this.modalEl),Backbone.$("body").on("keyup",this.checkKey),Backbone.$("body").on("click",this.clickOutside),this.viewContainer?(this.viewContainerEl=this.modalEl.find(this.viewContainer),this.viewContainerEl.addClass(""+this.prefix+"-modal__views")):this.viewContainerEl=this.modalEl,this.$el.show(),(null!=(c=this.views)?c.length:void 0)>0&&this.openAt(0),"function"==typeof this.onRender&&this.onRender(),this.modalEl.css({opacity:0}),this.$el.fadeIn({duration:100,complete:function(){return d.modalEl.css({opacity:1}).addClass(""+d.prefix+"-modal--open")}}),this},e.prototype.setUIElements=function(){var a;if(this.template=this.getOption("template"),this.views=this.getOption("views"),null!=(a=this.views)&&(a.length=_.size(this.views)),this.viewContainer=this.getOption("viewContainer"),this.$el.hide(),_.isUndefined(this.template)&&_.isUndefined(this.views))throw new Error("No template or views defined for Backbone.Modal");if(this.template&&this.views&&_.isUndefined(this.viewContainer))throw new Error("No viewContainer defined for Backbone.Modal")},e.prototype.getOption=function(a){return a?this.options&&d.call(this.options,a)>=0&&null!=this.options[a]?this.options[a]:this[a]:void 0},e.prototype.serializeData=function(){var a;return a={},this.model&&(a=_.extend(a,this.model.toJSON())),this.collection&&(a=_.extend(a,{items:this.collection.toJSON()})),a},e.prototype.delegateModalEvents=function(){var a,b,c,d,e,f,g;this.active=!0,a=this.getOption("cancelEl"),e=this.getOption("submitEl"),e&&this.$el.on("click",e,this.triggerSubmit),a&&this.$el.on("click",a,this.triggerCancel),g=[];for(b in this.views)"length"!==b?(c=b.match(/^(\S+)\s*(.*)$/),f=c[1],d=c[2],g.push(this.$el.on(f,d,this.views[b],this.triggerView))):g.push(void 0);return g},e.prototype.undelegateModalEvents=function(){var a,b,c,d,e,f,g;this.active=!1,a=this.getOption("cancelEl"),e=this.getOption("submitEl"),e&&this.$el.off("click",e,this.triggerSubmit),a&&this.$el.off("click",a,this.triggerCancel),g=[];for(b in this.views)"length"!==b?(c=b.match(/^(\S+)\s*(.*)$/),f=c[1],d=c[2],g.push(this.$el.off(f,d,this.views[b],this.triggerView))):g.push(void 0);return g},e.prototype.checkKey=function(a){if(this.active)switch(a.keyCode){case 27:return this.triggerCancel();case 13:return this.triggerSubmit()}},e.prototype.clickOutside=function(a){return Backbone.$(a.target).hasClass(""+this.prefix+"-wrapper")&&this.active?this.triggerCancel(null,!0):void 0},e.prototype.buildView=function(a){var b;if(a)return _.isFunction(a)?(b=new a(this.args[0]),b instanceof Backbone.View?{el:b.render().$el,view:b}:{el:a(this.args[0])}):{view:a,el:a.$el}},e.prototype.triggerView=function(a){var b,c,d,e;null!=a&&"function"==typeof a.preventDefault&&a.preventDefault(),e=a.data,c=this.buildView(e.view),this.currentView&&(this.previousView=this.currentView),this.currentView=c.view||c.el,b=0;for(d in this.views)e.view===this.views[d].view&&(this.currentIndex=b),b++;return e.onActive&&(_.isFunction(e.onActive)?e.onActive(this):_.isString(e.onActive)&&this[e.onActive].call(this,e)),this.shouldAnimate?this.animateToView(c.el):(this.shouldAnimate=!0,this.$(this.viewContainerEl).html(c.el))},e.prototype.animateToView=function(a){var b,c,d,e,f,g,h=this;return e={position:"relative",top:-9999,left:-9999},f=Backbone.$("<tester/>").css(e),f.html(this.$el.clone().css(e)),0!==Backbone.$("tester").length?Backbone.$("tester").replaceWith(f):Backbone.$("body").append(f),b=this.viewContainer?f.find(this.viewContainer):f.find("."+this.prefix+"-modal"),b.removeAttr("style"),d=b.outerHeight(),b.html(a),c=b.outerHeight(),d===c?(this.$(this.viewContainerEl).html(a),null!=(g=this.previousView)?"function"==typeof g.close?g.close():void 0:void 0):(this.$(this.viewContainerEl).css({opacity:0}),this.$(this.viewContainerEl).animate({height:c},100,function(){var b;return h.$(h.viewContainerEl).css({opacity:1}).removeAttr("style"),h.$(h.viewContainerEl).html(a),null!=(b=h.previousView)?"function"==typeof b.close?b.close():void 0:void 0}))},e.prototype.triggerSubmit=function(a){return a&&(null!=a&&a.preventDefault(),!this.beforeSubmit||this.beforeSubmit()!==!1)?("function"==typeof this.submit&&this.submit(),this.regionEnabled?this.trigger("modal:close"):this.close()):void 0},e.prototype.triggerCancel=function(a){return null!=a&&a.preventDefault(),this.beforeCancel&&this.beforeCancel()===!1?void 0:("function"==typeof this.cancel&&this.cancel(),this.regionEnabled?this.trigger("modal:close"):this.close())},e.prototype.close=function(){var a=this;return Backbone.$("body").off("keyup",this.checkKey),Backbone.$("body").off("click",this.clickOutside),"function"==typeof this.onClose&&this.onClose(),this.shouldAnimate=!1,this.modalEl.addClass(""+this.prefix+"-modal--close"),this.$el.fadeOut({duration:200}),_.delay(function(){var b;return null!=(b=a.currentView)&&"function"==typeof b.remove&&b.remove(),a.remove()},200)},e.prototype.openAt=function(a){var b,c,d;b=0;for(c in this.views)"length"!==c&&(b===a&&(d=this.views[c]),b++);return d&&(this.currentIndex=a,this.triggerView({data:d})),this},e.prototype.next=function(){return this.currentIndex+1<this.views.length?this.openAt(this.currentIndex+1):void 0},e.prototype.previous=function(){return this.currentIndex-1<this.views.length-1?this.openAt(this.currentIndex-1):void 0},e}(Backbone.View)}).call(this);