cmsimple 0.2.0

data/app/assets/javascripts/cmsimple/views/image_library/list.jst.hamlc

@@ -0,0 +1,8 @@
+%header.panel-actions
+  %button.btn.btn-primary#add_image Add Image
+  .add-image-action
+    %iframe(src='/cmsimple/images/new' frameborder="0")
+.image-filter
+  %form
+    %input.filter(type="text" placeholder="e.g. <500 x 200")
+%ul.media-grid

data/app/assets/javascripts/cmsimple/views/redirects/_path.jst.hamlc

@@ -0,0 +1,6 @@
+%li(id="path_#{@id}" data-id=@id)
+  %article(title="direct #{@uri} to #{@destinationPath()}")
+    %p.path= @uri
+    %p.destination → #{@destinationPath()}
+    %a.remove(href='#') ×
+

data/app/assets/javascripts/cmsimple/views/redirects/list.jst.hamlc

@@ -0,0 +1,19 @@
+
+%header.panel-actions.add-redirect-form
+  %button.btn.btn-primary.add Add Redirect
+  %form.form-horizontal(style='display: none')
+    %fieldset
+      %legend Create a redirect
+      .control-group
+        %label.control-label(for="uri") From
+        .controls
+          %input(id='uri' name='uri' type='text' placeholder='/path')
+      .control-group
+        %label.control-label(for="redirect_uri") To
+        .controls
+          %input(id='redirect_uri' name='redirect_uri' type='text' placeholder='/new-path')
+    .form-actions.mercury-display-controls
+      %input.btn.btn-primary(type='submit' value='Create')
+      %button.btn Cancel
+%ul.redirects
+

data/app/assets/javascripts/cmsimple/views/sitemap/_page.jst.hamlc

@@ -0,0 +1,9 @@
+%li(id="page_#{@page.id}" data-id="#{@page.id}")
+  %article
+    - if @page.hasChildren()
+      %span.caret
+    %span.icon(class="#{@page.publishedState()}")
+    %span= @page.title
+    %span.path
+      = @page.path()
+  %ul.child(class="#{'hidden' unless @open }")

data/app/assets/javascripts/cmsimple/views/sitemap/tree.jst.hamlc

@@ -0,0 +1,5 @@
+%header.panel-actions
+  %button.btn.btn-primary.add Add Page
+%ul.sitemap
+  .loading
+    %img(src='/assets/mercury/loading-light.gif')

data/app/assets/javascripts/cmsimple/views/versions/_item.jst.hamlc

@@ -0,0 +1,6 @@
+%li(id="version_#{@id}" data-id=@id)
+  %article
+    %p.published= moment(@published_at).format('dddd, MMMM Do YYYY, h:mm:ss a')
+    %button.btn.view View
+    %button.btn.important.revert Revert to
+

data/app/assets/javascripts/cmsimple/views/versions/list.jst.hamlc

@@ -0,0 +1,4 @@
+%header.panel-actions(style='display: none;')
+  %button.btn.btn-primary.view-current View Current Draft
+%ul.versions
+

data/app/assets/stylesheets/cmsimple.css

@@ -0,0 +1,15 @@
+/*!
+ * Mercury Editor is a Coffeescript and jQuery based WYSIWYG editor.  Documentation and other useful information can be
+ * found at https://github.com/jejacks0n/mercury
+ */
+
+
+/*
+ *= require mercury
+ *= require cmsimple/forms
+ *= require cmsimple/panels
+ *= require cmsimple/toolbar-images
+ *
+ */
+
+

data/app/assets/stylesheets/cmsimple/forms.css

@@ -0,0 +1,10 @@
+a.btn {
+  display: inline-block;
+  text-decoration: none;
+  vertical-align: bottom;
+}
+
+input[type="file"] {
+  line-height: 1;
+  margin-top: 0.3em;
+}

data/app/assets/stylesheets/cmsimple/panels.css

@@ -0,0 +1,399 @@
+
+/* Dialogs */
+.mercury-framed-panel {
+  background-color: #f5f5f5;
+  color: #333;
+}
+
+.mercury-framed-panel h1 {
+  color: #f5f5f5;
+  border-bottom: 1px solid #222;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+}
+
+.mercury-framed-panel {
+  font-family: Helvetica, Tahoma, Arial, sans-serif;
+  font-size: 9.5pt;
+}
+
+.mercury-framed-panel.embedded {
+  background-color: #eaeaea;
+}
+.mercury-framed-panel.embedded fieldset {
+  background: none;
+  border: none;
+}
+.mercury-framed-panel.embedded h2 {
+  border-bottom: 1px solid #ccc;
+}
+.mercury-framed-panel.embedded .btn {
+  float: right;
+}
+
+/*
+ * Override Panel Settings
+ *----------------------------------------------------------------------------*/
+.mercury-panel .panel-actions {
+  background-color: #eaeaea;
+  border: 1px solid #ccc;
+  -webkit-border-radius: 0.5em;
+  -moz-border-radius: 0.5em;
+  border-radius: 0.5em;
+  padding: 1em;
+  overflow: hidden;
+}
+.mercury-panel .panel-actions .btn {
+  float: right;
+}
+
+.mercury-panel-pane .loading {
+  text-align: center;
+  width: 100%;
+  float: left;
+  margin-top: 50%
+}
+
+.mercury-panel .hidden {
+  display: none;
+}
+/*
+ * Image Panel
+ *----------------------------------------------------------------------------*/
+.mercury-panel .add-image-action {
+  /* margin-top: 50px; */
+  display: none;
+}
+
+.mercury-panel .add-image-action iframe {
+  width: 100%;
+  height: 192px;
+}
+
+.mercury-panel .add-image-action.active {
+  display: block;
+}
+.mercury-panel .add-image-action ol {
+  list-style: none;
+}
+
+.mercury-panel .add-image-action li {
+  margin: 0;
+  padding: 0;
+}
+
+.mercury-panel .add-image-action label {
+  font-size: 11px;
+  display: block;
+  float: none;
+  width: auto;
+  margin-right: 0;
+  text-align: left;
+  line-height: normal;
+  overflow: visible;
+  margin-top: 20px;
+}
+.mercury-panel .add-image-action textarea {
+  font-size: 1em;
+  width: 100%;
+}
+
+.image-filter input.filter {
+  outline: none;
+  font-size: 1em;
+  border-radius: 30px;
+  moz-border-radius: 30px;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  width: 100%;
+  padding-left: 20px;
+  background-color: #FFF;
+  background-repeat: no-repeat;
+  background-image: url(/assets/mercury/search-icon.png);
+  background-position: 4px center;
+  margin: 1em 0
+}
+
+.mercury-panel ul.media-grid {
+  width: 400px;
+  padding: 0;
+  overflow: hidden;
+  list-style: none;
+}
+
+.mercury-panel .media-grid > li {
+  float: left;
+  margin-bottom: 16px;
+}
+.mercury-panel .media-grid > li:nth-child(odd) {
+  margin-right: 16px;
+}
+
+.mercury-panel .media-item {
+  position: relative;
+  display: block;
+  padding: 4px;
+  line-height: 1;
+  border: 1px solid #ccc;
+  cursor: default;
+  max-width: 182px;
+}
+
+.mercury-panel .media-item:hover {
+  border-color: #268bd2;
+  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+  -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+}
+
+.mercury-panel .media-item > .media-info {
+  position: absolute;
+  background-color: rgba(255,255,255,0.9);
+  z-index: 2;
+  width: 182px;
+  height: 182px;
+  overflow: hidden;
+  display: none;
+}
+.mercury-panel .media-item > .media-info .close {
+  position: absolute;
+  top: 0;
+  right: 2px;
+  text-decoration: none;
+  color: #000;
+}
+
+.mercury-panel .media-item > .media-info.active {
+  display: block;
+}
+
+.mercury-panel .media-item > .media-info dl {
+  margin: 0;
+  padding: 0.5em 1em;
+}
+.mercury-panel .media-item > .media-info dt {
+  font-size: .75em;
+  text-transform: uppercase;
+  font-weight: bold;
+  margin: 1em 0 0.25em;
+  padding: 0;
+}
+.mercury-panel .media-item > .media-info dd {
+  margin: 0;
+  padding: 0;
+}
+
+.mercury-panel .media-item > img {
+  display: block;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.mercury-panel .media-caption {
+  max-width: 182px;
+  margin: 0 5px;
+  font-size: 12px;
+  line-height: 0.25;
+}
+.mercury-panel .media-caption a {
+  color: #268bd2;
+  text-decoration: none;
+}
+.mercury-panel .media-caption a:hover {
+  color: #16527C;
+  text-decoration: underline;
+}
+
+/*
+ * Sitemap Panel
+ *----------------------------------------------------------------------------*/
+.mercury-panel ul.sitemap {
+  width: 400px;
+  padding: 0;
+}
+
+.mercury-panel ul.sitemap li {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  padding-left: 2.5em;
+  background: url(/assets/tree-line-horizontal.png) no-repeat left 12px;
+}
+.mercury-panel ul.sitemap li:last-child {
+  background-image: url(/assets/tree-line-horizontal-last.png);
+}
+.mercury-panel ul.sitemap,
+.mercury-panel ul.sitemap ul {
+  background: url(/assets/tree-line-vertical.png) repeat-y;
+}
+
+.mercury-panel ul.sitemap > li article {
+  background-color: #666;
+  color: #fff;
+  padding: 0.25em 0.5em;
+  margin-bottom: 2px;
+  -webkit-border-radius: 0.25em;
+  -moz-border-radius: 0.25em;
+  border-radius: 0.25em;
+  cursor: default;
+  border: 1px solid transparent;
+}
+/* Nested coloring of pages */
+.mercury-panel ul.sitemap > li ul li article {
+  opacity: 0.8;
+}
+.mercury-panel ul.sitemap > li ul li article + ul article {
+  opacity: 0.6;
+}
+.mercury-panel ul.sitemap > li ul li article + ul article + ul article {
+  opacity: 0.4;
+}
+.mercury-panel ul.sitemap > li article:hover {
+  background-color: #444;
+  border-color: #268bd2;
+  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+  -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+}
+
+.mercury-panel ul.sitemap > li article span {
+}
+.mercury-panel ul.sitemap > li article .path {
+  color: #ccc;
+  margin-left: 0.5em;
+}
+.mercury-panel ul.sitemap > li article .icon {
+  height: 16px;
+  width: 16px;
+  background: url('/assets/sitemap/unpublished.png') no-repeat left top;
+  background-size: 16px 16px;
+  margin-top: -1px;
+  margin-left: -4px;
+}
+.mercury-panel ul.sitemap > li article .icon.has-changes {
+  background-image: url('/assets/sitemap/has-changes.png');
+}
+.mercury-panel ul.sitemap > li article .icon.published {
+  background-image: url('/assets/sitemap/published.png');
+}
+.mercury-panel ul.sitemap .caret {
+  display: inline-block;
+  vertical-align: middle;
+  zoom: 1;
+  *display: inline;
+  *vertical-align: auto;
+  border-width: 4px;
+  border-style: solid;
+  border-color: #fff transparent transparent transparent;
+  width: 0;
+  height: 0;
+  vertical-align: top;
+  float: right;
+  margin: 0.5em 0;
+}
+
+.mercury-panel ul.sitemap .caret.north {
+  margin: 0.2em 0;
+  border-color: transparent transparent #fff transparent;
+}
+
+/* Increase the gap for top level pages */
+.mercury-panel ul.sitemap > li {
+  margin-bottom: 8px;
+}
+
+.mercury-panel ul.sitemap ul {
+  padding: 0;
+  *zoom: 1;
+}
+.mercury-panel ul.sitemap ul:before,
+.mercury-panel ul.sitemap ul:after {
+  content: "";
+  display: table;
+}
+.mercury-panel ul.sitemap ul:after {
+  clear: both;
+}
+
+/* Redirects panel */
+.mercury-panel ul.redirects {
+  width: 400px;
+  padding: 0;
+}
+
+.mercury-panel ul.redirects li {
+  position: relative;
+  list-style: none;
+}
+
+.mercury-panel ul.redirects > li article {
+  background-color: #666;
+  color: #fff;
+  padding: 0 0.5em;
+  margin-bottom: 2px;
+  -webkit-border-radius: 0.25em;
+  -moz-border-radius: 0.25em;
+  border-radius: 0.25em;
+  border: 1px solid transparent;
+  cursor: default;
+}
+
+.mercury-panel ul.redirects > li article:hover {
+  background-color: #444;
+  border-color: #268bd2;
+  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+  -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
+}
+
+.mercury-panel ul.redirects > li article .path {
+  font-weight: bold;
+}
+
+.mercury-panel ul.redirects > li article .destination {
+  margin-left: 0.25em;
+}
+
+.mercury-panel ul.redirects > li article .remove {
+  position: absolute;
+  top: 0;
+  right: 5px;
+  color: #fff;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+/* Versions panel */
+.mercury-panel ul.versions {
+  width: 400px;
+  padding: 0;
+}
+
+.mercury-panel ul.versions li {
+  position: relative;
+  list-style: none;
+}
+
+.mercury-panel ul.versions > li article {
+  background-color: #666;
+  color: #fff;
+  padding: 0 0.5em;
+  margin-bottom: 2px;
+  -webkit-border-radius: 0.25em;
+  -moz-border-radius: 0.25em;
+  border-radius: 0.25em;
+  border: 1px solid transparent;
+  cursor: default;
+}
+.mercury-panel ul.versions > li article .view,
+.mercury-panel ul.versions > li article .revert {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+}
+.mercury-panel ul.versions > li article .revert {
+  display: none;
+}