liquid_cms 0.2.2.0 → 0.3.0

data/lib/generators/liquid_cms/templates/public/cms/javascripts/remote_helpers.js

@@ -0,0 +1,44 @@
+var RemoteHelpers = {
+  init : function() {
+    $$('a[data-remote=true]').each(function(elem) {
+      RemoteHelpers.registerHandlers(elem);
+    });
+  },
+
+  registerHandlers : function(elem) {
+    elem.observe('ajax:before', function(event) {
+      var indicator = elem.readAttribute('indicator');
+      if (indicator) {
+        $(indicator).show();
+      }
+    });
+    elem.observe('ajax:complete', function(event) {
+      var indicator = elem.readAttribute('indicator');
+      if (indicator) {
+        $(indicator).hide();
+      }
+    });
+  }
+
+/*
+  $$('form[data-remote=true]').each(function(elem) {
+    if (elem.readAttribute('disable-form') == true) {
+      elem.observe('ajax:before', function(event) {
+        elem.store('disabled_elems', []);
+      });
+      elem.observe('ajax:after', function(event) {
+        elem.store('disabled_elems', this.select(':disabled'));
+        Form.disable(this);
+      });
+      elem.observe('ajax:complete', function(event) {
+        Form.enable(this);
+        elem.retrieve('disabled_elems').invoke('disable');
+      });
+
+      remote_handlers(elem);
+    }
+  });
+*/
+};
+
+$(document).observe('dom:loaded', function() { RemoteHelpers.init() });

data/{generators → lib/generators}/liquid_cms/templates/public/cms/stylesheets/documentation.css

@@ -1,12 +1,12 @@
+#content {
+  border-left: 1px solid #DDD;
+  width: 80%;
+  padding-left: 2em;
+  margin-left: 1.5em;
+}
 h4 {
   font-size: 10pt;
 }
-.cms_documentation #content h2 {
-  margin-top: 1em;
-}
-#content pre {
-  margin: 0;
-}
 .subsection {
   margin-left: 1em;
 }
@@ -19,7 +19,6 @@ span.function {
 }
 .required {
   background-color: #FFF15F;
-  padding: 0 2px;
 }
 .example {
   font-style: italic;
@@ -28,5 +27,5 @@ span.function {
   background-color: #F5F5F5;
   border: 1px solid #333;
   padding: 0 0.5em;
-  margin: 1em 0;
+  margin-bottom: 1em;
 }

data/{test/rails_app → lib/generators/liquid_cms/templates}/public/cms/stylesheets/simple_form.css

@@ -3,7 +3,7 @@ form.simple_form {
   background-color: #F5F5F5;
   margin-bottom: 1em;
 }
-form.simple_form, .shadow {
+form.simple_form, #sidebar {
   border: 1px solid #BBB;
   -moz-box-shadow: 0.3em 0.3em 9px 1px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0.3em 0.3em 9px rgba(0, 0, 0, 0.1);

data/{test/rails_app → lib/generators/liquid_cms/templates}/public/cms/stylesheets/styles.css

@@ -12,15 +12,10 @@ a img {
   border: none;
 }
 
-.curved {
-  -moz-border-radius: 0.5em;
-  -webkit-border-radius: 0.5em;
-  border-radius: 0.5em;
-}
-
 #header {
   position: relative;
   padding: 2em 0;
+  margin: 0 0 1em 0;
 }
 #header h1 {
   font-size: 18pt;
@@ -49,43 +44,23 @@ a img {
   font-weight: bold;
 }
 
-#outer-container {
-  height: 100%;
-  padding-top: 1em;
-}
-
 #content {
-  margin-left: 23em;
-  margin-right: 1em;
-  padding-bottom: 0.5em;
-}
-#content h1 {
-  padding-top: 0.5em;
-  margin-top: 0;
+  float: left;
+  margin-left: 2em;
+  width: 70%;
 }
 #content h2 {
   border-bottom: 1px solid #AAA;
   margin-top: 0;
   padding-bottom: 0.3em;
 }
-#content .message {
-  padding: 0.5em;
-  text-align: center;
-  background: none repeat scroll 0 0 #CCCCCC;
-  color: #333333;
-  font-weight: bold;
-  line-height: 5em;
-  padding: 0.5em;
-  text-align: center;
-  text-shadow: 1px 1px 4px #FFFFFF;
-}
 
 #sidebar {
   background-color: #CFCFCF;
   float: left;
   padding: 0 1em;
-  margin-left: 1em;
-  width: 18em;
+  margin-left: 2em;
+  width: 250px;
 }
 #sidebar h2 {
   font-size: 12pt;
@@ -101,6 +76,12 @@ a img {
   margin: 0;
   padding: 0;
 }
+#sidebar ul.tree, #sidebar #assets ul {
+  margin-bottom: 1em;
+}
+#sidebar ul.tree ul {
+  margin-left: 15px;
+}
 #sidebar #assets li {
   border: 1px solid #AAA;
   padding: 0.3em 0.4em;
@@ -154,13 +135,6 @@ h2 p.message {
 #cms ul.tree li { margin: 0; padding: 0 12px; line-height: 20px; background: url(/cms/images/tree/node.png) no-repeat; color: #369; font-weight: bold; } 
 #cms ul.tree li:last-child { background: url(/cms/images/tree/lastnode.png) no-repeat; }
 
-#cms ul.tree, #sidebar #assets ul {
-  margin-bottom: 1em;
-}
-#cms ul.tree ul {
-  margin-left: 15px;
-}
-
 .left {
   float: left;
 }
@@ -171,4 +145,5 @@ h2 p.message {
 .CodeMirror-wrapping iframe {
   background-color: white;
   border: 1px solid #BBBBBB !important;
+  width: 89% !important;
 }