Merge pull request #6 from NiGhTTraX/4-demo-show-fs-capacity

4 demo show fs capacity
NiGhTTraX · Jun 30, 2014 · 2864805 · 2864805
2 parents c70d55d + 75ec005
commit 2864805
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/javascripts/demo.js b/javascripts/demo.js
@@ -11,5 +11,12 @@ $(document).ready(function() {
 		revert: "invalid",
 		helper: "clone"
 	});
+
+  $(".fs").on("sortupdate", function() {
+      $(this).attr("data-content", $(this).fsortable("capacity"));
+  }).each(function() {
+      // Set the initial value of the attribute.
+      $(this).attr("data-content", $(this).find(".fsortable-empty").length);
+  });
 });
 
diff --git a/stylesheets/demo.css b/stylesheets/demo.css
@@ -37,6 +37,14 @@
 	height: 100px;
 }
 
+.fs:after {
+  content: attr(data-content) " slots left";
+  position: absolute;
+  top: 10px;
+  width: 50px;
+  height: 50px;
+}
+
 .fsortable-empty {
 	float: left;
 	height: 20px;