locomotive_cms 2.0.0.rc12 → 2.0.0

data/vendor/assets/javascripts/locomotive/backbone.modelbinding.js

@@ -179,10 +179,16 @@ Backbone.ModelBinding = (function(Backbone, _, $){
         var elementType = _getElementType(element);
         var attribute_name = config.getBindingValue(element, elementType);
 
-        // HACK (Did)
+       // HACK (Did): remove prefix by view namespace (formtastic convention). Needed for popup
+        if (typeof(view.namespace) != 'undefined') {
+          regexp = new RegExp('^' + view.namespace + '_')
+          attribute_name = attribute_name.replace(regexp, '');
+        }
+
+        // HACK (Did): remove prefix by the model paramRoot (formtastic convention)
         if (model.paramRoot) {
           regexp = new RegExp('^' + model.paramRoot + '_')
-          attribute_name = attribute_name.replace(regexp, '')
+          attribute_name = attribute_name.replace(regexp, '');
         }
         // console.log(attribute_name);
 
@@ -239,7 +245,13 @@ Backbone.ModelBinding = (function(Backbone, _, $){
         var element = view.$(this);
         var attribute_name = config.getBindingValue(element, 'select');
 
-        // HACK (Did)
+        // HACK (Did): remove prefix by view namespace (formtastic convention). Needed for popup
+        if (typeof(view.namespace) != 'undefined') {
+          regexp = new RegExp('^' + view.namespace + '_')
+          attribute_name = attribute_name.replace(regexp, '');
+        }
+
+        // HACK (Did): remove prefix by the model paramRoot (formtastic convention)
         if (model.paramRoot) {
           regexp = new RegExp('^' + model.paramRoot + '_')
           attribute_name = attribute_name.replace(regexp, '')
@@ -298,8 +310,14 @@ Backbone.ModelBinding = (function(Backbone, _, $){
 
         var group_name = config.getBindingValue(element, 'radio');
 
-        // HACK (Did)
+        // HACK (Did): remove prefix by view namespace (formtastic convention). Needed for popup
         var attribute_name = group_name;
+        if (typeof(view.namespace) != 'undefined') {
+          regexp = new RegExp('^' + view.namespace + "\\[");
+          attribute_name = attribute_name.replace(regexp, '').replace(/\]$/, '');
+        }
+
+        // HACK (Did): remove prefix by the model paramRoot (formtastic convention)
         if (model.paramRoot) {
           regexp = new RegExp('^' + model.paramRoot + "\\[");
           attribute_name = attribute_name.replace(regexp, '').replace(/\]$/, '');
@@ -312,7 +330,7 @@ Backbone.ModelBinding = (function(Backbone, _, $){
           var bindingAttr = config.getBindingAttr('radio');
 
           var modelChange = function(model, val){
-            var value_selector = "input[type=radio][" + bindingAttr + "=" + group_name + "][value=" + val + "]";
+            var value_selector = "input[type=radio][" + bindingAttr + "='" + group_name + "'][value=" + val + "]";
             view.$(value_selector).attr("checked", "checked");
           };
           modelBinder.registerModelBinding(model, group_name, modelChange);
@@ -331,7 +349,8 @@ Backbone.ModelBinding = (function(Backbone, _, $){
             }
           };
 
-          var group_selector = "input[type=radio][" + bindingAttr + "=" + group_name + "]";
+          var group_selector = "input[type=radio][" + bindingAttr + "='" + group_name + "']";
+          //console.log(group_selector)
           view.$(group_selector).each(function(){
             var groupEl = $(this);
             modelBinder.registerElementBinding(groupEl, elementChange);
@@ -340,11 +359,11 @@ Backbone.ModelBinding = (function(Backbone, _, $){
           var attr_value = model.get(attribute_name);
           if (typeof attr_value !== "undefined" && attr_value !== null) {
             // set the default value on the form, from the model
-            var value_selector = "input[type=radio][" + bindingAttr + "=" + group_name + "][value=" + attr_value + "]";
+            var value_selector = "input[type=radio][" + bindingAttr + "='" + group_name + "'][value=" + attr_value + "]";
             view.$(value_selector).attr("checked", "checked");
           } else {
             // set the model to the currently selected radio button
-            var value_selector = "input[type=radio][" + bindingAttr + "=" + group_name + "]:checked";
+            var value_selector = "input[type=radio][" + bindingAttr + "='" + group_name + "']:checked";
             var value = view.$(value_selector).val();
             setModelValue(attribute_name, value);
           }
@@ -369,7 +388,13 @@ Backbone.ModelBinding = (function(Backbone, _, $){
         var bindingAttr = config.getBindingAttr('checkbox');
         var attribute_name = config.getBindingValue(element, 'checkbox');
 
-        // HACK (Did)
+        // HACK (Did): remove prefix by view namespace (formtastic convention). Needed for popup
+        if (typeof(view.namespace) != 'undefined') {
+          regexp = new RegExp('^' + view.namespace + '_')
+          attribute_name = attribute_name.replace(regexp, '');
+        }
+
+        // HACK (Did): remove prefix by the model paramRoot (formtastic convention)
         if (model.paramRoot) {
           regexp = new RegExp('^' + model.paramRoot + '_')
           attribute_name = attribute_name.replace(regexp, '')

data/vendor/assets/javascripts/locomotive/backbone.sync.js

@@ -23,7 +23,7 @@
       type:         type,
       dataType:     'json',
       beforeSend: function( xhr ) {
-        var token = $('meta[name="csrf-token"]').attr('content');
+        var token = $('meta[name="csrf-token"]').prop('content');
         if (token) xhr.setRequestHeader('X-CSRF-Token', token);
       }
     }, options);
@@ -102,7 +102,7 @@
       var noticeType = xhr.getResponseHeader('X-Message-Type');
       if (noticeType != null) {
         var growlType = noticeType == 'notice' ? 'notice' : 'alert'; // for now, only 2 kind of growl messages
-        $.growl(noticeType, xhr.getResponseHeader('X-Message'));
+        $.growl(noticeType, jQuery.parseJSON(xhr.getResponseHeader('X-Message')));
       }
     }
 

data/vendor/assets/javascripts/locomotive/form_submit_notification.js

@@ -22,10 +22,10 @@ $.fn.formSubmitNotification = function(settings) {
 
   return this.each(function() {
     var form    = $(this);
-    var message = form.attr('data-sending-form-message') || form.attr('data-sending_form_message');
+    var message = form.data('sending-form-message') || form.data('sending_form_message');
 
     if (typeof(message) == 'undefined')
-      message = form.find('input[type=submit]').attr('data-sending-form-message');
+      message = form.find('input[type=submit]').data('sending-form-message');
 
     if (typeof(message) == 'undefined')
       return ;

data/vendor/assets/javascripts/locomotive/growl.js

@@ -5,7 +5,7 @@
  *
  * Examples at: http://fragmentedcode.com/jquery-growl
  * Copyright (c) 2008 David Higgins
- * 
+ *
  * Special thanks to Daniel Mota for inspiration:
  * http://icebeat.bitacoras.com/mootools/growl/
  */
@@ -24,7 +24,7 @@ $.growl.settings.displayTimeout = 4000;
 $.growl.settings.noticeTemplate = ''
   + '<div>'
   + '<div style="float: right; background-image: url(my.growlTheme/normalTop.png); position: relative; width: 259px; height: 16px; margin: 0pt;"></div>'
-  + '<div style="float: right; background-image: url(my.growlTheme/normalBackground.png); position: relative; display: block; color: #ffffff; font-family: Arial; font-size: 12px; line-height: 14px; width: 259px; margin: 0pt;">' 
+  + '<div style="float: right; background-image: url(my.growlTheme/normalBackground.png); position: relative; display: block; color: #ffffff; font-family: Arial; font-size: 12px; line-height: 14px; width: 259px; margin: 0pt;">'
   + '  <img style="margin: 14px; margin-top: 0px; float: left;" src="%image%" />'
   + '  <h3 style="margin: 0pt; margin-left: 77px; padding-bottom: 10px; font-size: 13px;">%title%</h3>'
   + '  <p style="margin: 0pt 14px; margin-left: 77px; font-size: 12px;">%message%</p>'
@@ -35,7 +35,7 @@ $.growl.settings.noticeCss = {
   position: 'relative'
 };
 
-To change the 'dock' look, and position: 
+To change the 'dock' look, and position:
 
 $.growl.settings.dockTemplate = '<div></div>';
 $.growl.settings.dockCss = {
@@ -44,7 +44,7 @@ $.growl.settings.dockCss = {
     right: '10px',
     width: '300px'
   };
-  
+
 The dockCss will allow you to 'dock' the notifications to a specific area
 on the page, such as TopRight (the default) or TopLeft, perhaps even in a
 smaller area with "overflow: scroll" enabled?
@@ -62,21 +62,21 @@ function create(rebuild) {
 	  if(jQuery.growl.settings.defaultStylesheet) {
 	    $('head').append('<link rel="stylesheet" type="text/css" href="' + jQuery.growl.settings.defaultStylesheet + '" />');
 	  }
-	  
+
 	} else {
 	  instance = $(instance);
 	}
 	$('body').append(instance.css(jQuery.growl.settings.dockCss));
 	return instance;
 };
-  
+
 function r(text, expr, val) {
 	while(expr.test(text)) {
 	text = text.replace(expr, val);
 	}
 	return text;
 };
-  
+
 function notify(title,message,image,priority) {
 	var instance = create();
 	var html = jQuery.growl.settings.noticeTemplate;
@@ -93,7 +93,7 @@ function notify(title,message,image,priority) {
 
 	$.growl.settings.noticeDisplay(notice);
 	instance.append(notice);
-	$('a[@rel="close"]', notice).click(function() {
+	$('a[rel="close"]', notice).click(function() {
 		notice.remove();
 	});
 	if ($.growl.settings.displayTimeout > 0) {
@@ -105,7 +105,7 @@ function notify(title,message,image,priority) {
 	}
 };
 
-  
+
 // default settings
 $.growl.settings = {
 	dockTemplate: '<div></div>',
@@ -116,7 +116,7 @@ $.growl.settings = {
 		width: '300px',
 		zIndex: 50000
 	},
-	noticeTemplate: 
+	noticeTemplate:
 		'<div class="notice">' +
 		' <h3 style="margin-top: 15px">%title%</h3>' +
 		' <p>%message%</p>' +

data/vendor/assets/javascripts/locomotive/menu_toggler.js

@@ -3,25 +3,29 @@
  * Init and deploy childs on menu (admin)
  * Benjamin Athlan - Bewcultures
  * Andrew Bennett - Delorum
+ * Didier Lafforgue - NoCoffee
  */
 $.fn.toggleMe = function(settings) {
 
   settings = $.extend({}, settings);
 
   var toggle = function(event) {
-    var toggler   = $(this);
-    var children  = toggler.parent().find('> ul.folder');
+    var toggler     = $(this);
+    var children    = toggler.parent().find('> ul.folder');
+    var openClass   = toggler.data('open')
+    var closedClass = toggler.data('closed')
 
     children.each(function() {
       var child = $(this);
+
       if (child.is(':visible')) {
         child.slideUp('fast', function() {
-          toggler.attr('src', toggler.attr('src').replace('open', 'closed'));
+          toggler.removeClass(openClass).addClass(closedClass)
           $.cookie(child.attr('id'), 'none');
         });
       } else {
         child.slideDown('fast', function() {
-          toggler.attr('src', toggler.attr('src').replace('closed', 'open'));
+          toggler.removeClass(closedClass).addClass(openClass)
           $.cookie(child.attr('id'), 'block');
         });
       }

data/vendor/assets/javascripts/locomotive/slugify.js

@@ -7,7 +7,9 @@
 $.fn.slugify = function(settings) {
 
   settings = $.extend({
-    sep: '-'
+    sep: '-',
+    url: null,
+    underscore: false
   }, settings);
 
   var target = $(settings.target);
@@ -15,11 +17,25 @@ $.fn.slugify = function(settings) {
 
   var makeSlug = function(event) {
     var source = $(this);
-    var newVal = source.val().slugify(settings.sep);
 
-    if (!target.data('touched')) {
-      target.val(newVal);
-      target.trigger('change');
+    if (settings.url != null) {
+      // Ajax call instead meaning rely on the server to get the slugified version of the field
+      params = { 'string': source.val(), 'underscore': (settings.underscore ? '1' : '0') };
+      jQuery.getJSON(settings.url, params, function(data, textStatus, jqXHR) {
+        var newVal = data['value']
+
+        if (!target.data('touched')) {
+          target.val(newVal);
+          target.trigger('change');
+        }
+      });
+    } else {
+      var newVal = source.val().slugify(settings.sep);
+
+      if (!target.data('touched')) {
+        target.val(newVal);
+        target.trigger('change');
+      }
     }
   }
 

data/vendor/assets/stylesheets/locomotive/font-awesome.scss

@@ -0,0 +1,329 @@
+/*  Font Awesome
+    the iconic font designed for use with Twitter Bootstrap
+    -------------------------------------------------------
+    The full suite of pictographic icons, examples, and documentation
+    can be found at: http://fortawesome.github.com/Font-Awesome/
+
+    License
+    -------------------------------------------------------
+    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
+    http://creativecommons.org/licenses/by/3.0/ A mention of
+    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
+    source code is considered acceptable attribution (most common on the web).
+    If human readable source code is not available to the end user, a mention in
+    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
+    or mobile software).
+
+    Contact
+    -------------------------------------------------------
+    Email: dave@davegandy.com
+    Twitter: http://twitter.com/fortaweso_me
+    Work: Lead Product Designer @ http://kyruus.com
+
+    */
+
+@import "compass/css3/font-face";
+  $fontAwesomePath: font-path("locomotive/fontawesome-webfont") !default;
+
+@include font-face(
+    'FontAwesome',
+    font-files(
+        "#{$fontAwesomePath}.woff", woff,
+        "#{$fontAwesomePath}.ttf", truetype,
+        "#{$fontAwesomePath}.svg#FontAwesomeRegular", svg),
+    '#{$fontAwesomePath}.eot',
+    normal,
+    normal);
+
+/*  Font Awesome styles
+    ------------------------------------------------------- */
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+  font-family: FontAwesome;
+  font-weight: normal;
+  font-style: normal;
+  display: inline-block;
+  text-decoration: inherit;
+}
+
+a [class^="icon-"],
+a [class*=" icon-"] {
+  display: inline-block;
+  text-decoration: inherit;
+}
+
+/* makes the font 33% larger relative to the icon container */
+.icon-large:before {
+  vertical-align: middle;
+  font-size: 4/3em;
+}
+
+.btn, .nav-tabs {
+  [class^="icon-"],
+  [class*=" icon-"] {
+  /* keeps button heights with and without icons the same */
+    line-height: .9em;
+  }
+}
+
+li {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    display: inline-block;
+    width: 1.25em;
+    text-align: center;
+  }
+  .icon-large:before,
+  .icon-large:before {
+    /* 1.5 increased font size for icon-large * 1.25 width */
+    width: 1.5*1.25em;
+  }
+}
+
+ul.icons {
+  list-style-type: none;
+  margin-left: 2em;
+  text-indent: -.8em;
+
+  li {
+    [class^="icon-"],
+    [class*=" icon-"] {
+      width: .8em;
+    }
+    .icon-large:before,
+    .icon-large:before {
+      /* 1.5 increased font size for icon-large * 1.25 width */
+      vertical-align: initial;
+//      width: 1.5*1.25em;
+    }
+  }
+}
+
+/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+    readers do not read off random characters that represent icons */
+.icon-glass:before                { content: "\f000"; }
+.icon-music:before                { content: "\f001"; }
+.icon-search:before               { content: "\f002"; }
+.icon-envelope:before             { content: "\f003"; }
+.icon-heart:before                { content: "\f004"; }
+.icon-star:before                 { content: "\f005"; }
+.icon-star-empty:before           { content: "\f006"; }
+.icon-user:before                 { content: "\f007"; }
+.icon-film:before                 { content: "\f008"; }
+.icon-th-large:before             { content: "\f009"; }
+.icon-th:before                   { content: "\f00a"; }
+.icon-th-list:before              { content: "\f00b"; }
+.icon-ok:before                   { content: "\f00c"; }
+.icon-remove:before               { content: "\f00d"; }
+.icon-zoom-in:before              { content: "\f00e"; }
+
+.icon-zoom-out:before             { content: "\f010"; }
+.icon-off:before                  { content: "\f011"; }
+.icon-signal:before               { content: "\f012"; }
+.icon-cog:before                  { content: "\f013"; }
+.icon-trash:before                { content: "\f014"; }
+.icon-home:before                 { content: "\f015"; }
+.icon-file:before                 { content: "\f016"; }
+.icon-time:before                 { content: "\f017"; }
+.icon-road:before                 { content: "\f018"; }
+.icon-download-alt:before         { content: "\f019"; }
+.icon-download:before             { content: "\f01a"; }
+.icon-upload:before               { content: "\f01b"; }
+.icon-inbox:before                { content: "\f01c"; }
+.icon-play-circle:before          { content: "\f01d"; }
+.icon-repeat:before               { content: "\f01e"; }
+
+/* \f020 doesn't work in Safari. all shifted one down */
+.icon-refresh:before              { content: "\f021"; }
+.icon-list-alt:before             { content: "\f022"; }
+.icon-lock:before                 { content: "\f023"; }
+.icon-flag:before                 { content: "\f024"; }
+.icon-headphones:before           { content: "\f025"; }
+.icon-volume-off:before           { content: "\f026"; }
+.icon-volume-down:before          { content: "\f027"; }
+.icon-volume-up:before            { content: "\f028"; }
+.icon-qrcode:before               { content: "\f029"; }
+.icon-barcode:before              { content: "\f02a"; }
+.icon-tag:before                  { content: "\f02b"; }
+.icon-tags:before                 { content: "\f02c"; }
+.icon-book:before                 { content: "\f02d"; }
+.icon-bookmark:before             { content: "\f02e"; }
+.icon-print:before                { content: "\f02f"; }
+
+.icon-camera:before               { content: "\f030"; }
+.icon-font:before                 { content: "\f031"; }
+.icon-bold:before                 { content: "\f032"; }
+.icon-italic:before               { content: "\f033"; }
+.icon-text-height:before          { content: "\f034"; }
+.icon-text-width:before           { content: "\f035"; }
+.icon-align-left:before           { content: "\f036"; }
+.icon-align-center:before         { content: "\f037"; }
+.icon-align-right:before          { content: "\f038"; }
+.icon-align-justify:before        { content: "\f039"; }
+.icon-list:before                 { content: "\f03a"; }
+.icon-indent-left:before          { content: "\f03b"; }
+.icon-indent-right:before         { content: "\f03c"; }
+.icon-facetime-video:before       { content: "\f03d"; }
+.icon-picture:before              { content: "\f03e"; }
+
+.icon-pencil:before               { content: "\f040"; }
+.icon-map-marker:before           { content: "\f041"; }
+.icon-adjust:before               { content: "\f042"; }
+.icon-tint:before                 { content: "\f043"; }
+.icon-edit:before                 { content: "\f044"; }
+.icon-share:before                { content: "\f045"; }
+.icon-check:before                { content: "\f046"; }
+.icon-move:before                 { content: "\f047"; }
+.icon-step-backward:before        { content: "\f048"; }
+.icon-fast-backward:before        { content: "\f049"; }
+.icon-backward:before             { content: "\f04a"; }
+.icon-play:before                 { content: "\f04b"; }
+.icon-pause:before                { content: "\f04c"; }
+.icon-stop:before                 { content: "\f04d"; }
+.icon-forward:before              { content: "\f04e"; }
+
+.icon-fast-forward:before         { content: "\f050"; }
+.icon-step-forward:before         { content: "\f051"; }
+.icon-eject:before                { content: "\f052"; }
+.icon-chevron-left:before         { content: "\f053"; }
+.icon-chevron-right:before        { content: "\f054"; }
+.icon-plus-sign:before            { content: "\f055"; }
+.icon-minus-sign:before           { content: "\f056"; }
+.icon-remove-sign:before          { content: "\f057"; }
+.icon-ok-sign:before              { content: "\f058"; }
+.icon-question-sign:before        { content: "\f059"; }
+.icon-info-sign:before            { content: "\f05a"; }
+.icon-screenshot:before           { content: "\f05b"; }
+.icon-remove-circle:before        { content: "\f05c"; }
+.icon-ok-circle:before            { content: "\f05d"; }
+.icon-ban-circle:before           { content: "\f05e"; }
+
+.icon-arrow-left:before           { content: "\f060"; }
+.icon-arrow-right:before          { content: "\f061"; }
+.icon-arrow-up:before             { content: "\f062"; }
+.icon-arrow-down:before           { content: "\f063"; }
+.icon-share-alt:before            { content: "\f064"; }
+.icon-resize-full:before          { content: "\f065"; }
+.icon-resize-small:before         { content: "\f066"; }
+.icon-plus:before                 { content: "\f067"; }
+.icon-minus:before                { content: "\f068"; }
+.icon-asterisk:before             { content: "\f069"; }
+.icon-exclamation-sign:before     { content: "\f06a"; }
+.icon-gift:before                 { content: "\f06b"; }
+.icon-leaf:before                 { content: "\f06c"; }
+.icon-fire:before                 { content: "\f06d"; }
+.icon-eye-open:before             { content: "\f06e"; }
+
+.icon-eye-close:before            { content: "\f070"; }
+.icon-warning-sign:before         { content: "\f071"; }
+.icon-plane:before                { content: "\f072"; }
+.icon-calendar:before             { content: "\f073"; }
+.icon-random:before               { content: "\f074"; }
+.icon-comment:before              { content: "\f075"; }
+.icon-magnet:before               { content: "\f076"; }
+.icon-chevron-up:before           { content: "\f077"; }
+.icon-chevron-down:before         { content: "\f078"; }
+.icon-retweet:before              { content: "\f079"; }
+.icon-shopping-cart:before        { content: "\f07a"; }
+.icon-folder-close:before         { content: "\f07b"; }
+.icon-folder-open:before          { content: "\f07c"; }
+.icon-resize-vertical:before      { content: "\f07d"; }
+.icon-resize-horizontal:before    { content: "\f07e"; }
+
+.icon-bar-chart:before            { content: "\f080"; }
+.icon-twitter-sign:before         { content: "\f081"; }
+.icon-facebook-sign:before        { content: "\f082"; }
+.icon-camera-retro:before         { content: "\f083"; }
+.icon-key:before                  { content: "\f084"; }
+.icon-cogs:before                 { content: "\f085"; }
+.icon-comments:before             { content: "\f086"; }
+.icon-thumbs-up:before            { content: "\f087"; }
+.icon-thumbs-down:before          { content: "\f088"; }
+.icon-star-half:before            { content: "\f089"; }
+.icon-heart-empty:before          { content: "\f08a"; }
+.icon-signout:before              { content: "\f08b"; }
+.icon-linkedin-sign:before        { content: "\f08c"; }
+.icon-pushpin:before              { content: "\f08d"; }
+.icon-external-link:before        { content: "\f08e"; }
+
+.icon-signin:before               { content: "\f090"; }
+.icon-trophy:before               { content: "\f091"; }
+.icon-github-sign:before          { content: "\f092"; }
+.icon-upload-alt:before           { content: "\f093"; }
+.icon-lemon:before                { content: "\f094"; }
+.icon-phone:before                { content: "\f095"; }
+.icon-check-empty:before          { content: "\f096"; }
+.icon-bookmark-empty:before       { content: "\f097"; }
+.icon-phone-sign:before           { content: "\f098"; }
+.icon-twitter:before              { content: "\f099"; }
+.icon-facebook:before             { content: "\f09a"; }
+.icon-github:before               { content: "\f09b"; }
+.icon-unlock:before               { content: "\f09c"; }
+.icon-credit-card:before          { content: "\f09d"; }
+.icon-rss:before                  { content: "\f09e"; }
+
+.icon-hdd:before                  { content: "\f0a0"; }
+.icon-bullhorn:before             { content: "\f0a1"; }
+.icon-bell:before                 { content: "\f0a2"; }
+.icon-certificate:before          { content: "\f0a3"; }
+.icon-hand-right:before           { content: "\f0a4"; }
+.icon-hand-left:before            { content: "\f0a5"; }
+.icon-hand-up:before              { content: "\f0a6"; }
+.icon-hand-down:before            { content: "\f0a7"; }
+.icon-circle-arrow-left:before    { content: "\f0a8"; }
+.icon-circle-arrow-right:before   { content: "\f0a9"; }
+.icon-circle-arrow-up:before      { content: "\f0aa"; }
+.icon-circle-arrow-down:before    { content: "\f0ab"; }
+.icon-globe:before                { content: "\f0ac"; }
+.icon-wrench:before               { content: "\f0ad"; }
+.icon-tasks:before                { content: "\f0ae"; }
+
+.icon-filter:before               { content: "\f0b0"; }
+.icon-briefcase:before            { content: "\f0b1"; }
+.icon-fullscreen:before           { content: "\f0b2"; }
+
+.icon-group:before                { content: "\f0c0"; }
+.icon-link:before                 { content: "\f0c1"; }
+.icon-cloud:before                { content: "\f0c2"; }
+.icon-beaker:before               { content: "\f0c3"; }
+.icon-cut:before                  { content: "\f0c4"; }
+.icon-copy:before                 { content: "\f0c5"; }
+.icon-paper-clip:before           { content: "\f0c6"; }
+.icon-save:before                 { content: "\f0c7"; }
+.icon-sign-blank:before           { content: "\f0c8"; }
+.icon-reorder:before              { content: "\f0c9"; }
+.icon-list-ul:before              { content: "\f0ca"; }
+.icon-list-ol:before              { content: "\f0cb"; }
+.icon-strikethrough:before        { content: "\f0cc"; }
+.icon-underline:before            { content: "\f0cd"; }
+.icon-table:before                { content: "\f0ce"; }
+
+.icon-magic:before                { content: "\f0d0"; }
+.icon-truck:before                { content: "\f0d1"; }
+.icon-pinterest:before            { content: "\f0d2"; }
+.icon-pinterest-sign:before       { content: "\f0d3"; }
+.icon-google-plus-sign:before     { content: "\f0d4"; }
+.icon-google-plus:before          { content: "\f0d5"; }
+.icon-money:before                { content: "\f0d6"; }
+.icon-caret-down:before           { content: "\f0d7"; }
+.icon-caret-up:before             { content: "\f0d8"; }
+.icon-caret-left:before           { content: "\f0d9"; }
+.icon-caret-right:before          { content: "\f0da"; }
+.icon-columns:before              { content: "\f0db"; }
+.icon-sort:before                 { content: "\f0dc"; }
+.icon-sort-down:before            { content: "\f0dd"; }
+.icon-sort-up:before              { content: "\f0de"; }
+
+.icon-envelope-alt:before         { content: "\f0e0"; }
+.icon-linkedin:before             { content: "\f0e1"; }
+.icon-undo:before                 { content: "\f0e2"; }
+.icon-legal:before                { content: "\f0e3"; }
+.icon-dashboard:before            { content: "\f0e4"; }
+.icon-comment-alt:before          { content: "\f0e5"; }
+.icon-comments-alt:before         { content: "\f0e6"; }
+.icon-bolt:before                 { content: "\f0e7"; }
+.icon-sitemap:before              { content: "\f0e8"; }
+.icon-umbrella:before             { content: "\f0e9"; }
+.icon-paste:before                { content: "\f0ea"; }
+
+.icon-user-md:before              { content: "\f200"; }