cardboard_cms 0.1.4

data/app/assets/javascripts/cardboard/content_sidebar.js

@@ -0,0 +1,27 @@
+$(document).ready(function(){
+  
+  var updateURL = $('#content_pages').attr('data-update-url');
+  
+  var sortableSettings = {
+    axis: "y",
+    handle: ".sort_handle",
+    update: postRefresh
+  }
+  
+  $('#content_pages, .page_group').sortable(sortableSettings);
+  
+  function postRefresh(event, ui) {
+    var content = ui.item.html();
+    
+    // post results to server and save effect
+    $.post(updateURL, {id: ui.item.attr('id').replace('pages_', ''), index: ui.item.index()})
+      .done(function() {
+        $(ui.item).html('<div class="link_wrap"><a href="#" class="offset-0 saving">Saved!</a></div>');
+        setTimeout(function(){
+          $(ui.item).html(content);
+          $('#content_pages, .page_group').sortable(sortableSettings);
+        }, 800);
+      });
+  }
+  
+});

data/app/assets/javascripts/cardboard/datepicker.js

@@ -0,0 +1,19 @@
+var create_datepickers = function(){
+
+  $('input.datepicker').datepicker({format: 'yyyy-mm-dd'}).on('changeDate', function() {
+    $(this).data('datepicker').hide();
+  });
+
+  // $('input.datetimepicker').datepicker({format: "yyyy-mm-dd HH:mm pp", pick12HourFormat: true}).on('changeDate', function() {
+  //   $(this).data('datepicker').hide();
+  // });
+}
+
+
+$(document).on("ready pjax:end", function () {
+  create_datepickers();
+
+  $(document).on('cocoon:after-insert', function(e, insertedItem) {
+    create_datepickers();
+  });
+});

data/app/assets/javascripts/cardboard/main_sidebar.js

@@ -0,0 +1,32 @@
+$(function(){
+  $("a#nav_dashboard_link").click(function(e){
+    e.preventDefault();
+    $("#content_sidebar").toggleClass('toggle');
+    $('#content').toggleClass('toggle');
+    // $(this).toggleClass('active');
+  });
+
+
+  // Filter page sidebar
+  $('#sidebar_page_search').search('.page_link', function(on) {
+    on.all(function(results) {
+      var size = results ? results.size() : 0
+    });
+
+    on.reset(function() {
+      $('#sidebar_page_search_none').hide();
+      $('.page_link').show();
+    });
+
+    on.empty(function() {
+      $('#sidebar_page_search_none').show();
+      $('.page_link').hide();
+    });
+
+    on.results(function(results) {
+      $('#sidebar_page_search_none').hide();
+      $('.page_link').hide();
+      results.show();
+    });
+  });
+});

data/app/assets/javascripts/cardboard/rich_text.js

@@ -0,0 +1,81 @@
+//= require cardboard/wysihtml5-0.4.0pre 
+//= require bootstrap-wysihtml5/core
+
+$(document).on('page:load', function(){
+  window['rangy'].initialized = false
+})
+
+var wysihtml5ParserRules = {
+  tags: {
+      "b":  {},
+      "i":  {},
+      "br": {},
+      "ol": {},
+      "ul": {},
+      "li": {},
+      "h1": {},
+      "h2": {},
+      "h3": {},
+      "blockquote": {},
+      "u": 1,
+      "img": {
+          "check_attributes": {
+              "width": "numbers",
+              "alt": "alt",
+              "src": "url",
+              "height": "numbers"
+          }
+      },
+      "a":  {
+          set_attributes: {
+              target: "_blank",
+              // rel:    "nofollow"
+          },
+          check_attributes: {
+              href:   "href" // important to avoid XSS
+          }
+      },
+      "span": 1,
+      "div": 1,
+      // to allow save and edit files with code tag hacks
+      "code": 1,
+      "pre": 1
+  }
+};
+
+
+var page_links_template = {
+  link: function() { return gon.rich_text_links_modal; }
+}
+
+var rich_text_editor_defaults = {
+  image: false, 
+  customTemplates:  page_links_template, 
+  parserRules: wysihtml5ParserRules, 
+  useLineBreaks: false
+}
+
+$(document).on("ready pjax:end", function(e){
+  // console.log($(".wysihtml5").length);
+  if($(".wysihtml5").length) {
+    $('.wysihtml5').wysihtml5(rich_text_editor_defaults);
+  }
+});
+
+$(document).on('cocoon:after-insert', function(e, insertedItem) {
+  if($(insertedItem).find(".wysihtml5").length){
+    $(insertedItem).find(".wysihtml5").wysihtml5(rich_text_editor_defaults);
+  }
+});
+
+$(document).on('click', '.bootstrap-wysihtml5-insert-link-modal #link_pages a', function(e){
+  e.preventDefault;
+  modal = $(this).closest(".bootstrap-wysihtml5-insert-link-modal");
+  modal.find("input.bootstrap-wysihtml5-insert-link-url").val($(this).data("url"));
+  modal.find("#insert_link").click();
+  return false;
+});
+
+$(document).on('change', '.bootstrap-wysihtml5-insert-link-modal .tab-pane input', function(){
+  $(this).closest('.bootstrap-wysihtml5-insert-link-modal').find('.bootstrap-wysihtml5-insert-link-url').val($(this).val());
+});

data/app/assets/javascripts/cardboard/search_filter.js

@@ -0,0 +1,28 @@
+$(function(){
+   var ransack_options;
+  
+  $(document).on("pjax:end ready", function(e){
+    ransack_options = $("select#ransack_options").html();
+    $("select#advanced_field").trigger("change");
+  })
+
+  $(document).on('change', "select#advanced_field", function(){
+    var type = $(this).find(":selected").data("type");
+    var options = $(ransack_options).filter("optgroup[label='" + type + "']").html()
+    $("select#ransack_options").html(options).trigger("change");
+    $("select#ransack_options").selectpicker('refresh');
+  });
+  
+  $(document).on('change',"select#ransack_options", function(){
+    var field_name = $("select#advanced_field").find(":selected").val() +"_" + $(this).val();
+    $("#advanced_query").attr("name", "q["+field_name+"]").val("");
+  });
+  $(document).on('click', "#advanced_search_link", function(){
+    $("#simple_search").hide();
+    $("#advanced_search").show();
+  });
+  $(document).on('click', "#simple_search_link", function(){
+    $("#advanced_search").hide();
+    $("#simple_search").show();
+  });
+});

data/app/assets/stylesheets/cardboard.css.scss

@@ -0,0 +1,2 @@
+// Extend and overwrite the CSS used for the admin area of cardboard
+@import "cardboard/admin";

data/app/assets/stylesheets/cardboard/_bootstrap-select.css.scss

@@ -0,0 +1,183 @@
+.bootstrap-select.btn-group,
+.bootstrap-select.btn-group[class*="span"] {
+    float: none;
+    display: inline-block;
+    margin-bottom: 10px;
+    margin-left: 0;
+}
+.form-search .bootstrap-select.btn-group,
+.form-inline .bootstrap-select.btn-group,
+.form-horizontal .bootstrap-select.btn-group {
+    margin-bottom: 0;
+}
+
+.bootstrap-select.btn-group.pull-right,
+.bootstrap-select.btn-group[class*="span"].pull-right,
+.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
+    float: right;
+}
+
+.input-append .bootstrap-select.btn-group {
+    margin-left: -1px;
+}
+
+.input-prepend .bootstrap-select.btn-group {
+    margin-right: -1px;
+}
+
+.bootstrap-select:not([class*="span"]) {
+    width: 220px;
+}
+
+.bootstrap-select {
+    width: 220px\9; /*IE8 and below*/
+}
+
+.bootstrap-select .btn {
+    width: 100%;
+}
+
+.bootstrap-select.show-menu-arrow.open .btn {
+    z-index: 1001;
+}
+
+.bootstrap-select .btn:focus {
+    outline: thin dotted #333333 !important;
+    outline: 5px auto -webkit-focus-ring-color !important;
+    outline-offset: -2px;
+}
+
+.bootstrap-select.btn-group .btn .filter-option {
+    overflow: hidden;
+    position: absolute;
+    left: 12px;
+    right: 25px;
+    text-align: left;
+}
+
+.bootstrap-select.btn-group .btn .caret {
+    position: absolute;
+    right: 12px;
+}
+
+.bootstrap-select.btn-group > .disabled,
+.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
+    cursor: not-allowed;
+}
+
+.bootstrap-select.btn-group[class*="span"] .btn {
+    width: 100%;
+}
+
+.bootstrap-select.btn-group .dropdown-menu {
+    min-width: 100%;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.bootstrap-select.btn-group .dropdown-menu dt {
+    display: block;
+    padding: 3px 20px;
+    cursor: default;
+}
+
+.bootstrap-select.btn-group .div-contain {
+    overflow: hidden;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li > a.opt {
+    padding-left: 35px;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li > a {
+    min-height: 20px;
+    cursor: pointer;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li > dt small {
+    font-weight: normal;
+}
+
+.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
+    display: inline-block;
+    position: absolute;
+    right: 15px;
+    margin-top: 2.5px;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
+    display: none;
+}
+
+.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
+    margin-right: 34px;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li small {
+    padding-left: 0.5em;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
+.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small {
+    color: #64b1d8;
+    color: rgba(255,255,255,0.4);
+}
+
+.bootstrap-select.btn-group .dropdown-menu li > dt small {
+    font-weight: normal;
+}
+
+.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
+    content: '';
+    display: inline-block;
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    border-bottom: 7px solid #CCC;
+    border-bottom-color: rgba(0, 0, 0, 0.2);
+    position: absolute;
+    bottom: -4px;
+    left: 9px;
+    display: none;
+}
+
+.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
+    content: '';
+    display: inline-block;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid white;
+    position: absolute;
+    bottom: -4px;
+    left: 10px;
+    display: none;
+}
+
+.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
+  bottom: auto;
+  top: -3px;
+  border-top: 7px solid #ccc;
+  border-bottom: 0;
+  border-top-color: rgba(0, 0, 0, 0.2);
+}
+
+.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
+  bottom: auto;
+  top: -3px;
+  border-top: 6px solid #ffffff;
+  border-bottom: 0;
+}
+
+.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
+    right: 12px;
+    left: auto;
+}
+.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
+    right: 13px;
+    left: auto;
+}
+
+.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
+.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
+    display: block;
+}

data/app/assets/stylesheets/cardboard/_content.css.scss

@@ -0,0 +1,35 @@
+#content {
+  
+  @include box-sizing(border-box);
+
+  display: block;
+  padding: 20px 40px;
+
+  height: 100%;
+
+  margin-left: $main_sidebar_width;
+  // -webkit-transition:all $page_nav_slide_speed ease;
+  // -moz-transition:all $page_nav_slide_speed ease;
+  
+  &.toggle{
+    margin-left: $main_sidebar_width + $content_sidebar_width;
+    // -webkit-transition:all $page_nav_slide_speed ease;
+    // -moz-transition:all $page_nav_slide_speed ease;
+  }
+  
+  h1, h2, h3, h4, h5, h6 {
+    margin: 0px 0px 20px 0px;
+  }
+
+  fieldset{
+    margin-top: 20px;
+  }
+
+
+  @include box-sizing(border-box);
+}
+
+#main_content{
+  background: $content_background;
+}
+

data/app/assets/stylesheets/cardboard/_content_sidebar.css.scss

@@ -0,0 +1,96 @@
+#content_sidebar{  
+  z-index: $main_sidebar_background_zindex - 1;
+  @include box-sizing(border-box);
+  // position: absolute;
+  // top: $main_topbar_height;// top: 0px;
+  // left: - $main_sidebar_width - 90px;
+  width: $content_sidebar_width;
+  
+  // overflow: hidden;
+  background: #fff;
+  // -webkit-transition: left $page_nav_slide_speed ease;
+  // -moz-transition: left $page_nav_slide_speed ease;
+  padding: 18px 25px 10px 25px;
+  box-shadow: $main_content_sidebar_shadow;
+  display: none;
+
+  &.toggle {
+    display: block;
+    // left: $main_sidebar_width;
+    // -webkit-transition: left $page_nav_slide_speed ease;
+    // -moz-transition: left $page_nav_slide_speed ease;
+  }
+
+
+    
+  #sidebar_page_search{
+    width: 90%;
+  }
+  
+  #content_pages {
+    & > .page_link:first-child > .link_wrap {
+      & > a {
+        font-weight: 900;
+      }
+    }
+    
+    .page_link{
+    
+      > &:first-child {
+        background: black;
+      }
+    
+      &.ui-sortable-helper {
+        .link_wrap a {
+          border-bottom: 0px;
+        }
+      }
+    
+      .link_wrap{
+        position: relative;
+
+        &:hover {
+          > .sort_handle {
+            display: block;
+          }
+        }
+
+        a{
+          color: $brand_color;
+          border-bottom: 1px solid lighten($black, 90%);
+          display: block;
+          padding-top: 10px;
+          padding-bottom: 10px;
+          
+          &.saving {
+            color: $successText;
+            background: $successBackground;
+            padding-left: 10px
+          }
+        }
+
+        .sort_handle {
+          position: absolute;
+          right: 0px;
+          top: 10px;
+          color: #ccc;
+          display: none;
+      
+          .icon-reorder {
+            cursor: pointer;
+            cursor: hand;
+          }
+        }
+      }
+      
+      $indent-width: 15px;
+      @for $i from 0 through 10 {
+        .offset-#{$i} {
+          padding-left: $i * $indent-width;
+        }
+      }
+      
+    }
+  }
+  
+}