tell-them 0.1.7 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dd833b80ab13e9c68be09f645c5aea9c05e345f4
-  data.tar.gz: f242dff34fad6a9fa853de1df8374175c79b2772
+  metadata.gz: e48b00bb54254cda19dc041da0a4d87d215b982c
+  data.tar.gz: 56f2998bd5f884028cd3ab4d39627c399fe0d3bf
 SHA512:
-  metadata.gz: f6b8f7a23970f99355d534d559045b952d1381d79b0763ea737ee15d96f4495d8291e46d29282a7adceecb2c247a9ee59d7e45a69a2d2aaa93aa2b50279790bb
-  data.tar.gz: a8a1663ae26e503841746a1d707bdb8509d680b440959dc53bcc8a807bae8ea14bdd9b08eba38ce44f889c55fb6482d54097bdcf4967bc9ae604ce878c4b9fb5
+  metadata.gz: 16af161d4bf57abc66a698475489d4c60aca33dd30f15d2a36fcc8fe731040550e7c245fface644c8d2c540470c4f92776c57f4e37de4d3aa5ccd3ff82c06a81
+  data.tar.gz: 4083657c5f9a193b7d636f458e2925c516b029a873b3c16f2095dd82705d89d3adf22f70341ac1a76f0c142d3b0cd441d73afc9c298207b46d5e75c73f732055

data/app/assets/stylesheets/tell-them.sass

@@ -33,6 +33,7 @@ $pad: 2%
 	+positionable-box($pad)
 	z-index: 1000
 	width: 5%
+	min-width: 4em
 	padding-top: 1em
 	cursor: pointer
 	box-shadow: 0.2em 0.2em 1em rgba(128,64,0,0.8)
@@ -83,6 +84,10 @@ $pad: 2%
 					&[data-target-corner="bottom-right"]
 						bottom: 0
 						right: 0
+			.media-flags
+				position: absolute
+				top: 40%
+				right: 45%
 			.pin
 				position: absolute
 				top: 40%

data/lib/tell-them/tell-them.rb

@@ -10,6 +10,11 @@ module TellThem
     TellThemStore.instance.add(data)
   end
 
+  def self.enable_media_queries(data)
+    TellThemStore.instance.enable_media_queries(data)
+  end
+
+
   def self.has_data?
     TellThemStore.instance.has_data?
   end
@@ -18,6 +23,14 @@ module TellThem
     TellThemStore.instance.data
   end
 
+  def self.has_media_queries?
+    TellThemStore.instance.has_media_queries?
+  end
+
+  def self.media_queries
+    TellThemStore.instance.media_queries
+  end
+
   def self.html
     return '' unless has_data? && ::Rails.env.development?
     box_html.html_safe
@@ -26,7 +39,8 @@ module TellThem
   private
 
   def self.box_html
-    box =  '<div id="tell-them-box">'
+    box = media_queries_style_html
+    box +=  '<div id="tell-them-box">'
     box += '  <div class="contents">'
     box += '    <div class="controls">'
     box += '      <div class="corners">'
@@ -35,6 +49,7 @@ module TellThem
     box += '        <button data-target-corner="bottom-left"></button>'
     box += '        <button class="current" data-target-corner="bottom-right"></button>'
     box += '      </div>'
+    box += media_queries_flag_html
     box += '      <button class="pin">Pin</button>'
     box += '    </div>'
     box += '    <dl class="list">'
@@ -59,6 +74,30 @@ module TellThem
     value[0..MAX_URL_DISPLAY_LENGTH] + '...'
   end
 
+  def self.media_queries_style_html
+    return '' unless has_media_queries?
+    style_box = "<style>"
+    style_box += '#tell-them-box .media-flag { display: none; }' + "\n"
+
+    media_queries.each do |query_data|
+      style_box += '@media '
+      style_box += "(min-width: #{query_data[:min]}) " if query_data[:min]
+      style_box += ' and ' if query_data[:min] && query_data[:max]
+      style_box += "(max-width: #{query_data[:max]}) " if query_data[:max]
+      style_box += "{ \#tell-them-box .#{query_data[:name]} { display: block; } } \n"
+    end
+    style_box += "</style>"
+  end
+
+  def self.media_queries_flag_html
+    return '' unless has_media_queries?
+    flag_div = '<div class="media-flags">'
+    media_queries.each do |query_data|
+      flag_div += "<span class=\"media-flag #{query_data[:name]}\">#{query_data[:name].titleize}</span>"
+    end
+    flag_div += '</div>'
+  end
+
   class TellThemStore
     include Singleton
 
@@ -68,12 +107,17 @@ module TellThem
 
     def reset
       @data_store = {}
+      @media_queries = []
     end
 
     def add(data)
       data.each { |k,v| @data_store[k] = v }
     end
 
+    def enable_media_queries(data)
+      @media_queries = data
+    end
+
     def has_data?
       @data_store.any?
     end
@@ -81,5 +125,13 @@ module TellThem
     def data
       @data_store
     end
+
+    def has_media_queries?
+      @media_queries.any?
+    end
+
+    def media_queries
+      @media_queries
+    end
   end
 end

data/lib/tell-them/version.rb

@@ -1,5 +1,5 @@
 module TellThem
   module Rails
-    VERSION = "0.1.7"
+    VERSION = "0.2.0"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tell-them
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.2.0
 platform: ruby
 authors:
 - K M Lawrence
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-07-29 00:00:00.000000000 Z
+date: 2015-08-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties