browsercms 3.3.4 → 3.4.0.rc1

data/app/assets/javascripts/cms/toolbar.js

@@ -0,0 +1,5 @@
+//
+//  A manifest file for all CMS toolbar related js.
+//= require jquery
+//= require jquery.selectbox
+//= require cms/application

data/app/assets/javascripts/jquery.taglist.js

@@ -0,0 +1,143 @@
+/*
+  jQuery taglist plugin
+
+  Defines a widget for allowing users to selecting tags in BrowserCMS. This is part of the BrowserCMS core project.
+
+  Please see the accompanying LICENSE.txt for licensing information.
+*/
+(function($){
+  $.fn.tagList = function(tags) {
+    var tagListInput = this;
+    var tagSeparator = " ";
+    
+    var getTagList = function() {
+      return $('#'+$(tagListInput).attr('id')+'-tag-list');
+    }
+    
+    var getCurrentTag = function() {
+      var value = $(tagListInput).val();
+      if(value == "" || value.match(/\s$/)) {
+        return ""
+      } else {
+        var tags = value.split(tagSeparator)
+        return tags[tags.length-1]
+      }
+    }
+    
+    var getSelectedTag = function() {
+      return getTagList().find('li.selected')
+    }
+    
+    var getFirstTag = function() {
+      return getTagList().find('li:first')
+    }
+    
+    var positionAndSizeTagList = function() {
+      getTagList().css('top', $(tagListInput).offset().top+$(tagListInput).outerHeight())
+        .css('left', $(tagListInput).offset().left)
+        .css('width', $(tagListInput).outerWidth())
+    }
+    
+    var createEmptyTagList = function() {
+      var id = $(tagListInput).attr('id') + '-tag-list';
+      $(tagListInput).after('<ul id="'+id+'" class="tag-list" style="display: none"></ul>')
+      positionAndSizeTagList()
+    }          
+
+    var matchesInputValue = function(tag, value) {
+      return tag && value && (tag.toLowerCase().indexOf(value.toLowerCase()) == 0);
+    }
+
+    var showTagList = function(value) {
+      var html = []
+      $.each(tags, function(i, tag){
+        if(matchesInputValue(tag, value)) {
+          html.push('<li>'+tag+'</li>');  
+        }
+      })
+      getTagList().html(html.join("\n")).show()
+      getTagList().find('li').click(function(){
+        selectTag(this); 
+        acceptTag();
+        return false;
+      });
+    }
+    
+    var updateTagList = function() {
+      var value = getCurrentTag()
+      if(value && value != "") {
+        showTagList(value)
+      } else {
+        getTagList().hide();
+      }
+    }
+    
+    var handleNavKeys = function(event) {
+      switch(event.keyCode) {
+        case 38: //Up Arrow
+          selectPrevTag()
+          break;
+        case 40: //Down Arrow
+          selectNextTag()
+          break;
+        case 9: //Tab
+        case 13: //Return
+          return !getTagList().is(':visible') || acceptTag();
+      }            
+    }
+    
+    var handleInput = function(event) {
+      switch(event.keyCode) {
+        case 9:
+        case 13:
+        case 38:
+        case 40:
+          break;
+        default:
+          updateTagList();
+      }
+    }
+    
+    var selectTag = function(tag) {
+      getTagList().find('li').removeClass('selected')
+      $(tag).addClass('selected')
+    }
+
+    var selectPrevTag = function() {
+      if(getSelectedTag().length > 0 && getSelectedTag().prev().length > 0) {
+        selectTag(getSelectedTag().prev())
+      } else {
+        selectTag(getFirstTag())
+      }
+    }
+    
+    var selectNextTag = function() {
+      if(getSelectedTag().length > 0 && getSelectedTag().next().length > 0) {
+        selectTag(getSelectedTag().next())
+      } else {
+        selectTag(getFirstTag())
+      }
+    }
+    
+    var acceptTag = function() {
+      if(getSelectedTag().length == 0) {
+        if(getTagList().find('li').length > 0) {
+          selectTag(getFirstTag())  
+        } else {
+          return true;
+        }        
+      }
+      var tags = $(tagListInput).val().split(tagSeparator)
+      tags.pop()
+      tags.push(getSelectedTag().text())
+      $(tagListInput).val(tags.join(tagSeparator))
+      getTagList().hide()
+      return false;            
+    }
+    
+    createEmptyTagList()
+    $(this).keydown(handleNavKeys).keyup(handleInput)
+    $(this).attr('autocomplete', 'off') //Disable autofill on FF
+    $(this).blur(function(){getTagList().hide()})
+  }
+})(jQuery);

data/app/assets/stylesheets/browsercms/application.css

@@ -0,0 +1,7 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+ *= require_tree . 
+*/

data/app/assets/stylesheets/cms/administration.css.erb

@@ -0,0 +1,91 @@
+#functions .box {
+background: url(<%= asset_path "cms/administration/user_browser_bg.gif" %>) repeat-x 0 0;
+text-transform: capitalize;
+margin-top: -5px;
+border: 1px solid #4E5359;
+ padding: 4px 0 7px 0;
+ float: right;
+ color: #FFF;
+height: 22px;
+}
+#functions {
+padding-bottom: 25px;
+}
+table.data td a {
+color: #36659D;
+font-weight: bold;
+text-decoration: none;
+}
+fieldset.form legend {
+font-weight: bold;
+font-size: large;
+padding: 40px 0 10px 20px;
+}
+.box input, .box select {
+margin: 0 5px;
+color: #717171;
+}
+.box div {
+float:left;
+}
+.box .cb input {
+display: block;
+float:left;
+margin-top: 4px;
+* margin-top: 1px;
+}
+
+.box .cb span {
+display: block;
+float:left;
+margin-top: 6px;
+* margin-top: 8px;
+font-size: 8pt;
+}
+.box .cb {
+margin-right: 8px;
+}
+
+#per_page_input, #group_id_input, #key_word {
+border: 1px solid #51585E;
+}
+#key_word {
+margin-left: 6px;
+padding: 4px 0 1px 3px;
+height: 18px;
+}
+#user_search_submit_container {
+margin-left: -11px;
+* margin-top: 1px;
+}
+.box div.selectbox-wrapper {
+  margin: -1px 0 0 5px;
+* margin:  25px 0px 0px -160px;
+  border: 1px solid #51585E;
+  border-top: 1px solid #C6C6C6;  
+  color: #717171;
+}
+
+.text_editor_fields #label_for_page_template_language {
+position: absolute; margin: 6px 0 0 310px;
+}
+.text_editor_fields #page_template_language_input {
+margin-left: 381px;
+}
+table.data td a.sm_button {
+	   margin-top: -12px;
+	   margin-left: 40px;
+	   position: absolute;
+	   height: 15px;
+	   width: 38px;
+	display: block;
+	background: url(<%= asset_path "cms/buttons/sm_button_2.gif" %>) no-repeat top right;
+	color: #FFFFFF;
+}
+table.data td a.sm_button span{
+	   padding: 2px 0 0 3px;
+	   display: block;
+}
+table.data td a.sm_button:hover {
+	background: url(<%= asset_path "cms/buttons/sm_button_2_h.gif" %>) no-repeat top right;
+}

data/app/assets/stylesheets/cms/application.css.erb

@@ -0,0 +1,170 @@
+/**
+*
+*= require cms/reset
+*= require cms/nav
+*= require cms/menu
+*= require cms/buttons
+*= require cms/data_table
+*= require_self
+*/
+
+body {
+background: #FFF url(<%= asset_path "cms/bg.png" %>) repeat-x 0 0;
+text-align: center;
+font: 62.5%/100% "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
+color: #727171;
+}
+
+
+
+a img { border: 0 }
+
+a { 
+  color: #36659D;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+.check_uncheck { font-size: 80%; }
+
+/* Layout
+*/
+
+#wrapper {
+margin: 0 auto;
+text-align: left;
+width: 1000px;
+}
+
+
+#main { 
+margin-top: 30px;
+}
+
+
+#contentwrap {
+    background: transparent url(<%= asset_path "cms/dot.png" %>) repeat 0 0;
+float: left;
+width: 826px;
+}
+div.bottom_cap_content {
+height: 10px;
+background: transparent url(<%= asset_path "cms/bottom_cap_content.png" %>) no-repeat 100% 0;
+}
+div.top_cap_content {
+height: 5px;
+background: transparent url(<%= asset_path "cms/top_cap_content.png" %>) no-repeat 100% 0;
+}
+
+  #contentwrapbig {
+  width: 1000px;
+  background: transparent url(<%= asset_path "cms/dot.png" %>) repeat 0 0;
+  float: left;
+  }
+  
+#content {
+background: #FFF;
+width: 816px;
+margin-left: 5px;
+}
+
+  #contentwrapbig #content {
+    width: 990px;
+  }
+
+#footer {
+text-align: right;
+padding: 16px 15px 100px 0;
+color: #A1A1A1;
+}
+#footer p{
+margin-bottom: 7px;
+}
+
+	#footer a { 
+	color: #5489C7;
+	text-decoration: none;
+	}
+	#footer a:hover { 
+	text-decoration: underline;
+	}
+
+
+/* Utility
+*/
+
+
+/* FUNCTION BUTTONS
+*/
+
+
+.searchbox {
+  background: #FFF; 
+  padding: 6px;
+  font-size: 100%;
+}
+.searchbox select {
+width: 160px;
+}
+
+#search_term {
+  width: 132px;
+  height: 18px;
+* width: 130px;
+  border: 1px solid #B9B9B9;
+  border-right: none;
+}
+#search_term_container, #search_submit_container {
+float: left;
+}
+
+#search_submit_container{
+* margin-top: 1px;
+}
+
+
+#flash { 
+  position: absolute; 
+  top: 0; 
+  left: 250px; 
+  background: #ffff99; 
+  padding: 5px; 
+  color: #000; 
+  width: 500px; 
+  text-align: center; 
+  font-weight: bold
+}
+
+
+#functions h1 {
+color: #FFF;
+font-size: large;
+text-transform: capitalize;
+margin: 0 0 10px 0;
+padding-bottom: 10px;
+border-bottom: 3px solid #505358;
+line-height: 1;
+}
+#functions {
+padding: 10px 20px 10px 20px;
+text-transform: uppercase;
+}
+#functions .button {
+* margin-bottom: 10px;
+}
+#content .pad { 
+  padding: 1px 5px 5px 5px;
+}
+#content .top_pad { 
+  padding: 5px; 
+}
+#content .bottom_pad { 
+  padding: 5px 
+}
+div.top_cap {
+height: 9px;
+background: transparent url(<%= asset_path "cms/top_cap.png" %>) no-repeat 0 0;
+}

data/app/assets/stylesheets/cms/buttons.css.erb

@@ -0,0 +1,120 @@
+
+a.button { 
+	display: block;
+	line-height: 27px;
+	padding-right: 10px;
+	background: url(<%= asset_path "cms/buttons/button_cap.png" %>) no-repeat top right;
+	float: left;
+	color: #FFF;
+	text-decoration: none;
+	margin-right: 5px;
+}
+
+  a.button.middle, a.button.middle.disabled:hover {
+    background: url(<%= asset_path "cms/buttons/button_bg.png" %>) no-repeat 100% 0;
+    margin-right: 0;
+  }
+  a.button.middle.off, a.button.middle.off:hover {
+    background: url(<%= asset_path "cms/buttons/button_cap_off_middle.gif" %>) no-repeat 100% 0;
+  }
+  
+    a.button.middle:hover {
+      background: url(<%= asset_path "cms/buttons/button_bg.png" %>) no-repeat 100% -27px;
+    }
+
+  a.button.left, a.button.left.disabled:hover {
+    background: url(<%= asset_path "cms/buttons/button_left_bg.png" %>) no-repeat 100% 0px;
+    margin-right: 0;
+  }
+  
+    a.button.left:hover {
+      background: url(<%= asset_path "cms/buttons/button_left_bg.png" %>) no-repeat 100% -27px;
+    }
+
+  a.button.right, a.button.right.disabled:hover {
+    background: url(<%= asset_path "cms/buttons/button_cap.png" %>) no-repeat top right;
+  }
+  
+    a.button.right:hover {
+      background: url(<%= asset_path "cms/buttons/button_cap_h.png" %>) no-repeat top right;
+    }
+
+a.button span {
+	display: block;
+	background: url(<%= asset_path "cms/buttons/button.png" %>) no-repeat 0 0;
+	padding: 0 0 0 10px;
+	font-weight: bold;
+	text-transform: uppercase
+}
+
+  a.button.left span, a.button.left.disabled:hover span {
+    background: url(<%= asset_path "cms/buttons/button.png" %>) no-repeat 0 0;
+  }
+  
+    a.button.left:hover span {
+      background: url(<%= asset_path "cms/buttons/button_h.png" %>) 0 0;
+    }
+  
+  a.button.middle span, a.button.middle.disabled:hover span {
+    background: url(<%= asset_path "cms/buttons/button_bg.png" %>) no-repeat 0 0;
+  }
+  a.button.middle.off span, a.button.middle.off:hover span {
+    background: url(<%= asset_path "cms/buttons/button_off_middle.png" %>) no-repeat 0 0;
+  }
+    
+    a.button.middle:hover span {
+      background: url(<%= asset_path "cms/buttons/button_bg.png" %>) no-repeat 0 -27px;
+    }
+  
+  a.button.right span, a.button.right.disabled:hover span {
+    background: url(<%= asset_path "cms/buttons/button_bg.png" %>) no-repeat 0 0;
+  }
+  a.button.right.off span, a.button.right.off:hover span {
+    background: url(<%= asset_path "cms/buttons/button_off_middle.png" %>) no-repeat 0 0;
+  }
+  
+    a.button.right:hover span {
+      background: url(<%= asset_path "cms/buttons/button_bg.png" %>) no-repeat 0 -27px;
+    }
+
+a.button.off, a.button.off:hover {
+  background: url(<%= asset_path "cms/buttons/button_cap_off.gif" %>) no-repeat top right;
+}
+
+a.button.off span, a.button.off:hover span {
+  background: url(<%= asset_path "cms/buttons/button_off.png" %>) no-repeat 0 0;
+}
+
+a.button:hover {
+	background: url(<%= asset_path "cms/buttons/button_cap_h.png" %>) no-repeat 100% 0;
+	text-decoration: none;
+}
+
+a.button:hover span {
+	background: url(<%= asset_path "cms/buttons/button_h.png" %>) no-repeat 0 0;
+}
+
+a.button.disabled {
+	color: #88A8D2;
+	cursor: default;
+}
+a.button span span.delete_img{
+		  float:left;
+		  padding: 0 0 0 14px;
+	background: url(<%= asset_path "cms/buttons/delete_x.png" %>) no-repeat 0 0;
+}
+a.button:hover span span.delete_img{
+	background: url(<%= asset_path "cms/buttons/delete_x_h.png" %>) no-repeat 0 0;
+}
+a.button.disabled span span.delete_img{
+	background: url(<%= asset_path "cms/buttons/delete_x_disabled.png" %>) no-repeat 0 0;
+}
+a.disabled:hover, a.disabled:hover {
+	background: url(<%= asset_path "cms/buttons/button_cap.png" %>) no-repeat top right;
+}
+a.disabled:hover span {
+	background: url(<%= asset_path "cms/buttons/button.png" %>) no-repeat 0 0;
+}
+a.disabled:hover span span.delete_img {
+	background: url(<%= asset_path "cms/buttons/delete_x_disabled.png" %>) no-repeat 0 0;
+}