davidvanleeuwen

require('babel-polyfill')

import gulp from 'gulp'
import zip from 'gulp-zip'
import babel from 'gulp-babel'
import dox from 'dox'
import glob from 'glob'
import minimist from 'minimist'
import async from 'async'
import fs from 'fs'

davidvanleeuwen

{
    "body": $input.json("$"),
    "resourceId": "$input.params('id')",
    "header": {
        "Authorization": "$input.params('Authorization')"
    },
    "info": {
        "sourceIp": "$context.identity.sourceIp",
        "userAgent": "$context.identity.userAgent"
    }

davidvanleeuwen

define ['templates/layout'], (template) ->
  class Blog.Layouts.Index extends Backbone.Marionette.Layout
    template: template
    regions:
      navigation: 'nav'
      article: 'article'
      modal: 
        selector: '.modal'
        regionClass: Backbone.Marionette.Modals

davidvanleeuwen

.bbm-modal__topbar
  %h3.bbm-modal__title Hello
.bbm-modal__section
  %p World!
.bbm-modal__bottombar
  %a.bbm-button{:href => "#"} Close

davidvanleeuwen

define ['templates/modal'], (template) ->
  class Blog.Views.Modal extends Backbone.Modal
    template: template
    cancelEl: ".bbm-button"

davidvanleeuwen

var Layout = Backbone.Marionette.Layout.extend({
  template: _.template($('#template').html()),
  regions: {
    modals: {
      selector:   '.your-modals-container',
      regionClass: Backbone.Marionette.Modals
    }
  }
});

davidvanleeuwen

views: {
  'click #tab': {
    myActiveTabClass: '.my-tab'
    view: _.template($('#tab-view').html()),
    onActive: 'setActive'
  }
},
setActive: function (options) {
  this.$(options.myActiveTabClass).addClass('active')
}

davidvanleeuwen

jQuery(function($) {
  // create a layout class
  var Layout = Backbone.Marionette.Layout.extend({
    template: _.template($('#modals-template').html()),
    regions: {
      modals: {
        selector:   '.modals-container',
        regionClass: Backbone.Marionette.Modals
      }  
    }

davidvanleeuwen

class Backbone.Marionette.Modals extends Backbone.Marionette.Region
  modals: []
  zIndex: 0

  show: (modal, options = {}) ->
    @ensureEl()

    modal.render()
    @$el.append modal.el
    

davidvanleeuwen

jQuery(function($) {
  // create a modal view class
  var Modal = Backbone.Modal.extend({
    template: _.template($('#modal-template').html()),

    viewContainer: '.modal-view',

    views: {
      'click #first': {
        view: _.template($('#modal-view1-template').html())