caboose-cms 0.9.229 → 1.0.1

data/app/assets/stylesheets/caboose/admin/page_edit/main.scss

@@ -0,0 +1,18 @@
+/*
+ * /app/assets/stylsheets/caboose/admin/page_edit/main.scss
+ *
+ *= require_self
+ *= require caboose/admin/page_edit/block_overlays
+ *= require caboose/admin/page_edit/block_anchors
+ *= require caboose/admin/page_edit/device_selector
+ *= require caboose/admin/page_edit/froala
+ *= require caboose/admin/page_edit/group_overlay
+ *= require caboose/admin/page_edit/layout   
+ *= require caboose/admin/page_edit/preview
+ *= require caboose/admin/page_edit/publish
+ *= require caboose/admin/page_edit/revisions
+ *= require caboose/admin/page_edit/subnav
+ *= require caboose/admin/page_edit/top_nav
+ *= require caboose/admin/page_edit/modal
+ */
+@import url('https://fonts.googleapis.com/css?family=Open+Sans');

data/app/assets/stylesheets/caboose/admin/page_edit/modal.scss

@@ -0,0 +1,11 @@
+#the_modal {
+  text-align: left;
+  p {
+    margin-bottom: 10px;    
+  }
+  .note {
+    input {
+      text-align: left;
+    }  
+  }
+}

data/app/assets/stylesheets/caboose/admin/page_edit/preview.scss

@@ -0,0 +1,25 @@
+#preview_confirm {
+  position: absolute;
+  top: 48px;
+  right: 10px;
+  z-index: 1000;
+  width: 300px;
+  padding: 10px;
+  border-radius: 6px 6px 6px 6px;
+  border-color: #EDEEF0;
+  border-width: 0 2px 2px 2px;
+  border-style: solid;
+  background: #3893e5;
+  font-size: 14px;
+  color: #fff;
+  text-align: center;
+  p { margin-bottom: 8px; }
+  
+  select, input[type=text] {
+    margin: 0;
+    padding: 4px 8px;
+    border: #ccc 1px solid;
+    font-size: 14px;
+    width: 250px;
+  }
+}

data/app/assets/stylesheets/caboose/admin/page_edit/publish.scss

@@ -0,0 +1,25 @@
+#publish_confirm {
+  position: absolute;
+  top: 48px;
+  right: 10px;
+  z-index: 1000;
+  width: 300px;
+  padding: 10px;
+  border-radius: 6px 0 6px 6px;
+  border-color: #EDEEF0;
+  border-width: 0 2px 2px 2px;
+  border-style: solid;
+  background: #6cb049;
+  font-size: 14px;
+  color: #fff;
+  text-align: center;
+  p { margin-bottom: 8px; }
+  
+  select, input[type=text] {
+    margin: 0;
+    padding: 4px 8px;
+    border: #ccc 1px solid;
+    font-size: 14px;
+    width: 250px;
+  }
+}

data/app/assets/stylesheets/caboose/admin/page_edit/revisions.scss

@@ -0,0 +1,58 @@
+
+#revision_history {
+  position: absolute;
+  top: 48px;
+  right: 10px;
+  z-index: 1000;
+  width: 300px;
+  max-height: 200px;
+  overflow-y: scroll;
+  border-radius: 6px 6px 6px 6px;
+  border-color: #EDEEF0;
+  border-width: 0 2px 2px 2px;
+  border-style: solid;
+  background: #3893e5;
+  color: #fff;
+  text-align: center;
+  p {
+    padding: 10px;
+  }
+    
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    
+    li {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      
+      a {        
+        display: block;
+        margin: 0;
+        padding: 0 30px 0 0;
+        width: 285px;
+        background: #3893E5;
+        color: #fff;
+        font-size: 12px;
+        text-decoration: none;
+        border-top: #2d76b7 1px solid;;
+                          
+        span {
+          display: inline-block;
+          margin: 0;
+          padding: 8px 8px;
+          text-align: center;
+          
+          &.user { width: 50%; }
+          &.date { width: 25%; }
+          &.time { width: 25%; }
+        }                                                                                                                                                                                    
+      }
+      &:first-child a { border-top: 0; }
+      &.like a    { background-image: url('/assets/caboose/admin/like_thumb.png'); background-position: 4px 3px; }
+      &.current a { background: #2d76b7; }
+    }
+  }  
+}

data/app/assets/stylesheets/caboose/admin/page_edit/subnav.scss

@@ -0,0 +1,273 @@
+
+header#admin_header,
+#admin_nav,
+#admin_subnav {
+  font-family: 'Open Sans';
+  z-index: 999;
+}
+
+#admin_subnav {
+  h1, h2, h3, h4, h5, h6 {
+    font-family: 'Open Sans';
+  }
+}
+
+#admin_subnav #admin_subnav_content #edit_block_content .mb_container input[type=text],
+#admin_subnav #admin_subnav_content #edit_block_content .mb_container select,
+#admin_subnav #admin_subnav_content #edit_block_content .mb_container .mb_fake option,
+#admin_subnav #admin_subnav_content #edit_block_content .mb_container option,
+#admin_subnav #admin_subnav_content #edit_block_content .mb_container .mb_placeholder span {
+  font-family: 'Open Sans';
+}
+
+    
+#viewers input[type=checkbox] { position: relative; }
+#editors input[type=checkbox] { position: relative; }
+
+#admin_subnav .ui-tabs { padding: 0; }
+#admin_subnav .ui-tabs .ui-tabs-nav { width: 100%; }
+#admin_subnav .ui-tabs .ui-tabs-nav li { width: 32%; }
+#admin_subnav .ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: block; padding: 0; width: 100%; text-align: center; }
+#admin_subnav .ui-tabs .ui-tabs-panel { padding: 0; }
+#admin_subnav .ui-tabs .ui-tabs-panel .ui-accordion-content { padding: 4px; }
+#admin_subnav {
+  .subnav_tabs {    
+    padding: 0 !important;
+    ul {      
+      padding: 0 !important;
+      li { 
+        margin: 0;
+        padding: 0;
+        width: 33%;
+        a {
+          font-size: 10px; 
+        }
+      }
+    }         
+  }
+
+  ul.edit_selector {  
+    width: 270px;                 
+    list-style: none;
+    margin: 0;
+    padding: 0;    
+    border-top: 4px solid #f7f7f7;
+    li {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      float: left;
+            
+      a {
+        display: block;
+        text-decoration: none;        
+        width: 90px;
+        height: 75px;
+        position: relative;
+    //    border-top: #f7f7f7 4px solid;
+        border-bottom: #f7f7f7 4px solid;
+                                         
+        span.icon {
+          position: absolute;
+          top: 0px;
+          left: 20px;
+          display: block;
+          width: 50px;
+          height: 50px;
+          background-image: url('/assets/caboose/admin/page_edit_icons2.gif');         
+        }
+        span.text {
+          display: block;
+          position: absolute;
+          top: 50px;
+          left: 0;
+          width: 90px;
+          height: 20px;
+          color: #a1a1a1 !important;            
+          text-transform: uppercase;
+          font-size: 10px;
+          text-align: center;
+        }
+        &:hover {                     
+          border-bottom: #8d9fb9 4px solid;
+          span.text { color: #8d9fb9  !important; }
+        }      
+      }  
+      &.selected {
+        a, a:hover {
+          border-bottom: #505e72 4px solid;
+          span.text { color: #505e72 !important; }          
+        }        
+      }
+      
+      &.content  { a { span.icon { background-position: 0px    0px; } &:hover { span.icon { background-position: -50px    0px; }}} &.selected { a, a:hover { span.icon { background-position: -100px    0px; }}}}
+      &.layout   { a { span.icon { background-position: 0px  -50px; } &:hover { span.icon { background-position: -50px  -50px; }}} &.selected { a, a:hover { span.icon { background-position: -100px  -50px; }}}}
+      &.settings { a { span.icon { background-position: 0px -100px; } &:hover { span.icon { background-position: -50px -100px; }}} &.selected { a, a:hover { span.icon { background-position: -100px -100px; }}}}                      
+    }
+  }
+  
+  li.layout_block_type {
+    list-style: none;
+    width: 190px;
+    height: 114px;
+    background: url('http://placehold.it/190x114');
+    border: #ccc 1px solid;
+    margin: 0 auto 10px auto;
+    span.name { display: none; }
+  }  
+}
+
+#admin_subnav_content {
+  h2 {
+    clear: left;
+  }
+
+  input.search {
+    width: calc(100% - 10px);
+    height: 30px;
+    margin: 0 auto 10px 0;
+    border-radius: 7px;
+    border: #ccc 2px solid;
+  }
+
+  input.search:focus {
+    outline: none;
+    box-shadow: 0px 0px 2px blue;
+  }
+}
+
+ul.block_types {
+  clear: left;
+  li:nth-child(odd)  { margin: 0 10px 10px auto; }
+  li:nth-child(even) { margin: 0 auto 10px 10px; }
+}
+
+ul.block_type_groups {
+  clear: left;
+  li:nth-child(odd)  { margin: 0 10px 10px auto; }
+  li:nth-child(even) { margin: 0 auto 10px 10px; }
+}
+
+li.new_block_type,
+li.new_block_type_group {    
+  list-style: none;
+  width: 100px;
+  height: 100px;
+  float: left;
+  position: relative;
+  
+  background-color: #F2F2F2;
+  border-color: #ccc;
+  border-width: 10px;
+  border-style: solid;
+  border-radius: 10px;
+  border-width: 2px;
+
+  background-size: cover;
+    
+  .name {
+    display: table;      
+    position: absolute;
+    top: 4px;
+    left: 4px;
+    z-index: 21;
+    width: 88px;
+    height: 32px;      
+    text-align: center;
+    span {
+      display: table-cell;
+      vertical-align: middle;
+      text-align: center;
+      font-size: 10px;
+      text-transform: uppercase;
+      line-height: 0.95
+    }
+  }
+
+  .tag {
+    position: absolute;
+    top: 72px;
+    left: 75px;
+  }
+
+  .tag:hover {
+    cursor: pointer;
+  }
+}
+
+.block_tabs {
+  width: 270px;
+  background: #E7E7E7;
+  margin: 0 0 10px -20px;
+  padding: 10px 0 0 0; 
+  ul {
+    text-align: center;
+    li {
+      display: inline-block;            
+      a {
+        display: block;
+        margin: 0;
+        padding: 4px 8px;
+        font-size: 12px;
+        text-decoration: none;
+        border-right: #E7E7E7 1px solid;
+        border-bottom: #E7E7E7 1px solid;
+        color: #000;
+      }
+      &:last-child { a { border-right: 0 }}    
+      &.selected   {
+        border-bottom: none;
+        a { background: #fff; border-bottom: #fff 1px solid; }
+      }
+    }    
+  }
+}
+
+.subblock_tabs {
+  
+  width: 250px;
+  height: 40px;    
+  margin: 0 10px 20px -10px;
+  padding: 0;
+  
+  background: #fff;
+  border-bottom: #ccc 1px solid;
+  position: relative;
+  ul {
+    position: absolute;
+    top: 10px;
+    left: 0;
+    
+    width: 250px;    
+    margin: 0 auto;
+    text-align: center;
+    
+    li {
+      display: inline-block;            
+      a {
+        display: block;
+        height: 30px;
+        margin: 0;
+        padding: 4px 8px 0 8px;
+        font-size: 12px;
+        text-decoration: none;
+        border-top:    #ccc 1px solid;
+        border-right:  #ccc 1px solid;
+        border-bottom: #ccc 1px solid;
+        color: #000;
+      }
+      &:first-child { a { border-left: #ccc 1px solid; }}          
+      &.selected   {
+        height: 48px;
+        border-bottom: none;
+        a { background: #fff; border-bottom: #fff 1px solid; }
+      }
+    }    
+  }
+}
+
+select#tag_selector {
+  width: 100%;
+  font-size: 12pt;
+  margin-bottom: 16px;
+}

data/app/assets/stylesheets/caboose/admin/page_edit/top_nav.scss

@@ -0,0 +1,109 @@
+
+#admin_header #admin_page_top_nav {
+  position: absolute;
+  top: 0;
+  right: 0;
+      
+  & > ul {
+    & > li {
+      position: absolute;
+      top: 0;
+      right: 0;      
+      display: inline-block;
+      margin: 0;
+      padding: 0;
+      vertical-align: top;
+      
+      a {
+        margin: 0;
+        padding: 0;
+        display: inline-block;
+        text-decoration: none;
+        font-size: 12px;
+        text-transform: uppercase;
+        text-align: center;
+        position: relative;        
+        background-repeat: no-repeat;
+        border: transparent 1px solid;
+        color: #fff;
+      }
+      a:hover {
+        border: #2d76b7 1px solid;        
+      }
+
+      &.select-device  {
+        top: 13px;
+        right: 243px;
+
+        #select_device_wrapper {
+          display: none;
+        }
+      }
+      
+      &.stack           { top: 13px; right: 244px; }
+      &.undo            { top: 13px; right: 204px; }
+      &.redo            { top: 13px; right: 174px; }
+      &.revisions       { top: 26px; right: 174px; }
+      &.preview         { top: 13px; right:  93px; }
+      &.publish         { top: 13px; right:  12px; }
+            
+      &.select-device   a { background-color: #3893e5; width: 75px; height: 30px; border-radius: 6px; padding: 5px 10px 0 10px; }
+      &.undo            a { background-color: #3893e5; width: 29px; height: 18px; border-radius: 6px 0px 0px 0px; background-image: url('/assets/caboose/admin/undo_arrow.png'); background-position:  6px 1px; }
+      &.redo            a { background-color: #3893e5; width: 29px; height: 18px; border-radius: 0px 6px 0px 0px; background-image: url('/assets/caboose/admin/redo_arrow.png'); background-position:  6px 1px; }
+      &.revisions       a { background-color: #3893e5; width: 59px; height: 11px; border-radius: 0px 0px 6px 6px; background-image: url('/assets/caboose/admin/down_arrow.png'); background-position: 22px 0px; }
+      &.preview         a { background-color: #3893e5; width: 71px; height: 30px; border-radius: 6px; padding: 5px 10px 0 10px; }
+      &.publish         a { background-color: #6cb049; width: 71px; height: 30px; border-radius: 6px; padding: 5px 10px 0 10px; }
+
+      &.stack           a { background-color: #3893e5; width: 71px; height: 30px; border-radius: 6px; padding: 5px 10px 0 10px; text-align: center; }
+      &.undo            a { background-color: #3893e5; width: 29px; height: 18px; border-radius: 6px 0px 0px 0px; background-image: url('/assets/caboose/admin/undo_arrow.png'); background-position:  6px 1px; }
+      &.redo            a { background-color: #3893e5; width: 29px; height: 18px; border-radius: 0px 6px 0px 0px; background-image: url('/assets/caboose/admin/redo_arrow.png'); background-position:  6px 1px; }
+      &.revisions       a { background-color: #3893e5; width: 59px; height: 11px; border-radius: 0px 0px 6px 6px; background-image: url('/assets/caboose/admin/down_arrow.png'); background-position: 22px 0px; }
+      &.preview         a { background-color: #3893e5; width: 71px; height: 30px; border-radius: 6px; padding: 5px 10px 0 10px; text-align: center; }
+      &.publish         a { background-color: #6cb049; width: 71px; height: 30px; border-radius: 6px; padding: 5px 10px 0 10px; text-align: center; }
+
+      &.revisions.open         { top: 31px; }
+      &.revisions.open a       { height: 16px; border-radius: 0;           border-color: transparent !important; }
+      &.revisions.open a:hover { height: 16px; border-radius: 0;           border-color: transparent !important; }
+
+      &.preview.open   a       { height: 35px; border-radius: 6px 6px 0 0; border-color: transparent !important; }
+      &.preview.open   a:hover { border-color: #72a761 1px solid; }
+
+      &.publish.open   a       { height: 35px; border-radius: 6px 6px 0 0; border-color: transparent !important; }
+      &.publish.open   a:hover { border-color: #72a761 1px solid; }
+
+      &.stack     a span { }
+      &.undo      a span { display: none; }
+      &.redo      a span { display: none; }
+      &.revisions a span { display: none; }
+      &.preview   a span { }
+      &.publish   a span { }
+      
+
+      &.select-device.open {
+        #select_device_wrapper {
+          display: block;
+          position: absolute;
+          top: 35px;
+          right: -110px;
+          z-index: 1000;
+          width: 250px;
+          padding: 10px;
+          border-radius: 6px 6px 6px 6px;
+          border-color: #EDEEF0;
+          border-width: 0 2px 2px 2px;
+          border-style: solid;
+          background: #3893e5;
+          color: #fff;
+          text-align: center;
+        }
+        /*
+        a {
+          height: 35px;
+          border-radius: 6px 6px 0 0;
+          border-color: transparent !important;
+        }
+        */
+      }
+    }
+  }
+}