quadro 0.5.0

data/app/assets/javascripts/quadro/uploader.js.coffee

@@ -0,0 +1,17 @@
+class Uploader
+  constructor: (@element) ->
+    @path = @element.data 'path'
+    @type = @element.data 'type'
+    @dropper()
+    return
+
+  dropper: ->
+    @element.dropper
+      action: "#{@path}"
+      label: '<p><i class="fa fa-picture-o fa-2x"></i></p><p>Drag and drop files or click to select</p>'
+      postData:
+        type: @type
+      postKey: 'asset[attachment]'
+    return
+
+window.Uploader = Uploader

data/app/assets/javascripts/quadro/widget.js.coffee

@@ -0,0 +1,80 @@
+class Widget
+  constructor: (@element) ->
+    @id = @element.data 'id'
+    @name = @element.data 'name'
+    @type = @element.data 'type'
+    @path = @element.data 'path'
+    @airmode = true
+    @focus = false
+    @changed = false
+    @summernote()
+    return
+
+  summernote: ->
+    @element.summernote
+      airMode: @airmode
+      codemirror:
+        lineNumbers: true
+        lineWrapping: true
+        tabSize: 2
+        mode: 'htmlmixed'
+        theme: 'monokai'
+      onChange: =>
+        @setChanged()
+      onfocus: =>
+        @setFocus()
+        return
+    return
+
+  switchAirmodeOn: ->
+    @element.destroy()
+    @airmode = true
+    @summernote()
+    return
+
+  switchAirmodeOff: ->
+    @element.destroy()
+    @airmode = false
+    @summernote()
+    return
+
+  save: ->
+    @getContent()
+    @update()
+    @unsetChanged()
+    return
+
+  update: ->
+    $.ajax
+      url: "#{@path}"
+      type: "PUT"
+      data:
+        widget:
+          content: @content
+      success: (data) ->
+        new Message "Content updated"
+        return
+      error: ->
+        new Message "Content not updated"
+        return
+    return
+
+  getContent: ->
+    @content = $(".widget-html[data-name=#{@name}]").code()
+    return
+
+  setFocus: ->
+    @focus = true
+    return
+
+  setChanged: ->
+    @changed = true
+    $('#quadro-save').removeClass('hide')
+    return
+
+  unsetChanged: ->
+    @changed = false
+    $('#quadro-save').addClass('hide')
+    return
+
+window.Widget = Widget

data/app/assets/stylesheets/bootstrap/_mixins.scss

@@ -0,0 +1,40 @@
+// Mixins
+// --------------------------------------------------
+
+// Utilities
+@import "bootstrap/mixins/hide-text";
+@import "bootstrap/mixins/opacity";
+@import "bootstrap/mixins/image";
+@import "bootstrap/mixins/labels";
+@import "bootstrap/mixins/reset-filter";
+@import "bootstrap/mixins/resize";
+@import "bootstrap/mixins/responsive-visibility";
+@import "bootstrap/mixins/size";
+@import "bootstrap/mixins/tab-focus";
+//@import "bootstrap/mixins/reset-text";
+@import "bootstrap/mixins/text-emphasis";
+@import "bootstrap/mixins/text-overflow";
+@import "bootstrap/mixins/vendor-prefixes";
+
+// Components
+@import "bootstrap/mixins/alerts";
+@import "bootstrap/mixins/buttons";
+@import "bootstrap/mixins/panels";
+@import "bootstrap/mixins/pagination";
+@import "bootstrap/mixins/list-group";
+@import "bootstrap/mixins/nav-divider";
+@import "bootstrap/mixins/forms";
+@import "bootstrap/mixins/progress-bar";
+@import "bootstrap/mixins/table-row";
+
+// Skins
+@import "bootstrap/mixins/background-variant";
+@import "bootstrap/mixins/border-radius";
+@import "bootstrap/mixins/gradients";
+
+// Layout
+@import "bootstrap/mixins/clearfix";
+@import "bootstrap/mixins/center-block";
+@import "bootstrap/mixins/nav-vertical-align";
+@import "bootstrap/mixins/grid-framework";
+@import "bootstrap/mixins/grid";

data/app/assets/stylesheets/quadro/application.css.sass

@@ -0,0 +1,19 @@
+@import bootstrap-sprockets
+@import bootstrap
+@import font-awesome-sprockets
+@import font-awesome
+@import compass
+@import animate
+@import codemirror
+@import codemirror/themes/monokai
+@import summernote
+@import slick
+@import slick-theme
+@import quadro/plugins/jquery.fs.dropper.min
+@import quadro/plugins/jasny-bootstrap.min
+@import quadro/plugins/jquery.smartmenus.bootstrap.min
+@import quadro/plugins/pace.min
+@import quadro/plugins/humane-libnotify.min
+@import quadro/plugins/lightbox.min
+@import quadro/quadro
+@import quadro/site

data/app/assets/stylesheets/quadro/plugins/humane-libnotify.min.css

@@ -0,0 +1 @@
+html,body{min-height:100%}.humane,.humane-libnotify{position:fixed;-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;z-index:100000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);font-family:Ubuntu,Arial,sans-serif;text-align:center;font-size:15px;top:10px;right:10px;opacity:0;width:150px;color:#fff;padding:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQYlWNgYGB4ysTAwMDAxMjICCUQXDQWAwMDAxMTExMedcRyB6d5CAMQ5hGrjSrmAQBQdgIXlosSTwAAAABJRU5ErkJggg==);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0.9)),color-stop(1,rgba(50,50,50,0.9))) no-repeat;background:-moz-linear-gradient(top,rgba(0,0,0,0.9) 0%,rgba(50,50,50,0.9) 100%) no-repeat;background:-webkit-linear-gradient(top,rgba(0,0,0,0.9) 0%,rgba(50,50,50,0.9) 100%) no-repeat;background:-ms-linear-gradient(top,rgba(0,0,0,0.9) 0%,rgba(50,50,50,0.9) 100%) no-repeat;background:-o-linear-gradient(top,rgba(0,0,0,0.9) 0%,rgba(50,50,50,0.9) 100%) no-repeat;background:linear-gradient(top,rgba(0,0,0,0.9) 0%,rgba(50,50,50,0.9) 100%) no-repeat;*background-color:#000;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 4px 4px -4px #000;box-shadow:0 4px 4px -4px #000;-moz-transform:translateY(-40px);-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}.humane p,.humane-libnotify p,.humane ul,.humane-libnotify ul{margin:0;padding:0}.humane ul,.humane-libnotify ul{list-style:none}.humane.humane-libnotify-info,.humane-libnotify.humane-libnotify-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgYDB6ysTAwMDAxMDACCcYUFkMDEwMDEwMBNVhkxg65jGhmke6M6hgHgBSdgHnpZwADwAAAABJRU5ErkJggg==);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,50,0.9)),color-stop(1,rgba(0,0,100,0.9))) no-repeat;background:-moz-linear-gradient(top,rgba(0,0,50,0.9) 0%,rgba(0,0,100,0.9) 100%) no-repeat;background:-webkit-linear-gradient(top,rgba(0,0,50,0.9) 0%,rgba(0,0,100,0.9) 100%) no-repeat;background:-ms-linear-gradient(top,rgba(0,0,50,0.9) 0%,rgba(0,0,100,0.9) 100%) no-repeat;background:-o-linear-gradient(top,rgba(0,0,50,0.9) 0%,rgba(0,0,100,0.9) 100%) no-repeat;background:linear-gradient(top,rgba(0,0,50,0.9) 0%,rgba(0,0,100,0.9) 100%) no-repeat;*background-color:#030}.humane.humane-libnotify-success,.humane-libnotify.humane-libnotify-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgMGJ4ysTAwMDAxMAIJxhQWQwMDEwMTKgS2NRhkxg65jGhmke6M6hhHgBS2QHn2LzhygAAAABJRU5ErkJggg==);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,50,0,0.9)),color-stop(1,rgba(0,100,0,0.9))) no-repeat;background:-moz-linear-gradient(top,rgba(0,50,0,0.9) 0%,rgba(0,100,0,0.9) 100%) no-repeat;background:-webkit-linear-gradient(top,rgba(0,50,0,0.9) 0%,rgba(0,100,0,0.9) 100%) no-repeat;background:-ms-linear-gradient(top,rgba(0,50,0,0.9) 0%,rgba(0,100,0,0.9) 100%) no-repeat;background:-o-linear-gradient(top,rgba(0,50,0,0.9) 0%,rgba(0,100,0,0.9) 100%) no-repeat;background:linear-gradient(top,rgba(0,50,0,0.9) 0%,rgba(0,100,0,0.9) 100%) no-repeat;*background-color:#030}.humane.humane-libnotify-error,.humane-libnotify.humane-libnotify-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWMwYmB4ysTAwMCATjASFsOmBBvBRJ7x+O0g0wCS7CDTH/RwH7X9MVDuwyaG032D2M2UeIYO7gMAqt8C19Bn7+YAAAAASUVORK5CYII=);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(50,0,0,0.9)),color-stop(1,rgba(100,0,0,0.9))) no-repeat;background:-moz-linear-gradient(top,rgba(50,0,0,0.9) 0%,rgba(100,0,0,0.9) 100%) no-repeat;background:-webkit-linear-gradient(top,rgba(50,0,0,0.9) 0%,rgba(100,0,0,0.9) 100%) no-repeat;background:-ms-linear-gradient(top,rgba(50,0,0,0.9) 0%,rgba(100,0,0,0.9) 100%) no-repeat;background:-o-linear-gradient(top,rgba(50,0,0,0.9) 0%,rgba(100,0,0,0.9) 100%) no-repeat;background:linear-gradient(top,rgba(50,0,0,0.9) 0%,rgba(100,0,0,0.9) 100%) no-repeat;*background-color:#300}.humane.humane-animate,.humane-libnotify.humane-libnotify-animate{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.humane.humane-animate:hover,.humane-libnotify.humane-libnotify-animate:hover{opacity:.2}.humane.humane-animate,.humane-libnotify.humane-libnotify-js-animate{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.humane.humane-animate:hover,.humane-libnotify.humane-libnotify-js-animate:hover{opacity:.2;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20)}

data/app/assets/stylesheets/quadro/plugins/jasny-bootstrap.min.css

@@ -0,0 +1,7 @@
+/*!
+ * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap)
+ * Copyright 2012-2014 Arnold Daniels
+ * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
+ */
+
+.container-smooth{max-width:1170px}@media (min-width:1px){.container-smooth{width:auto}}.btn-labeled{padding-top:0;padding-bottom:0}.btn-label{position:relative;background:0 0;background:rgba(0,0,0,.15);display:inline-block;padding:6px 12px;left:-12px;border-radius:3px 0 0 3px}.btn-label.btn-label-right{left:auto;right:-12px;border-radius:0 3px 3px 0}.btn-lg .btn-label{padding:10px 16px;left:-16px;border-radius:5px 0 0 5px}.btn-lg .btn-label.btn-label-right{left:auto;right:-16px;border-radius:0 5px 5px 0}.btn-sm .btn-label{padding:5px 10px;left:-10px;border-radius:2px 0 0 2px}.btn-sm .btn-label.btn-label-right{left:auto;right:-10px;border-radius:0 2px 2px 0}.btn-xs .btn-label{padding:1px 5px;left:-5px;border-radius:2px 0 0 2px}.btn-xs .btn-label.btn-label-right{left:auto;right:-5px;border-radius:0 2px 2px 0}.nav-tabs-bottom{border-bottom:0;border-top:1px solid #ddd}.nav-tabs-bottom>li{margin-bottom:0;margin-top:-1px}.nav-tabs-bottom>li>a{border-radius:0 0 4px 4px}.nav-tabs-bottom>li>a:hover,.nav-tabs-bottom>li>a:focus,.nav-tabs-bottom>li.active>a,.nav-tabs-bottom>li.active>a:hover,.nav-tabs-bottom>li.active>a:focus{border:1px solid #ddd;border-top-color:transparent}.nav-tabs-left{border-bottom:0;border-right:1px solid #ddd}.nav-tabs-left>li{margin-bottom:0;margin-right:-1px;float:none}.nav-tabs-left>li>a{border-radius:4px 0 0 4px;margin-right:0;margin-bottom:2px}.nav-tabs-left>li>a:hover,.nav-tabs-left>li>a:focus,.nav-tabs-left>li.active>a,.nav-tabs-left>li.active>a:hover,.nav-tabs-left>li.active>a:focus{border:1px solid #ddd;border-right-color:transparent}.row>.nav-tabs-left{padding-right:0;padding-left:15px;margin-right:-1px;position:relative;z-index:1}.row>.nav-tabs-left+.tab-content{border-left:1px solid #ddd}.nav-tabs-right{border-bottom:0;border-left:1px solid #ddd}.nav-tabs-right>li{margin-bottom:0;margin-left:-1px;float:none}.nav-tabs-right>li>a{border-radius:0 4px 4px 0;margin-left:0;margin-bottom:2px}.nav-tabs-right>li>a:hover,.nav-tabs-right>li>a:focus,.nav-tabs-right>li.active>a,.nav-tabs-right>li.active>a:hover,.nav-tabs-right>li.active>a:focus{border:1px solid #ddd;border-left-color:transparent}.row>.nav-tabs-right{padding-left:0;padding-right:15px}.navmenu,.navbar-offcanvas{width:300px;height:auto;border-width:1px;border-style:solid;border-radius:4px}.navmenu-fixed-left,.navmenu-fixed-right,.navbar-offcanvas{position:fixed;z-index:1030;top:0;bottom:0;overflow-y:auto;border-radius:0}.navmenu-fixed-left,.navbar-offcanvas.navmenu-fixed-left{left:0;right:auto;border-width:0 1px 0 0}.navmenu-fixed-right,.navbar-offcanvas{left:auto;right:0;border-width:0 0 0 1px}.navmenu-nav{margin-bottom:10px}.navmenu-nav.dropdown-menu{position:static;margin:0;padding-top:0;float:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.navbar-offcanvas .navbar-nav{margin:0}@media (min-width:768px){.navbar-offcanvas{width:auto;border-top:0;box-shadow:none}.navbar-offcanvas.offcanvas{position:static;display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-offcanvas .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-offcanvas .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-offcanvas .navmenu-brand{display:none}}.navmenu-brand{display:block;font-size:18px;line-height:20px;padding:10px 15px;margin:10px 0}.navmenu-brand:hover,.navmenu-brand:focus{text-decoration:none}.navmenu-default,.navbar-default .navbar-offcanvas{background-color:#f8f8f8;border-color:#e7e7e7}.navmenu-default .navmenu-brand,.navbar-default .navbar-offcanvas .navmenu-brand{color:#777}.navmenu-default .navmenu-brand:hover,.navbar-default .navbar-offcanvas .navmenu-brand:hover,.navmenu-default .navmenu-brand:focus,.navbar-default .navbar-offcanvas .navmenu-brand:focus{color:#5e5e5e;background-color:transparent}.navmenu-default .navmenu-text,.navbar-default .navbar-offcanvas .navmenu-text{color:#777}.navmenu-default .navmenu-nav>.dropdown>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-default .navmenu-nav>.dropdown>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navmenu-default .navmenu-nav>.open>a,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-default .navmenu-nav>.open>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-default .navmenu-nav>.open>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#e7e7e7;color:#555}.navmenu-default .navmenu-nav>.open>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-default .navmenu-nav>.open>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-default .navmenu-nav>.open>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navmenu-default .navmenu-nav>.dropdown>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}.navmenu-default .navmenu-nav.dropdown-menu,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#e7e7e7}.navmenu-default .navmenu-nav.dropdown-menu>.divider,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#f8f8f8}.navmenu-default .navmenu-nav.dropdown-menu>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#d7d7d7}.navmenu-default .navmenu-nav>li>a,.navbar-default .navbar-offcanvas .navmenu-nav>li>a{color:#777}.navmenu-default .navmenu-nav>li>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-default .navmenu-nav>li>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus{color:#333;background-color:transparent}.navmenu-default .navmenu-nav>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-default .navmenu-nav>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-default .navmenu-nav>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navmenu-default .navmenu-nav>.disabled>a,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a,.navmenu-default .navmenu-nav>.disabled>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-default .navmenu-nav>.disabled>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navmenu-inverse,.navbar-inverse .navbar-offcanvas{background-color:#222;border-color:#080808}.navmenu-inverse .navmenu-brand,.navbar-inverse .navbar-offcanvas .navmenu-brand{color:#999}.navmenu-inverse .navmenu-brand:hover,.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,.navmenu-inverse .navmenu-brand:focus,.navbar-inverse .navbar-offcanvas .navmenu-brand:focus{color:#fff;background-color:transparent}.navmenu-inverse .navmenu-text,.navbar-inverse .navbar-offcanvas .navmenu-text{color:#999}.navmenu-inverse .navmenu-nav>.dropdown>a:hover .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-inverse .navmenu-nav>.dropdown>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navmenu-inverse .navmenu-nav>.open>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-inverse .navmenu-nav>.open>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-inverse .navmenu-nav>.open>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#080808;color:#fff}.navmenu-inverse .navmenu-nav>.open>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-inverse .navmenu-nav>.open>a:hover .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-inverse .navmenu-nav>.open>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navmenu-inverse .navmenu-nav>.dropdown>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navmenu-inverse .navmenu-nav.dropdown-menu,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#080808}.navmenu-inverse .navmenu-nav.dropdown-menu>.divider,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#222}.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#000}.navmenu-inverse .navmenu-nav>li>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a{color:#999}.navmenu-inverse .navmenu-nav>li>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-inverse .navmenu-nav>li>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:focus{color:#fff;background-color:transparent}.navmenu-inverse .navmenu-nav>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-inverse .navmenu-nav>.active>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-inverse .navmenu-nav>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#fff;background-color:#080808}.navmenu-inverse .navmenu-nav>.disabled>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a,.navmenu-inverse .navmenu-nav>.disabled>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-inverse .navmenu-nav>.disabled>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:focus{color:#444;background-color:transparent}.alert-fixed-top,.alert-fixed-bottom{position:fixed;width:100%;z-index:1035;border-radius:0;margin:0;left:0}@media (min-width:992px){.alert-fixed-top,.alert-fixed-bottom{width:992px;left:50%;margin-left:-496px}}.alert-fixed-top{top:0;border-width:0 0 1px}@media (min-width:992px){.alert-fixed-top{border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-width:0 1px 1px}}.alert-fixed-bottom{bottom:0;border-width:1px 0 0}@media (min-width:992px){.alert-fixed-bottom{border-top-right-radius:4px;border-top-left-radius:4px;border-width:1px 1px 0}}.offcanvas{display:none}.offcanvas.in{display:block}@media (max-width:767px){.offcanvas-xs{display:none}.offcanvas-xs.in{display:block}}@media (max-width:991px){.offcanvas-sm{display:none}.offcanvas-sm.in{display:block}}@media (max-width:1199px){.offcanvas-md{display:none}.offcanvas-md.in{display:block}}.offcanvas-lg{display:none}.offcanvas-lg.in{display:block}.canvas-sliding{-webkit-transition:top .35s,left .35s,bottom .35s,right .35s;transition:top .35s,left .35s,bottom .35s,right .35s}.offcanvas-clone{height:0!important;width:0!important;overflow:hidden!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:auto!important;left:auto!important;bottom:0!important;right:0!important;opacity:0!important}.table.rowlink td:not(.rowlink-skip),.table .rowlink td:not(.rowlink-skip){cursor:pointer}.table.rowlink td:not(.rowlink-skip) a,.table .rowlink td:not(.rowlink-skip) a{color:inherit;font:inherit;text-decoration:inherit}.table-hover.rowlink tr:hover td,.table-hover .rowlink tr:hover td{background-color:#cfcfcf}.btn-file{overflow:hidden;position:relative;vertical-align:middle}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);font-size:23px;height:100%;width:100%;direction:ltr;cursor:pointer}.fileinput{margin-bottom:9px;display:inline-block}.fileinput .form-control{padding-top:7px;padding-bottom:5px;display:inline-block;margin-bottom:0;vertical-align:middle;cursor:text}.fileinput .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center}.fileinput .thumbnail>img{max-height:100%}.fileinput .btn{vertical-align:middle}.fileinput-exists .fileinput-new,.fileinput-new .fileinput-exists{display:none}.fileinput-inline .fileinput-controls{display:inline}.fileinput-filename{vertical-align:middle;display:inline-block;overflow:hidden}.form-control .fileinput-filename{vertical-align:bottom}.fileinput.input-group{display:table}.fileinput.input-group>*{position:relative;z-index:2}.fileinput.input-group>.btn-file{z-index:1}.fileinput-new.input-group .btn-file,.fileinput-new .input-group .btn-file{border-radius:0 4px 4px 0}.fileinput-new.input-group .btn-file.btn-xs,.fileinput-new .input-group .btn-file.btn-xs,.fileinput-new.input-group .btn-file.btn-sm,.fileinput-new .input-group .btn-file.btn-sm{border-radius:0 3px 3px 0}.fileinput-new.input-group .btn-file.btn-lg,.fileinput-new .input-group .btn-file.btn-lg{border-radius:0 6px 6px 0}.form-group.has-warning .fileinput .fileinput-preview{color:#8a6d3b}.form-group.has-warning .fileinput .thumbnail{border-color:#faebcc}.form-group.has-error .fileinput .fileinput-preview{color:#a94442}.form-group.has-error .fileinput .thumbnail{border-color:#ebccd1}.form-group.has-success .fileinput .fileinput-preview{color:#3c763d}.form-group.has-success .fileinput .thumbnail{border-color:#d6e9c6}.input-group-addon:not(:first-child){border-left:0}

data/app/assets/stylesheets/quadro/plugins/jquery.fs.dropper.min.css

@@ -0,0 +1,9 @@
+/* 
+ * Dropper v1.0.1 - 2014-11-25 
+ * A jQuery plugin for simple drag and drop uploads. Part of the Formstone Library. 
+ * http://formstone.it/dropper/ 
+ * 
+ * Copyright 2014 Ben Plum; MIT Licensed 
+ */
+
+.dropper{overflow:hidden}.dropper,.dropper *,.dropper :before,.dropper :after{box-sizing:border-box}.dropper-dropzone{background:#fff;border:3px dashed #ccc;border-radius:0;color:#666;cursor:pointer;font-size:14px;margin:0;padding:25px;text-align:center}.dropper.dropping .dropper-dropzone,.no-touch .dropper:hover .dropper-dropzone{background:#eee;border-color:#999;color:#333}.dropper-input{position:absolute;left:100%;opacity:0}.no-opacity .dropper-input{left:-999px}

data/app/assets/stylesheets/quadro/plugins/jquery.smartmenus.bootstrap.min.css

@@ -0,0 +1 @@
+.navbar-nav:not(.sm-collapsible) ul .caret{position:absolute;right:0;margin-top:6px;margin-right:15px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px dashed}.navbar-nav:not(.sm-collapsible) ul a.has-submenu{padding-right:30px}.navbar-nav.sm-collapsible .caret,.navbar-nav.sm-collapsible ul .caret{position:absolute;right:0;margin:-3px 15px 0 0;padding:0;width:32px;height:26px;line-height:24px;text-align:center;border-width:1px;border-style:solid}.navbar-nav.sm-collapsible .caret:before{content:'+';font-family:monospace;font-weight:700}.navbar-nav.sm-collapsible .open>a>.caret:before{content:'-'}.navbar-nav.sm-collapsible a.has-submenu{padding-right:50px}.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret,.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret{position:static;margin:0 0 0 2px;padding:0;width:0;height:0;border-top:4px dashed;border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent}.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before{content:''!important}.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu{padding-right:15px}.navbar-nav span.scroll-down,.navbar-nav span.scroll-up{position:absolute;display:none;visibility:hidden;height:20px;overflow:hidden;text-align:center}.navbar-nav span.scroll-down-arrow,.navbar-nav span.scroll-up-arrow{position:absolute;top:-2px;left:50%;margin-left:-8px;width:0;height:0;overflow:hidden;border-top:7px dashed transparent;border-right:7px dashed transparent;border-bottom:7px solid;border-left:7px dashed transparent}.navbar-nav span.scroll-down-arrow{top:6px;border-top:7px solid;border-right:7px dashed transparent;border-bottom:7px dashed transparent;border-left:7px dashed transparent}.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header,.navbar-nav.sm-collapsible ul .dropdown-menu>li>a{padding-left:35px}.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header,.navbar-nav.sm-collapsible ul ul .dropdown-menu>li>a{padding-left:45px}.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header,.navbar-nav.sm-collapsible ul ul ul .dropdown-menu>li>a{padding-left:55px}.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header,.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu>li>a{padding-left:65px}.navbar-nav .dropdown-menu>li>a{white-space:normal}.navbar-nav ul.sm-nowrap>li>a{white-space:nowrap}.navbar-nav.sm-collapsible ul.sm-nowrap>li>a{white-space:normal}.navbar-right ul.dropdown-menu{left:0;right:auto}

data/app/assets/stylesheets/quadro/plugins/lightbox.min.css

@@ -0,0 +1 @@
+.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(close.png) url(loading.gif) url(prev.png) url(next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

data/app/assets/stylesheets/quadro/plugins/pace.min.css

@@ -0,0 +1 @@
+.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#999;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}.pace .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #999999,0 0 5px #999;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:15px;right:15px;width:14px;height:14px;border:solid 2px transparent;border-top-color:#999;border-left-color:#999;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}

data/app/assets/stylesheets/quadro/quadro.css.sass

@@ -0,0 +1,99 @@
+body
+  margin-top: 60px
+
+body.quadro-signed-in
+  margin-bottom: 60px
+
+form
+  span.status
+    @extend .help-block
+
+#quadro-toolbar
+  padding: 8px
+
+#quadro-controls
+  margin: 0px
+
+#quadro-images
+  overflow: auto
+
+#quadro-gallery.collapsed
+  padding: 0px
+  height: 0em
+  min-height: 0px
+  margin-bottom: 0px
+  border: none
+  box-shadow: none
+  +transition-property(height)
+  +transition-duration(0.5s)
+  +transition-timing-function(ease-in)
+
+  #quadro-uploader
+    height: 0em
+
+  #quadro-images
+    height: 0em
+
+#quadro-gallery.expanded
+  padding: 0px
+  height: 25em
+  +transition-property(height)
+  +transition-duration(0.5s)
+  +transition-timing-function(ease-out)
+
+  #quadro-uploader
+    height: auto
+
+  #quadro-images
+    height: 13em
+
+.quadro-brand
+  text-decoration: none !important
+
+.widget-map
+  height: 240px
+  background-color: #808080
+  background: no-repeat center center
+  background-attachment: scroll
+  -webkit-background-size: cover
+  -moz-background-size: cover
+  background-size: cover
+  -o-background-size: cover
+
+.note-editor
+  margin-bottom: 20px
+
+.fileinput > .thumbnail > img
+  width: 100%
+
+.dropper-input
+  left: 0px
+
+.asset-dropper
+  margin: 1em
+  position: relative
+
+.slick-arrow
+  z-index: 1000
+
+.slick-prev
+  left: 20px
+
+.slick-next
+  right: 20px
+
+.slide
+  img
+    width: 100%
+
+a.thumbnail
+  img
+    width: 100%
+
+.jumbotron
+  background: no-repeat center center
+  background-attachment: scroll
+  -webkit-background-size: cover
+  -moz-background-size: cover
+  background-size: cover
+  -o-background-size: cover

data/app/controllers/quadro/application_controller.rb

@@ -0,0 +1,122 @@
+module Quadro
+  class ApplicationController < ActionController::Base
+    helper_method :widget, :asset, :interaction, :root, :parent, :page, :subpages, :geoip, :user, :users
+
+    def after_sign_in_path_for(_resource)
+      quadro.root_path
+    end
+
+    def after_sign_out_path_for(_resource)
+      quadro.root_path
+    end
+
+    private
+
+    def widget
+      @widget ||=
+        case
+        when %w(widgets).include?(controller_name) && %w(create).include?(action_name)
+          widget_type = params[:type]
+          if Quadro.available_widgets.include?(widget_type)
+            klass = widget_type.constantize
+            new_widget = klass.new(params[:widget])
+            page.widgets << new_widget
+            new_widget
+          end
+        when %w(pages).include?(controller_name) && %w(form).include?(action_name)
+          new_widget = page.widgets.find(params[:widget_id]) rescue nil
+          new_widget.becomes(new_widget.type.constantize) unless new_widget.nil?
+          new_widget
+        when %w(assets).include?(controller_name)
+          new_widget = page.widgets.find(params[:widget_id]) rescue nil
+          new_widget.becomes(new_widget.type.constantize) unless new_widget.nil?
+          new_widget
+        else
+          new_widget = page.widgets.find(params[:id]) rescue nil
+          new_widget.becomes(new_widget.type.constantize) unless new_widget.nil?
+          new_widget
+        end
+    end
+
+    def asset
+      @asset ||=
+        case
+        when %w(assets).include?(controller_name) && %w(create).include?(action_name)
+          asset_type = params[:type]
+          if Quadro.available_assets.include?(asset_type)
+            klass = asset_type.constantize
+            new_asset = klass.new(params[:asset])
+            if widget.present?
+              widget.assets << new_asset
+            elsif page.present?
+              page.assets << new_asset
+            end
+            new_asset
+          end
+        when %w(assets).include?(controller_name) && %w(edit update destroy).include?(action_name)
+          if widget.present?
+            widget.find_asset(params[:id])
+          elsif page.present?
+            page.find_asset(params[:id])
+          end
+        else
+          page.find_asset(params[:id])
+        end
+    end
+
+    def interaction
+      @interaction ||= widget.interactions.new
+    end
+
+    def root
+      @root ||= Quadro::Page.roots.first rescue nil
+    end
+
+    def parent
+      @parent ||= Quadro::Page.find(params[:parent_id]) rescue nil
+    end
+
+    def page
+      @page ||=
+        case
+        when %w(pages).include?(controller_name)
+          case
+          when %w(index).include?(action_name)
+            root
+          when %w(new).include?(action_name)
+            parent.children.new
+          when %w(create).include?(action_name)
+            parent.children.new(params[:page])
+          when %w(edit update form).include?(action_name)
+            root.subtree.find_by_slug(params[:id]) rescue nil
+          else
+            root.subtree.find_by_slug(params[:id]) rescue nil
+          end
+        when %w(widgets assets).include?(controller_name)
+          root.subtree.find(params[:page_id]) rescue nil
+        else
+          root.subtree.find(params[:page_id]) rescue nil
+        end
+    end
+
+    def subpages
+      @subpages ||= page.children.ordered.page(params[:page])
+    end
+
+    def geoip
+      @geoip ||= MaxMindDB.new(File.join(Rails.root, 'db', 'GeoLite2-Country.mmdb'))
+    end
+
+    def user
+      @user ||= current_user
+    end
+
+    def users
+      @users ||= Quadro::User.ordered
+    end
+
+    def not_found_page
+      render file: 'public/404', status: :not_found, layout: false
+    end
+  end
+end

data/app/controllers/quadro/assets_controller.rb

@@ -0,0 +1,21 @@
+require_dependency 'quadro/application_controller'
+
+module Quadro
+  class AssetsController < ApplicationController
+    before_filter :authenticate_user!
+
+    respond_to :js, :json, :xml
+
+    def create
+      asset.save
+    end
+
+    def update
+      asset.update_attributes(params[:asset])
+    end
+
+    def destroy
+      asset.destroy
+    end
+  end
+end