Skip to content

Instantly share code, notes, and snippets.

View davidvanleeuwen's full-sized avatar
✌️
Sharing is caring

David van Leeuwen davidvanleeuwen

✌️
Sharing is caring
View GitHub Profile
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())
class Backbone.Marionette.Modals extends Backbone.Marionette.Region
modals: []
zIndex: 0
show: (modal, options = {}) ->
@ensureEl()
modal.render()
@$el.append modal.el
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
}
}
views: {
'click #tab': {
myActiveTabClass: '.my-tab'
view: _.template($('#tab-view').html()),
onActive: 'setActive'
}
},
setActive: function (options) {
this.$(options.myActiveTabClass).addClass('active')
}
var Layout = Backbone.Marionette.Layout.extend({
template: _.template($('#template').html()),
regions: {
modals: {
selector: '.your-modals-container',
regionClass: Backbone.Marionette.Modals
}
}
});
.bbm-modal__topbar
%h3.bbm-modal__title Hello
.bbm-modal__section
%p World!
.bbm-modal__bottombar
%a.bbm-button{:href => "#"} Close
define ['templates/modal'], (template) ->
class Blog.Views.Modal extends Backbone.Modal
template: template
cancelEl: ".bbm-button"
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
davidvanleeuwen / gist:9209842
Created February 25, 2014 14:29
Preferences.submlime-settings
{
"bold_folder_labels": true,
"caret_style": "smooth",
"color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
"file_exclude_patterns":
[
"smart.lock",
".DS_Store",
".bowerrc",
".gitignore",
(function (window) {
'use strict';
var c3 = window.c3 = {};
var d3 = window.d3;
/*
* Generate chart according to config
*/
c3.generate = function (config) {