browsercms 3.5.7 → 4.0.0.alpha

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

@@ -1,5 +1,21 @@
 //
 //  A manifest file for all CMS toolbar related js.
 //= require jquery
+//= require jquery.ui.all
+//= require jquery.cookie
 //= require jquery.selectbox
-//= require cms/application
+//= require jquery.exists
+//= require jquery.taglist
+//= require cms/core_library
+//= require cms/attachment_manager
+//= require bootstrap
+//= require cms/ajax
+
+
+// Add an information popup to the Edit Properties button on the Page Toolbar
+$(function () {
+    $('#edit_properties_button').popover({placement:'bottom'});
+});
+
+
+

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

@@ -0,0 +1,40 @@
+//= require 'jquery.exists'
+//= require 'cms/namespace'
+
+Cms.User = function() {
+};
+
+// Find the current user and then take action based on whether the current user is authenticated or not.
+// @todo - Avoid repeated AJAX calls to find the user if this is involved multiple times.
+//
+// @param [ObjectLiteral] options
+// @option options [Function] :authenticated Call for authenticated users.
+// @option options [Function] :guest (Optional) Call for guests.
+//
+// @example  Cms.User.current({
+//    authenticated: function(user){ alert("Hello " + user.first_name);
+// }); 
+Cms.User.current = function(handler) {
+  $.getJSON('/cms/user.json', function(user) {
+//    console.log("current_user", user);
+    if (user.is_logged_in) {
+      handler.authenticated(user);
+    } else if (handler.guest) {
+      handler.guest(user);
+    }
+  });
+};
+
+// Default Handler for login portlet. Hide the form, show 'Hello $first_name'
+$(function() {
+  if ($('.login-portlet').exists()) {
+    Cms.User.current({
+        authenticated: function(user) {
+          $('.authenticated').show().find('.first-name').html(user.first_name);
+          $('.guest').hide();
+        }
+      }
+    );
+  }
+});
+

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

@@ -0,0 +1,5 @@
+// Determine if an element exists.
+//  i.e. if($('.some-class').exists()){ // do something }
+jQuery.fn.exists = function() {
+  return this.length > 0;
+};

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

@@ -9,11 +9,11 @@
   $.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$/)) {
@@ -23,26 +23,26 @@
         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);
@@ -52,17 +52,17 @@
       var html = []
       $.each(tags, function(i, tag){
         if(matchesInputValue(tag, value)) {
-          html.push('<li>'+tag+'</li>');  
+          html.push('<li>'+tag+'</li>');
         }
       })
       getTagList().html(html.join("\n")).show()
       getTagList().find('li').click(function(){
-        selectTag(this); 
+        selectTag(this);
         acceptTag();
         return false;
       });
     }
-    
+
     var updateTagList = function() {
       var value = getCurrentTag()
       if(value && value != "") {
@@ -71,21 +71,23 @@
         getTagList().hide();
       }
     }
-    
+
     var handleNavKeys = function(event) {
       switch(event.keyCode) {
         case 38: //Up Arrow
           selectPrevTag()
+          return false
           break;
         case 40: //Down Arrow
           selectNextTag()
+          return false
           break;
         case 9: //Tab
         case 13: //Return
           return !getTagList().is(':visible') || acceptTag();
-      }            
+      }
     }
-    
+
     var handleInput = function(event) {
       switch(event.keyCode) {
         case 9:
@@ -97,7 +99,7 @@
           updateTagList();
       }
     }
-    
+
     var selectTag = function(tag) {
       getTagList().find('li').removeClass('selected')
       $(tag).addClass('selected')
@@ -110,7 +112,7 @@
         selectTag(getFirstTag())
       }
     }
-    
+
     var selectNextTag = function() {
       if(getSelectedTag().length > 0 && getSelectedTag().next().length > 0) {
         selectTag(getSelectedTag().next())
@@ -118,26 +120,38 @@
         selectTag(getFirstTag())
       }
     }
-    
+
     var acceptTag = function() {
       if(getSelectedTag().length == 0) {
         if(getTagList().find('li').length > 0) {
-          selectTag(getFirstTag())  
+          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;            
+      return false;
     }
-    
+
     createEmptyTagList()
     $(this).keydown(handleNavKeys).keyup(handleInput)
-    $(this).attr('autocomplete', 'off') //Disable autofill on FF
-    $(this).blur(function(){getTagList().hide()})
+    $(this).blur(function(){getTagList().fadeOut(200)})
+  }
+})(jQuery);
+
+// Autosuggest for tags
+$(function(){
+  if($(".tag_list").exists()){
+    $.ajax({
+      url: '/cms/tags',
+      dataType: 'json',
+      success: function(data){
+        $('input.tag_list').tagList(data);
+      }
+    });
   }
-})(jQuery);
+});

data/app/assets/stylesheets/cms/_assets.css.scss

@@ -0,0 +1,55 @@
+/* ASSETS PAGE */
+@mixin status-icon($background) {
+  color: white;
+  text-transform: uppercase;
+  background: $background;
+  font-weight: 700;
+  padding: 2px 5px;
+  @include border-radius(2px);
+  @include rem(font-size,0.875rem);
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  vertical-align: top;
+  float: right;
+}
+
+.assets {
+	input[type=checkbox] {
+		margin-right: 0;
+	}
+
+	.check-cell {
+		@include rem(width,2rem);
+	}
+
+
+	.draft {
+		@include status-icon($danger);
+	}
+
+    .published {
+        @include status-icon($success);
+    }
+
+	.caret {
+		margin-left: 10px;
+		color: $dark;
+		@include opacity(0.6);
+
+		&:hover {
+			text-decoration: none;
+			@include opacity(0.8);
+		}
+	}
+
+	tbody {
+		tr {
+			position: relative;
+
+			&:hover {
+				background: rgba($gray,0.175);
+				cursor: pointer;
+			}
+		}
+	}
+}

data/app/assets/stylesheets/cms/_base.css.scss

@@ -0,0 +1,42 @@
+/* BLOCKING OUT ELEMENTS */
+article, aside, div, details, figcaption, figure, footer, header, hgroup, nav, section {
+  	display: block;
+  	position: relative;
+}
+audio, canvas, video {
+  	display: inline-block;
+  	*display: inline;
+  	*zoom: 1;
+}
+audio:not([controls]) {
+  display: none;
+}
+
+/* CONTAINER SIZING */
+.center-column {
+	width: 80%;
+	min-width: 960px;
+
+	@include breakpoint(landscape) {
+		width: 960px;
+	}
+}
+.main-container {
+	margin-top: 50px;
+	margin-bottom: 50px;
+	background: white;
+	@include rem(padding,1.5rem 0 2.5rem 0);
+
+	@include border-radius(8px);
+	border: 1px solid rgba(black,0.15);
+
+	&.no-bottom {
+		@include rem(padding,1.5rem 0 0 0);
+	}
+}
+
+.padded {
+	width: 100%;
+	padding: 0 2.127659574468085%;
+	*padding: 0 2.074468085106383%;
+}

data/app/assets/stylesheets/cms/_cms-buttons.css.scss

@@ -0,0 +1,73 @@
+/* PRIMARY ACTION BUTTONS */
+.top-buttons {
+	@include rem(padding-top,0.3rem);
+
+	h4 {
+		@include rem(margin-right,3rem);
+		@include rem(line-height,2.5rem);
+	}
+
+	.btn-primary,
+	.btn-group {
+		@include rem(margin-left,0.5rem);
+
+		&.dropdown-toggle {
+			margin-left: 0;
+		}
+	}
+
+	.form-inline {
+		margin-bottom: 0;
+
+		label,
+		select {
+			display: inline-block;
+			float: left;
+		}
+
+		.show-sort {
+			@include rem(width,9rem);
+			@include rem(margin-right,1rem);
+			@include rem(margin-left,0.65rem);
+		}
+	}
+
+	.pull-right {
+	    &:after {
+	        left: auto;
+	        right: 16px;
+	    }
+	}
+}
+
+.form-actions {
+	margin-bottom: 0;
+	margin-top: 30px;
+
+	.btn-primary {
+		@include rem(margin-left,0.75rem);
+	}
+
+	button,
+	.btn,
+	.btn-group {
+		margin-bottom: 0;
+	}
+}
+
+.bottom-form-btn {
+	padding-bottom: 0;
+}
+
+.btn-group {
+  .btn-primary {
+    font-size: 1.2rem;
+  }
+  .dropdown-toggle {
+    padding: 0 1.75rem !important;
+  }
+}
+
+.btn-bottom-margin {
+	@include rem(margin-bottom,1rem);
+}

data/app/assets/stylesheets/cms/_cms-forms.css.scss

@@ -0,0 +1,70 @@
+/* INLINE FORM LABELS */
+.infield-label {
+  display: block;
+  position: relative;
+
+  label {
+    bottom: 0;
+    color: rgba($dark, 0.65);
+    display: block;
+    left: 0;
+    @include rem(line-height, 1.5rem);
+    margin: 0;
+    right: 0;
+    top: 0;
+    cursor: text;
+    @include rem(font-size, 1rem);
+    @include rem(padding, 0.5rem 0.65rem);
+    position: absolute;
+    white-space: nowrap;
+
+    &.label-xxlarge {
+      @include rem(font-size, 1.2rem);
+      @include rem(line-height, 2.1rem);
+    }
+  }
+}
+
+.placeholder-focus {
+  label {
+    background: $secondary;
+    border: 1px solid rgba(black, 0.05);
+    @include rem(font-size, 0.875rem);
+    bottom: auto;
+    color: #fff;
+    right: auto;
+    @include rem(top,-3rem);
+
+    &:after {
+      display: block;
+      @include rem(height, 1rem);
+      @include rem(width, 1rem);
+      position: absolute;
+      background: $secondary;
+      @include rotate(45deg);
+      @include rem(left, 0.75rem);
+      bottom: 0;
+      border-right: 1px solid rgba(black, 0.05);
+      border-bottom: 1px solid rgba(black, 0.05);
+      @include rem(margin-bottom,-0.5rem);
+      content: "";
+    }
+  }
+}
+
+// Making manual corrections to forms.
+.control-group {
+  div.editor {
+    @include rem(margin-top, 3rem);
+    textarea {
+       height: 400px;
+       // Should match CKEditor.
+     }
+  }
+
+
+}
+
+.group_filter {
+  @include rem(width, 15rem);
+}