Created bootstrap breakpoint class

This class checks the current bootstrap breakpoint

1 files changed, 24 insertions, 0 deletions

diff --git a/app/assets/javascripts/breakpoints.coffee b/app/assets/javascripts/breakpoints.coffee
new file mode 100644
index 00000000000..fd2ee8efa2c
--- /dev/null
+++ b/app/assets/javascripts/breakpoints.coffee
@@ -0,0 +1,24 @@
+class @Breakpoints
+  BREAKPOINTS = ["xs", "sm", "md", "lg"]
+
+  constructor: ->
+    @setup()
+
+  setup: ->
+    allDeviceSelector = BREAKPOINTS.map (breakpoint) ->
+      ".device-#{breakpoint}"
+
+    if $(allDeviceSelector.join(",")).length
+      return
+
+    # Create all the elements
+    $.each BREAKPOINTS, (i, breakpoint) ->
+      $("body").append "<div class='device-#{breakpoint} visible-#{breakpoint}'></div>"
+
+  getBreakpointSize: ->
+    allDeviceSelector = BREAKPOINTS.map (breakpoint) ->
+      ".device-#{breakpoint}"
+
+    $visibleDevice = $(allDeviceSelector.join(",")).filter(":visible")
+    
+    return $visibleDevice.attr("class").split("visible-")[1]