omf_web 1.2.6 → 1.2.7

data/share/htdocs/graph/js/network2.js

@@ -27,7 +27,17 @@ define(["graph/abstract_chart"], function (abstract_chart) {
 
     defaults: function() {
       return this.deep_defaults({
+        line_mode: 'curved', // 'straight'
         interaction_mode: 'none',   // none, hover, click
+        force: {
+          // see https://github.com/mbostock/d3/wiki/Force-Layout
+          link_distance: null, // 150,
+          link_strength: null, // [0, 1] set to 1
+          charge: null, // -30 -500,
+          charge_distance: null,
+          gravity: null, // default: 0.1
+          theta: null, // default: 0.8
+        }
       }, network2.__super__.defaults.call(this));
     },
 
@@ -37,7 +47,9 @@ define(["graph/abstract_chart"], function (abstract_chart) {
       this.graph_layer = vis.append("svg:g")
                  .attr("transform", "translate(0, " + ca.h + ")")
                  ;
-      this.legend_layer = vis.append("svg:g");
+      this.link_layer = this.graph_layer.append("svg:g");
+      this.node_layer = this.graph_layer.append("svg:g");
+      this.legend_layer = this.graph_layer.append("svg:g");
     },
 
     base_css_class: 'oml-network',
@@ -53,23 +65,17 @@ define(["graph/abstract_chart"], function (abstract_chart) {
         throw "Expected an array";
       }
       if (sources.length == 1) {
-        // Check if the source name is 'default' and we can find
+        // Check if we can find
         // a _links and _nodes source
         var s = sources[0];
-        if (s.name == 'default') {
-          // ok, lets expand it
-          var ss = s.stream;
-          if (typeof(ss) != 'object') {
-            ss = { name: ss };
-          }
-          var prefix = ss.name;
-          var sn = {}; for (var p in ss) { sn[p] = ss[p]; }; sn.name = prefix + '/nodes';
-          var sl = {}; for (var p in ss) { sl[p] = ss[p]; }; sl.name = prefix + '/links';
-          sources = [
-            {name: 'nodes', stream: sn},
-            {name: 'links', stream: sl},
-          ];
+        var ss = s.stream || s.name;
+        if (typeof(ss) != 'object') {
+          ss = { name: ss };
         }
+        var prefix = ss.name;
+        var sn = {}; for (var p in ss) { sn[p] = ss[p]; }; sn.name = 'nodes'; sn.stream = prefix + '/nodes';
+        var sl = {}; for (var p in ss) { sl[p] = ss[p]; }; sl.name = 'links'; sl.stream = prefix + '/links';
+        sources = [sn, sl];
       }
       if (sources.length != 2) {
         throw "Expected TWO data source, one for nodes and one for links";
@@ -84,21 +90,81 @@ define(["graph/abstract_chart"], function (abstract_chart) {
     },
 
     process_schema: function() {
-      this.schema = {
-        nodes: this.process_single_schema(this.data_source.nodes),
-        links: this.process_single_schema(this.data_source.links)
-      };
+      var self = this;
+      var ds_names = ['nodes', 'links'];
+      var outstanding_schemas = ds_names.slice(0); // real copy
+
+      // CHeck for all the schemas first and when we have them, really
+      // process the schemas
+      _.each(ds_names, function(name) {
+        self.data_source[name].on_schema(function() {
+          outstanding_schemas = _.without(outstanding_schemas, name);
+          if (_.isEmpty(outstanding_schemas.length)) {
+            self._process_schema();
+          }
+        });
+      });
+    },
 
-      var om = this.opts.mapping;
-      if (om.links == undefined || om.nodes == undefined) {
-        throw "Missing mapping instructions in 'options' for either 'links' or 'nodes', or both.";
+    _process_schema: function() {
+      var self = this;
+      var ds_names = ['nodes', 'links'];
+      var om = self.opts.mapping;
+      if (om == undefined) {
+        throw "Missing mapping instructions in 'options'.";
       }
-      this.mapping = {
-        nodes: this.process_single_mapping('nodes', om.nodes, this.decl_properties.nodes),
-        links: this.process_single_mapping('links', om.links, this.decl_properties.links)
-      };
+      self.mapping = {};
+      var schemas = self.schema = {};
+
+      _.each(ds_names, function(ds_name) {
+        schemas[ds_name] = self.process_single_schema(self.data_source[ds_name]);
+      });
+
+      _.each(ds_names, function(ds_name) {
+        var mapping = om[ds_name];
+        if (mapping == undefined) {
+          throw "Missing mapping instructions in 'options' for '" + ds_name + "'.";
+        }
+        self.mapping[ds_name] = self.process_single_mapping(ds_name, mapping, self.decl_properties[ds_name]);
+      });
+      self.init_mapping();
     },
 
+
+    // process_schema: function() {
+//
+//
+      // var self = this;
+      // var schemas = this.schema = {};
+      // var mappings = this.mapping = {};
+      // var om = this.opts.mapping;
+      // // if (om.links == undefined || om.nodes == undefined) {
+        // // throw "Missing mapping instructions in 'options' for either 'links' or 'nodes', or both.";
+      // // }
+        // // links: this.process_single_schema(this.data_source.links)
+      // // };
+      // // this.data_source.nodes.on_schema(function() {
+        // // schemas.nodes = self.process_single_schema(self.data_source.nodes);
+        // // mappings.nodes = self.process_single_mapping('nodes', om.nodes, self.decl_properties.nodes);
+      // // });
+//
+      // _.each(['nodes', 'links'], function(name) {
+        // if (om[name] == undefined) {
+          // throw "Missing mapping instructions in 'options' for '" + name + "'.";
+        // }
+        // self.data_source[name].on_schema(function() {
+          // schemas[name] = self.process_single_schema(self.data_source[name]);
+          // mappings[name] = self.process_single_mapping(name, om[name], self.decl_properties[name]);
+        // });
+      // });
+//
+//
+      // // this.mapping = {
+        // // nodes: this.process_single_mapping('nodes', om.nodes, this.decl_properties.nodes),
+        // // links: this.process_single_mapping('links', om.links, this.decl_properties.links)
+      // // };
+    // },
+
     /*
      * Return schema for +stream+.
      */
@@ -115,27 +181,122 @@ define(["graph/abstract_chart"], function (abstract_chart) {
       return ds;
     },
 
+    // This is called once and just before update()
+    init_chart: function() {
+      network2.__super__.init_chart.call(this);
+
+      this.auto_placement = this.mapping.nodes.x == 'auto';
+      if (!this.auto_placement) return;
+
+      var self = this;
+      var o = this.opts.force;
+      var nmapping = this.mapping.nodes;
+      nmapping.x = function(d) {
+        return d.__force__.x / self.widget_area.w;
+      };
+      nmapping.y = function(d) {
+        return d.__force__.y / self.widget_area.h;
+      };
+
+      var ca = this.widget_area;
+      var force = this.force = d3.layout.force().size([ca.w, ca.h]);
+
+      if (o.link_distance) force.linkDistance(o.link_distance);
+      if (o.link_strength) force.linkStrength(o.link_strength);
+      if (o.charge) force.charge(o.charge);
+      if (o.charge_distance) force.chargeDistance(o.charge_distance);
+      if (o.gravity) force.gravity(o.gravity);
+      if (o.theta) force.theta(o.theta);
+
+      this.force.on('tick', function() {
+        var data = self.data;
+        self.redraw(data);
+      });
+    },
+
+    resize: function() {
+      network2.__super__.resize.call(this);
+
+      if (this.force) {
+        var ca = this.widget_area;
+        this.force.size([ca.w, ca.h]).start();
+      }
+    },
+
+
     update: function() {
 
       var ldata = this.data_source.links.rows();
       var ndata = this.data_source.nodes.rows();
 
+      if (this.force) {
+        // The following sets up data structures to be used by
+        // force layout. It also needs node and link arrays but
+        // in a different format from how we use it here.
+        // To still work with the rest of the library, we are
+        // attaching an '__force__' entry to each data element
+        // which we then hand over to the force layouter but also
+        // can revert to when drawing the graph.
+        //
+        var nm = this.mapping.nodes;
+        var nmap = {};
+        var nodes = _.map(ndata, function(d) {
+          var f = d.__force__;
+          if (!f) {
+            var id = nm.key(d);
+            f = d.__force__ = {index: id, d: d};
+          }
+          nmap[f.index] = f;
+          return f;
+        });
+
+        var lm = this.mapping.links;
+        var links = _.map(ldata, function(d) {
+          var f = d.__force__;
+          if (!f) {
+            var s = lm.from(d);
+            var t = lm.to(d);
+            var id = nm.key(d);
+            f = d.__force__ = {index: id, source: s.__force__, target: t.__force__, d: d};
+          }
+          return f;
+        });
+
+        // TODO: We need to check if any new data items have been added or old ones
+        // removed. So the following may be a bit slow.
+        function isDiff(a1, a2) {
+          if (a1.length != a2.length) return true;
+
+          var i1 = _.map(a1, function(d) {return d.index; });
+          var i2 = _.map(a2, function(d) {return d.index; });
+          var d = _.difference(i1, i2);
+          return d.length > 0;
+        }
+        var force = this.force;
+        if (isDiff(force.nodes(), nodes) || isDiff(force.links(), links)) {
+          force.nodes(nodes);
+          force.links(links);
+          force.start();
+        }
+      }
+
       this.redraw({links: ldata, nodes: ndata});
     },
 
     redraw:  function(data) {
       var self = this;
+      self.data = data;
       var o = this.opts;
       var mapping = this.mapping; //o.mapping || {};
       var ca = this.widget_area;
 
       var x = function(v) {
-        var x = v * ca.w + ca.x;
+        //var x = v * ca.w + ca.x;
         var x = v * ca.w;
         return x;
       };
       var y = function(v) {
-        var y = -1 * (v * ca.h + ca.y);
+        //var y = -1 * (v * ca.h + ca.y);
         var y = -1 * (v * ca.h);
         return y;
       };
@@ -145,7 +306,7 @@ define(["graph/abstract_chart"], function (abstract_chart) {
       var nmapping = mapping.nodes;
       var iline_f = d3.svg.line().interpolate('basis');
 
-      // curved line
+      // curved line or straight depending on line_mode
       var line_f = function(d) {
         var a = 0.2;
         var b = 0.3;
@@ -162,6 +323,9 @@ define(["graph/abstract_chart"], function (abstract_chart) {
         var dx = x3 - x1;
         var dy = y3 - y1;
         var l = Math.sqrt(dx * dx + dy * dy);
+        if (l == 0 || self.opts.line_mode != 'curved') {
+          return iline_f([[x1, y1], [x3, y3]]);
+        }
 
         var mx = x1 + a * dx;
         var my = y1 + a * dy;
@@ -172,8 +336,11 @@ define(["graph/abstract_chart"], function (abstract_chart) {
       };
 
       var ldata = data.links;
-      var link2 = this.graph_layer.selectAll("path.link")
-                    .data(d3.values(ldata));
+      var link2 = this.link_layer.selectAll("path.link")
+                    .data(d3.values(ldata), function(d) {
+                      var k = lmapping.key(d);
+                      return lmapping.key(d);
+                    });
       link2
         //.each(position) // update existing markers
         .style("stroke", lmapping.stroke_color)
@@ -193,8 +360,10 @@ define(["graph/abstract_chart"], function (abstract_chart) {
       var ndata = data.nodes;
       // first draw white circle to allow actual node to become transparent
       // without links showing through
-      var bg_node = this.graph_layer.selectAll("circle.bg_node")
-                        .data(ndata, function(d) { return nmapping.key(d); })
+      var bg_node = this.node_layer.selectAll("circle.bg_node")
+                        .data(ndata, function(d) {
+                          return nmapping.key(d);
+                        })
           .attr("cx", function(d) { return x(nmapping.x(d)); })
           .attr("cy", function(d) { return y(nmapping.y(d)); })
           .attr("r", nmapping.radius)
@@ -217,7 +386,7 @@ define(["graph/abstract_chart"], function (abstract_chart) {
           .style("stroke-width", nmapping.stroke_width)
           ;
       }
-      var node = this.graph_layer.selectAll("circle.node")
+      var node = this.node_layer.selectAll("circle.node")
                         .data(ndata, function(d) {
                             return nmapping.key(d);
                             });
@@ -256,7 +425,7 @@ define(["graph/abstract_chart"], function (abstract_chart) {
           .style("font-size", nmapping.label_size)
           .text(function(d) { return nmapping.label_text(d); });
       }
-      var label = this.graph_layer.selectAll("text.node_label")
+      var label = this.node_layer.selectAll("text.node_label")
                         .data(ndata, function(d) {
                             return nmapping.key(d);
                             });
@@ -442,4 +611,4 @@ define(["graph/abstract_chart"], function (abstract_chart) {
   tab-width: 2
   indent-tabs-mode: nil
   End:
-*/
+*/

data/share/htdocs/graph/js/table2.js

@@ -1,15 +1,11 @@
 
-require.config({
-  shim: {
-   'vendor/slickgrid/slick.formatters': ['vendor/slickgrid/slick.core'],
-   'vendor/slickgrid/slick.editors': ['vendor/slickgrid/slick.core'],
-   'vendor/slickgrid/plugins/slick.rowselectionmodel': ['vendor/slickgrid/slick.core'],
-   'vendor/slickgrid/slick.grid': ['vendor/slickgrid/slick.core'],
-   'vendor/slickgrid/slick.dataview': ['vendor/slickgrid/slick.core'],
-   'vendor/slickgrid/controls/slick.pager': ['vendor/slickgrid/slick.core'],
-   'vendor/slickgrid/controls/slick.columnpicker': ['vendor/slickgrid/slick.core']
-  }
-});
+OML.require_dependency('vendor/slickgrid/slick.formatters', ['vendor/slickgrid/slick.core']);
+OML.require_dependency('vendor/slickgrid/slick.editors', ['vendor/slickgrid/slick.core']);
+OML.require_dependency('vendor/slickgrid/plugins/slick.rowselectionmodel', ['vendor/slickgrid/slick.core']);
+OML.require_dependency('vendor/slickgrid/slick.grid', ['vendor/slickgrid/slick.core']);
+OML.require_dependency('vendor/slickgrid/slick.dataview', ['vendor/slickgrid/slick.core']);
+OML.require_dependency('vendor/slickgrid/controls/slick.pager', ['vendor/slickgrid/slick.core']);
+OML.require_dependency('vendor/slickgrid/controls/slick.columnpicker', ['vendor/slickgrid/slick.core']);
 
 
 define(["graph/abstract_widget",

data/share/htdocs/js/data_source3.js

@@ -19,6 +19,24 @@ function omf_web_data_source(opts) {
     event_name: event_name,
   };
 
+  var on_schema_callbacks = [];
+
+  data_source.on_schema = function(callback) {
+    if (schema) {
+      callback(schema);
+    } else {
+      // delay
+      on_schema_callbacks.push(callback);
+    }
+  };
+
+  function set_schema(new_schema) {
+    schema = data_source.schema = new_schema;
+    _.each(on_schema_callbacks, function(cbk) {
+      cbk(new_schema);
+    });
+  }
+
   var indexes = {};
   var unique_index_check = null;
 
@@ -188,7 +206,7 @@ function omf_web_data_source(opts) {
 
     if (first_time) {
       var self = this;
-      L.require(['vendor/jquery/jquery.js', 'vendor/jquery/jquery.periodicalupdater.js'], function() {
+      require(['vendor/jquery/jquery.periodicalupdater.js'], function() {
         var update_interval = self.update_interval * 1000;
         if (update_interval < 1000) update_interval = 3000;
         var opts = {
@@ -213,7 +231,7 @@ function omf_web_data_source(opts) {
   }
 
   function fetch_data(data_url) {
-    require(['vendor/jquery/jquery'], function() {
+    require(['jquery'], function() {
       $.ajax({
         url: data_url,
         dataType: 'json',
@@ -221,9 +239,11 @@ function omf_web_data_source(opts) {
         type: 'GET'
       }).done(function(reply) {
         var data = reply.data;
-        rows.splice(0, rows.length); // this is an update, not an add
-        _.each(data, function(r) { rows.push(r); });
+        set_schema(reply.schema);
 
+        // need to update 'rows' in place as it's referenced in other closures
+        rows.splice(0, rows.length);
+        _.each(data, function(r) { rows.push(r); });
         update_indexes();
         var evt = {data_source: data_source};
         OHUB.trigger(event_name, evt);

data/share/htdocs/vendor/VERSION_MAP.yaml

@@ -12,5 +12,5 @@ stacktrace:   stacktrace-0.3
 underscore:   underscore-1.4.4
 require:      require-2.1.8
 require-css:  require-css-0.0.7
-font-awesome: font-awesome-4.0.3
+font-awesome: font-awesome-4.1.0
 smartmenus:   smartmenus-0.9.6

data/share/htdocs/vendor/{font-awesome-4.0.3 → font-awesome-4.1.0}/css/font-awesome.css

@@ -1,13 +1,13 @@
 /*!
- *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
+ *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  */
 /* FONT PATH
  * -------------------------- */
 @font-face {
   font-family: 'FontAwesome';
-  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
-  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
+  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -22,7 +22,7 @@
 }
 /* makes the font 33% larger relative to the icon container */
 .fa-lg {
-  font-size: 1.3333333333333333em;
+  font-size: 1.33333333em;
   line-height: 0.75em;
   vertical-align: -15%;
 }
@@ -39,12 +39,12 @@
   font-size: 5em;
 }
 .fa-fw {
-  width: 1.2857142857142858em;
+  width: 1.28571429em;
   text-align: center;
 }
 .fa-ul {
   padding-left: 0;
-  margin-left: 2.142857142857143em;
+  margin-left: 2.14285714em;
   list-style-type: none;
 }
 .fa-ul > li {
@@ -52,13 +52,13 @@
 }
 .fa-li {
   position: absolute;
-  left: -2.142857142857143em;
-  width: 2.142857142857143em;
-  top: 0.14285714285714285em;
+  left: -2.14285714em;
+  width: 2.14285714em;
+  top: 0.14285714em;
   text-align: center;
 }
 .fa-li.fa-lg {
-  left: -1.8571428571428572em;
+  left: -1.85714286em;
 }
 .fa-border {
   padding: .2em .25em .15em;
@@ -107,19 +107,13 @@
     -o-transform: rotate(359deg);
   }
 }
-@-ms-keyframes spin {
-  0% {
-    -ms-transform: rotate(0deg);
-  }
-  100% {
-    -ms-transform: rotate(359deg);
-  }
-}
 @keyframes spin {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
@@ -369,6 +363,8 @@
 .fa-video-camera:before {
   content: "\f03d";
 }
+.fa-photo:before,
+.fa-image:before,
 .fa-picture-o:before {
   content: "\f03e";
 }
@@ -732,6 +728,8 @@
 .fa-square:before {
   content: "\f0c8";
 }
+.fa-navicon:before,
+.fa-reorder:before,
 .fa-bars:before {
   content: "\f0c9";
 }
@@ -791,11 +789,11 @@
   content: "\f0dc";
 }
 .fa-sort-down:before,
-.fa-sort-asc:before {
+.fa-sort-desc:before {
   content: "\f0dd";
 }
 .fa-sort-up:before,
-.fa-sort-desc:before {
+.fa-sort-asc:before {
   content: "\f0de";
 }
 .fa-envelope:before {
@@ -985,12 +983,10 @@
 .fa-code:before {
   content: "\f121";
 }
+.fa-mail-reply-all:before,
 .fa-reply-all:before {
   content: "\f122";
 }
-.fa-mail-reply-all:before {
-  content: "\f122";
-}
 .fa-star-half-empty:before,
 .fa-star-half-full:before,
 .fa-star-half-o:before {
@@ -1336,3 +1332,235 @@
 .fa-plus-square-o:before {
   content: "\f196";
 }
+.fa-space-shuttle:before {
+  content: "\f197";
+}
+.fa-slack:before {
+  content: "\f198";
+}
+.fa-envelope-square:before {
+  content: "\f199";
+}
+.fa-wordpress:before {
+  content: "\f19a";
+}
+.fa-openid:before {
+  content: "\f19b";
+}
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+  content: "\f19c";
+}
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+  content: "\f19d";
+}
+.fa-yahoo:before {
+  content: "\f19e";
+}
+.fa-google:before {
+  content: "\f1a0";
+}
+.fa-reddit:before {
+  content: "\f1a1";
+}
+.fa-reddit-square:before {
+  content: "\f1a2";
+}
+.fa-stumbleupon-circle:before {
+  content: "\f1a3";
+}
+.fa-stumbleupon:before {
+  content: "\f1a4";
+}
+.fa-delicious:before {
+  content: "\f1a5";
+}
+.fa-digg:before {
+  content: "\f1a6";
+}
+.fa-pied-piper-square:before,
+.fa-pied-piper:before {
+  content: "\f1a7";
+}
+.fa-pied-piper-alt:before {
+  content: "\f1a8";
+}
+.fa-drupal:before {
+  content: "\f1a9";
+}
+.fa-joomla:before {
+  content: "\f1aa";
+}
+.fa-language:before {
+  content: "\f1ab";
+}
+.fa-fax:before {
+  content: "\f1ac";
+}
+.fa-building:before {
+  content: "\f1ad";
+}
+.fa-child:before {
+  content: "\f1ae";
+}
+.fa-paw:before {
+  content: "\f1b0";
+}
+.fa-spoon:before {
+  content: "\f1b1";
+}
+.fa-cube:before {
+  content: "\f1b2";
+}
+.fa-cubes:before {
+  content: "\f1b3";
+}
+.fa-behance:before {
+  content: "\f1b4";
+}
+.fa-behance-square:before {
+  content: "\f1b5";
+}
+.fa-steam:before {
+  content: "\f1b6";
+}
+.fa-steam-square:before {
+  content: "\f1b7";
+}
+.fa-recycle:before {
+  content: "\f1b8";
+}
+.fa-automobile:before,
+.fa-car:before {
+  content: "\f1b9";
+}
+.fa-cab:before,
+.fa-taxi:before {
+  content: "\f1ba";
+}
+.fa-tree:before {
+  content: "\f1bb";
+}
+.fa-spotify:before {
+  content: "\f1bc";
+}
+.fa-deviantart:before {
+  content: "\f1bd";
+}
+.fa-soundcloud:before {
+  content: "\f1be";
+}
+.fa-database:before {
+  content: "\f1c0";
+}
+.fa-file-pdf-o:before {
+  content: "\f1c1";
+}
+.fa-file-word-o:before {
+  content: "\f1c2";
+}
+.fa-file-excel-o:before {
+  content: "\f1c3";
+}
+.fa-file-powerpoint-o:before {
+  content: "\f1c4";
+}
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+  content: "\f1c5";
+}
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+  content: "\f1c6";
+}
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+  content: "\f1c7";
+}
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+  content: "\f1c8";
+}
+.fa-file-code-o:before {
+  content: "\f1c9";
+}
+.fa-vine:before {
+  content: "\f1ca";
+}
+.fa-codepen:before {
+  content: "\f1cb";
+}
+.fa-jsfiddle:before {
+  content: "\f1cc";
+}
+.fa-life-bouy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+  content: "\f1cd";
+}
+.fa-circle-o-notch:before {
+  content: "\f1ce";
+}
+.fa-ra:before,
+.fa-rebel:before {
+  content: "\f1d0";
+}
+.fa-ge:before,
+.fa-empire:before {
+  content: "\f1d1";
+}
+.fa-git-square:before {
+  content: "\f1d2";
+}
+.fa-git:before {
+  content: "\f1d3";
+}
+.fa-hacker-news:before {
+  content: "\f1d4";
+}
+.fa-tencent-weibo:before {
+  content: "\f1d5";
+}
+.fa-qq:before {
+  content: "\f1d6";
+}
+.fa-wechat:before,
+.fa-weixin:before {
+  content: "\f1d7";
+}
+.fa-send:before,
+.fa-paper-plane:before {
+  content: "\f1d8";
+}
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+  content: "\f1d9";
+}
+.fa-history:before {
+  content: "\f1da";
+}
+.fa-circle-thin:before {
+  content: "\f1db";
+}
+.fa-header:before {
+  content: "\f1dc";
+}
+.fa-paragraph:before {
+  content: "\f1dd";
+}
+.fa-sliders:before {
+  content: "\f1de";
+}
+.fa-share-alt:before {
+  content: "\f1e0";
+}
+.fa-share-alt-square:before {
+  content: "\f1e1";
+}
+.fa-bomb:before {
+  content: "\f1e2";
+}