caboose-cms 0.9.175 → 0.9.176

data/app/views/caboose/sites/_admin_header.html.erb

@@ -25,6 +25,7 @@
 <%
 tabs = {
   'General'           => "/admin/sites/#{@site.id}",  
+  'Contact Info'      => "/admin/sites/#{@site.id}/contact",  
   'Block Types'       => "/admin/sites/#{@site.id}/block-types",
   'Custom CSS'        => "/admin/sites/#{@site.id}/css",
   'Custom JS'         => "/admin/sites/#{@site.id}/js",
@@ -36,6 +37,10 @@ tabs = {
 <% tabs.each do |text, href| %>
 <li<%= raw request.fullpath == href ? " class='selected'" : '' %>><a href='<%= href %>'><%= raw text %></a></li>
 <% end %>
-<li class='back'><input type='button' value='< Back' onclick="window.location='/admin/sites';" /></li>
+<% if @site.is_master %>
+<li class="back"><input type="button" onclick="window.location='/admin/sites';" value="< Back" />
+<% else %>
+<li class="back"><input type="button" onclick="window.location='/admin';" value="< Back" />
+<% end %>
 </ul>
 <div id='content2'>

data/app/views/caboose/sites/admin_edit_block_types.html.erb

@@ -3,16 +3,25 @@ s = @site
 %>
 <%= render :partial => 'caboose/sites/admin_header' %>
 
-<h2>Block Types</h2>
+<h5 style="margin:0 0 10px 0;font-size:18px;">Block Types</h5>
 <div id='block_types'>
 <table class='data'>
-<tr><th>&nbsp;</th><th>Name</th><th>Description</th></tr>
+<tr><th>&nbsp;</th><th>Name</th><th>Description</th><th></th></tr>
 <% bt_ids = @site.block_type_site_memberships.collect{ |bt| bt.block_type_id } %>
 <% Caboose::BlockType.where("parent_id is null").reorder('name').all.each do |bt| %>
-  <tr>
+  <tr id="bt_<%= bt.id %>">
     <td align='center'><input type='checkbox' name='block_type_id_<%= bt.id %>' <%= bt_ids.include?(bt.id) ? "checked='true'" : '' %> onclick="toggle_block_type_site_membership(<%= @site.id %>, <%= bt.id %>, $(this).prop('checked'));" /></td>
     <td><%= bt.name %></td>
     <td><%= bt.description %></td>
+    <td>
+      <% if bt_ids.include?(bt.id) %>
+        <% btsm = @site.block_type_site_memberships.where(:block_type_id => bt.id).first %>
+        <a style="margin-right:5px;" href="/admin/block-type-site-memberships/<%= btsm.id %>/html" class="caboose-btn">Custom Render Function</a>
+        <% if @site.theme %>
+          <a href="/admin/block-type-site-memberships/<%= btsm.id %>/css" class="caboose-btn">Custom SCSS</a>
+        <% end %>
+      <% end %>
+    </td>
   </tr>
 <% end %>
 </table><br/>
@@ -22,13 +31,18 @@ s = @site
 
 <%= render :partial => 'caboose/sites/admin_footer' %>
 
+<% content_for :caboose_css do %>
+<style>
+  td .caboose-btn {
+    font-size: 12px;
+    padding: 0 8px;
+  }
+</style>
+<% end %>
+
 <% content_for :caboose_js do %>
 <script type="text/javascript">
 
-$(document).ready(function() {
-      
-});
-
 function toggle_block_type_site_membership(site_id, block_type_id, checked)
 {
   $.ajax({
@@ -37,7 +51,20 @@ function toggle_block_type_site_membership(site_id, block_type_id, checked)
     data: {
       site_id: [site_id, checked ? 1 : 0]
     },        
-    succes: function(resp) {}
+    success: function(resp) {
+      if ( checked && resp.btsm_id ) {
+        var btn1 = '<a style="margin-right:5px;" href="/admin/block-type-site-memberships/' + resp.btsm_id + '/html" class="caboose-btn">Custom Render Function</a>';
+       <% if @site.theme %>
+        var btn2 = '<a href="/admin/block-type-site-memberships/' + resp.btsm_id + '/css" class="caboose-btn">Custom SCSS</a>';
+      <% else %>
+        var btn2 = '';
+      <% end %>
+        $("#bt_" + block_type_id + " td:nth-of-type(4)").html(btn1 + btn2);
+      }
+      else {
+        $("#bt_" + block_type_id + " td:nth-of-type(4)").html('');
+      }
+    }
   });
 }
 

data/app/views/caboose/sites/admin_edit_contact.html.erb

@@ -0,0 +1,41 @@
+<%= render :partial => 'caboose/sites/admin_header' %>
+
+<h5 style="margin:0;font-size:18px;">Contact Info</h5>
+
+<p><div id='site_<%= @site.id %>_main_phone'></div></p>
+<p><div id='site_<%= @site.id %>_alt_phone'></div></p>
+<p><div id='site_<%= @site.id %>_address1'></div></p>
+<p><div id='site_<%= @site.id %>_address2'></div></p>
+<p><div id='site_<%= @site.id %>_city'></div></p>
+<p><div id='site_<%= @site.id %>_state'></div></p>
+<p><div id='site_<%= @site.id %>_zip'></div></p>
+<p><div id='site_<%= @site.id %>_fax'></div></p>
+<p><div id='site_<%= @site.id %>_contact_email'></div></p>
+
+<%= render :partial => 'caboose/sites/admin_footer' %>
+
+
+<% content_for :caboose_js do %>
+<script type="text/javascript">
+
+$(document).ready(function() {
+  new ModelBinder({
+    name: 'Site',
+    id: <%= @site.id %>,
+    update_url: '/admin/sites/<%= @site.id %>',
+    authenticity_token: '<%= form_authenticity_token %>',
+    attributes: [
+      { name: 'main_phone', nice_name: 'Main Phone', type: 'text', value: <%== Caboose.json(@site.main_phone) %>, width: 400 },
+      { name: 'alt_phone', nice_name: 'Alternate Phone', type: 'text', value: <%== Caboose.json(@site.alt_phone) %>, width: 400 },
+      { name: 'address1', nice_name: 'Address', type: 'text', value: <%== Caboose.json(@site.address1) %>, width: 400 },
+      { name: 'address2', nice_name: 'Address 2', type: 'text', value: <%== Caboose.json(@site.address2) %>, width: 400 },
+      { name: 'city', nice_name: 'City', type: 'text', value: <%== Caboose.json(@site.city) %>, width: 400 },
+      { name: 'state', nice_name: 'State', type: 'text', value: <%== Caboose.json(@site.state) %>, width: 400 },
+      { name: 'zip', nice_name: 'ZIP', type: 'text', value: <%== Caboose.json(@site.zip) %>, width: 400 },
+      { name: 'fax', nice_name: 'Fax', type: 'text', value: <%== Caboose.json(@site.fax) %>, width: 400 },
+      { name: 'contact_email', nice_name: 'Email', type: 'text', value: <%== Caboose.json(@site.contact_email) %>, width: 400 }   
+    ]    
+  });       
+});
+</script>
+<% end %>

data/app/views/caboose/sites/admin_edit_css.html.erb

@@ -1,35 +1,121 @@
 
 <%= render :partial => 'caboose/sites/admin_header' %>
 
-<p><div id='site_<%= @site.id %>_custom_css'        ></div></p>
+<div class="editor-wrapper">
 
-<%= render :partial => 'caboose/sites/admin_footer' %>
+  <div class="holder">
+    <div class="clearfix buttons">
+      <a href="#" onclick="save();return false;" class="caboose-btn green">Save</a>
+      <span id="modified">Modified</span>
+      <div id="message"></div>
+      <p id="tips">
+        <span>Command+S = Save</span>
+      </p>
+    </div>
+    <div id="editor"><%= @site.custom_css %></div>
+  </div>
+  
+</div>
 
 <% content_for :caboose_css do %>
 <style>
-  textarea {
-    font-family: monospace;
-    font-size: 13px;
-    line-height: 20px;
-    padding: 30px 9px 9px 9px !important;
+p#tips {
+  display: inline-block;
+  float: right;
+  font-size: 13px;
+  color: gray;
+  margin: 0;
+  padding-top: 15px;
+  padding-right: 2px;
+}
+p#tips span {
+  display: inline-block;
+  margin-left: 12px;
+}
+span#modified {
+  font-size: 13px;
+  color: gray;
+  margin: 0 10px;
+  opacity: 0;
+  transition: opacity 100ms ease;
+}
+.buttons {
+  margin-bottom: 10px;
+}
+.buttons .caboose-btn {
+  margin-right: 5px;
+}
+  .editor-wrapper {
+
+  padding-right: 30px;
+  }
+
+  .holder {
+
+  }
+  #editor {
+  height: 800px;
+  width: 100%;
+  opacity: 0;
+  }
+  #editor.ace_editor {
+    opacity: 1;
+  }
+  #message {
+    display: inline-block;
+  }
+  #message p.note {
+    padding: 1px 15px 2px 15px;
+    font-size: 15px;
+    line-height: 30px;
+    border-radius: 5px;
+  }
+  #message p.note.loading {
+    padding-left: 40px;
   }
 </style>
 <% end %>
 
 <% content_for :caboose_js do %>
-<script type="text/javascript">
-
-$(document).ready(function() {
-  new ModelBinder({
-    name: 'Site',
-    id: <%= @site.id %>,
-    update_url: '/admin/sites/<%= @site.id %>',
-    authenticity_token: '<%= form_authenticity_token %>',
-    attributes: [
-      { name: 'custom_css', nice_name: 'Custom CSS', type: 'textarea' , value: <%= raw Caboose.json(@site.custom_css) %>, width: 600, height: 400 }      
-    ]    
-  });       
-});
+<%= javascript_include_tag 'https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.1/ace.js' %>
+<script>
+  var editor = ace.edit("editor");
+  editor.setTheme("ace/theme/monokai");
+  editor.session.setMode("ace/mode/css");
+  editor.session.setOptions({
+      tabSize: 2
+  });
+
+  editor.on("change", function() {
+    $("span#modified").css('opacity',1);
+  });
+
+  editor.commands.addCommand({
+    name: 'save',
+    bindKey: {win: "Ctrl-S", "mac": "Cmd-S"},
+    exec: function(editor) { save(); }
+  });
+
+  function save() {
+    $('#message').html("<p class='note loading'>Saving code...</p>").fadeIn();
+    $.ajax({
+      url: '/admin/sites/<%= @site.id %>',
+      type: 'put',
+      data: {
+        custom_css: editor.getValue()
+      },
+      success: function(resp) {
+        if (resp.error) $('#message').html("<p class='note error'>" + resp.error + "</p>").fadeIn();
+        if (resp.success) {
+          $("span#modified").css('opacity',0);
+          $('#message').html("<p class='note success'>CSS saved!</p>").fadeIn().delay(2000).fadeOut();
+        }
+      }
+    });
+  }
 
 </script>
 <% end %>
+
+
+<%= render :partial => 'caboose/sites/admin_footer' %>

data/app/views/caboose/sites/admin_edit_js.html.erb

@@ -1,35 +1,122 @@
 
 <%= render :partial => 'caboose/sites/admin_header' %>
 
-<p><div id='site_<%= @site.id %>_custom_js'        ></div></p>
+<div class="editor-wrapper">
 
-<%= render :partial => 'caboose/sites/admin_footer' %>
+  <div class="holder">
+    <div class="clearfix buttons">
+      <a href="#" onclick="save();return false;" class="caboose-btn green">Save</a>
+      <span id="modified">Modified</span>
+      <div id="message"></div>
+      <p id="tips">
+        <span>Command+S = Save</span>
+      </p>
+    </div>
+    <div id="editor"><%= @site.custom_js %></div>
+  </div>
+  
+</div>
 
 <% content_for :caboose_css do %>
 <style>
-  textarea {
-    font-family: monospace;
-    font-size: 13px;
-    line-height: 20px;
-    padding: 30px 9px 9px 9px !important;
+p#tips {
+  display: inline-block;
+  float: right;
+  font-size: 13px;
+  color: gray;
+  margin: 0;
+  padding-top: 15px;
+  padding-right: 2px;
+}
+p#tips span {
+  display: inline-block;
+  margin-left: 12px;
+}
+span#modified {
+  font-size: 13px;
+  color: gray;
+  margin: 0 10px;
+  opacity: 0;
+  transition: opacity 100ms ease;
+}
+.buttons {
+  margin-bottom: 10px;
+}
+.buttons .caboose-btn {
+  margin-right: 5px;
+}
+  .editor-wrapper {
+
+  padding-right: 30px;
+  }
+
+  .holder {
+
+  }
+  #editor {
+  height: 800px;
+  width: 100%;
+  opacity: 0;
+  }
+  #editor.ace_editor {
+    opacity: 1;
+  }
+  #message {
+    display: inline-block;
+  }
+  #message p.note {
+    padding: 1px 15px 2px 15px;
+    font-size: 15px;
+    line-height: 30px;
+    border-radius: 5px;
+  }
+  #message p.note.loading {
+    padding-left: 40px;
   }
 </style>
 <% end %>
 
 <% content_for :caboose_js do %>
-<script type="text/javascript">
-
-$(document).ready(function() {
-  new ModelBinder({
-    name: 'Site',
-    id: <%= @site.id %>,
-    update_url: '/admin/sites/<%= @site.id %>',
-    authenticity_token: '<%= form_authenticity_token %>',
-    attributes: [
-      { name: 'custom_js', nice_name: 'Custom Javascript', type: 'textarea' , value: <%= raw Caboose.json(@site.custom_js) %>, width: 600, height: 400 }      
-    ]    
-  });       
-});
+<%= javascript_include_tag 'https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.1/ace.js' %>
+<script>
+  var editor = ace.edit("editor");
+  editor.setTheme("ace/theme/monokai");
+  editor.session.setMode("ace/mode/javascript");
+  editor.session.setOptions({
+      tabSize: 2
+  });
+
+  editor.on("change", function() {
+    $("span#modified").css('opacity',1);
+  });
+
+  editor.commands.addCommand({
+    name: 'save',
+    bindKey: {win: "Ctrl-S", "mac": "Cmd-S"},
+    exec: function(editor) { save(); }
+  });
+
+  function save() {
+    $('#message').html("<p class='note loading'>Saving code...</p>").fadeIn();
+    $.ajax({
+      url: '/admin/sites/<%= @site.id %>',
+      type: 'put',
+      data: {
+        custom_js: editor.getValue()
+      },
+      success: function(resp) {
+        if (resp.error) $('#message').html("<p class='note error'>" + resp.error + "</p>").fadeIn();
+        if (resp.success) {
+          $("span#modified").css('opacity',0);
+          $('#message').html("<p class='note success'>JS saved!</p>").fadeIn().delay(2000).fadeOut();
+        }
+      }
+    });
+  }
 
 </script>
 <% end %>
+
+
+<%= render :partial => 'caboose/sites/admin_footer' %>
+

data/app/views/caboose/theme_files/admin_edit.html.erb

@@ -0,0 +1,118 @@
+<h1>Edit SCSS</h1>
+
+<div class="editor-wrapper">
+
+	<div class="holder">
+		<div class="clearfix buttons">
+			<a href="/admin/theme-files" class="caboose-btn">Back</a>
+			<a href="#" onclick="save();return false;" class="caboose-btn green">Save</a>
+			<span id="modified">Modified</span>
+			<div id="message"></div>
+			<p id="tips">
+				<span>Command+S = Save</span>
+			</p>
+		</div>
+		<div id="editor"><%= @themefile.code %></div>
+	</div>
+	
+</div>
+
+<% content_for :caboose_css do %>
+<style>
+p#tips {
+	display: inline-block;
+	float: right;
+	font-size: 13px;
+	color: gray;
+	margin: 0;
+	padding-top: 15px;
+	padding-right: 2px;
+}
+p#tips span {
+	display: inline-block;
+	margin-left: 12px;
+}
+span#modified {
+	font-size: 13px;
+	color: gray;
+	margin: 0 10px;
+	opacity: 0;
+	transition: opacity 100ms ease;
+}
+.buttons {
+	margin-bottom: 10px;
+}
+.buttons .caboose-btn {
+	margin-right: 5px;
+}
+	.editor-wrapper {
+
+  padding-right: 30px;
+	}
+
+	.holder {
+
+	}
+	#editor {
+  height: 800px;
+  width: 100%;
+  opacity: 0;
+	}
+	#editor.ace_editor {
+		opacity: 1;
+	}
+	#message {
+		display: inline-block;
+	}
+	#message p.note {
+		padding: 1px 15px 2px 15px;
+    font-size: 15px;
+    line-height: 30px;
+    border-radius: 5px;
+	}
+	#message p.note.loading {
+		padding-left: 40px;
+	}
+</style>
+<% end %>
+
+<% content_for :caboose_js do %>
+<%= javascript_include_tag 'https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.1/ace.js' %>
+<script>
+  var editor = ace.edit("editor");
+  editor.setTheme("ace/theme/monokai");
+  editor.session.setMode("ace/mode/scss");
+  editor.session.setOptions({
+	    tabSize: 2
+	});
+
+  editor.on("change", function() {
+  	$("span#modified").css('opacity',1);
+  });
+
+  editor.commands.addCommand({
+    name: 'save',
+    bindKey: {win: "Ctrl-S", "mac": "Cmd-S"},
+    exec: function(editor) { save(); }
+	});
+
+	function save() {
+	  $('#message').html("<p class='note loading'>Saving code...</p>").fadeIn();
+	  $.ajax({
+	    url: '/admin/theme-files/<%= @themefile.id %>/sass',
+	    type: 'put',
+	    data: {
+	    	code: editor.getValue()
+	    },
+	    success: function(resp) {
+	      if (resp.error) $('#message').html("<p class='note error'>" + resp.error + "</p>").fadeIn();
+	      if (resp.success && resp.message) {
+	      	$("span#modified").css('opacity',0);
+	        $('#message').html("<p class='note success'>" + resp.message + "</p>").fadeIn().delay(2000).fadeOut();
+	      }
+	    }
+	  });
+	}
+
+</script>
+<% end %>