bitsnote-assets 0.0.1 → 0.0.2

data/app/assets/stylesheets/pickadate/default.time.css

@@ -0,0 +1,125 @@
+/* ==========================================================================
+   $BASE-TIME-PICKER
+   ========================================================================== */
+/**
+ * The list of times.
+ */
+.picker__list {
+  list-style: none;
+  padding: 0.75em 0 4.2em;
+  margin: 0;
+}
+/**
+ * The times on the clock.
+ */
+.picker__list-item {
+  border-bottom: 1px solid #dddddd;
+  border-top: 1px solid #dddddd;
+  margin-bottom: -1px;
+  position: relative;
+  background: #ffffff;
+  padding: .75em 1.25em;
+}
+@media (min-height: 46.75em) {
+  .picker__list-item {
+    padding: .5em 1em;
+  }
+}
+/* Hovered time */
+.picker__list-item:hover {
+  cursor: pointer;
+  color: #000000;
+  background: #b1dcfb;
+  border-color: #0089ec;
+  z-index: 10;
+}
+/* Highlighted and hovered/focused time */
+.picker__list-item--highlighted {
+  border-color: #0089ec;
+  z-index: 10;
+}
+.picker__list-item--highlighted:hover,
+.picker--focused .picker__list-item--highlighted {
+  cursor: pointer;
+  color: #000000;
+  background: #b1dcfb;
+}
+/* Selected and hovered/focused time */
+.picker__list-item--selected,
+.picker__list-item--selected:hover,
+.picker--focused .picker__list-item--selected {
+  background: #0089ec;
+  color: #ffffff;
+  z-index: 10;
+}
+/* Disabled time */
+.picker__list-item--disabled,
+.picker__list-item--disabled:hover,
+.picker--focused .picker__list-item--disabled {
+  background: #f5f5f5;
+  border-color: #f5f5f5;
+  color: #dddddd;
+  cursor: default;
+  border-color: #dddddd;
+  z-index: auto;
+}
+/**
+ * The clear button
+ */
+.picker--time .picker__button--clear {
+  display: block;
+  width: 80%;
+  margin: 1em auto 0;
+  padding: 1em 1.25em;
+  background: none;
+  border: 0;
+  font-weight: 500;
+  font-size: .67em;
+  text-align: center;
+  text-transform: uppercase;
+  color: #666;
+}
+.picker--time .picker__button--clear:hover,
+.picker--time .picker__button--clear:focus {
+  color: #000000;
+  background: #b1dcfb;
+  background: #ee2200;
+  border-color: #ee2200;
+  cursor: pointer;
+  color: #ffffff;
+  outline: none;
+}
+.picker--time .picker__button--clear:before {
+  top: -0.25em;
+  color: #666;
+  font-size: 1.25em;
+  font-weight: bold;
+}
+.picker--time .picker__button--clear:hover:before,
+.picker--time .picker__button--clear:focus:before {
+  color: #ffffff;
+}
+
+/* ==========================================================================
+   $DEFAULT-TIME-PICKER
+   ========================================================================== */
+/**
+ * The frame the bounds the time picker.
+ */
+.picker--time .picker__frame {
+  min-width: 256px;
+  max-width: 320px;
+}
+/**
+ * The picker box.
+ */
+.picker--time .picker__box {
+  font-size: 1em;
+  background: #f2f2f2;
+  padding: 0;
+}
+@media (min-height: 40.125em) {
+  .picker--time .picker__box {
+    margin-bottom: 5em;
+  }
+}

data/app/assets/stylesheets/pickadate/default.time.min.css

@@ -0,0 +1 @@
+.picker__list{list-style:none;padding:.75em 0 4.2em;margin:0}.picker__list-item{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:-1px;position:relative;background:#fff;padding:.75em 1.25em}@media (min-height:46.75em){.picker__list-item{padding:.5em 1em}}.picker__list-item:hover{cursor:pointer;color:#000;background:#b1dcfb;border-color:#0089ec;z-index:10}.picker__list-item--highlighted{border-color:#0089ec;z-index:10}.picker--focused .picker__list-item--highlighted,.picker__list-item--highlighted:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker--focused .picker__list-item--selected,.picker__list-item--selected,.picker__list-item--selected:hover{background:#0089ec;color:#fff;z-index:10}.picker--focused .picker__list-item--disabled,.picker__list-item--disabled,.picker__list-item--disabled:hover{background:#f5f5f5;color:#ddd;cursor:default;border-color:#ddd;z-index:auto}.picker--time .picker__button--clear{display:block;width:80%;margin:1em auto 0;padding:1em 1.25em;background:0 0;border:0;font-weight:500;font-size:.67em;text-align:center;text-transform:uppercase;color:#666}.picker--time .picker__button--clear:focus,.picker--time .picker__button--clear:hover{background:#b1dcfb;background:#e20;border-color:#e20;cursor:pointer;color:#fff;outline:0}.picker--time .picker__button--clear:before{top:-.25em;color:#666;font-size:1.25em;font-weight:700}.picker--time .picker__button--clear:focus:before,.picker--time .picker__button--clear:hover:before{color:#fff}.picker--time .picker__frame{min-width:256px;max-width:320px}.picker--time .picker__box{font-size:1em;background:#f2f2f2;padding:0}@media (min-height:40.125em){.picker--time .picker__box{margin-bottom:5em}}

data/app/assets/stylesheets/pickadate/rtl.css

@@ -0,0 +1,29 @@
+/*!
+ * Styling for RTL (right-to-left) languages using pickadate.js
+ */
+/**
+ * Switch the direction - only really necessary if
+ * it hasn’t already been applied higher up in the DOM.
+ */
+.picker {
+  direction: rtl;
+}
+/**
+ * Flip around the “next” and “previous” buttons.
+ */
+.picker__nav--next {
+  right: auto;
+  left: -1em;
+}
+.picker__nav--prev {
+  left: auto;
+  right: -1em;
+}
+.picker__nav--next:before {
+  border-left: 0;
+  border-right: 0.75em solid #000000;
+}
+.picker__nav--prev:before {
+  border-right: 0;
+  border-left: 0.75em solid #000000;
+}

data/app/assets/stylesheets/pickadate/rtl.min.css

@@ -0,0 +1,3 @@
+/*!
+ * Styling for RTL (right-to-left) languages using pickadate.js
+ */.picker{direction:rtl}.picker__nav--next{right:auto;left:-1em}.picker__nav--prev{left:auto;right:-1em}.picker__nav--next:before{border-left:0;border-right:.75em solid #000}.picker__nav--prev:before{border-right:0;border-left:.75em solid #000}

data/lib/bitsnote-assets/version.rb

@@ -1,3 +1,3 @@
 module BitsnoteAssets
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/lib/bitsnote-assets.rb

@@ -1,27 +1,41 @@
+require 'jquery-rails'
+
 module BitsnoteAssets
   module ActionViewExtensions
     OFFLINE = (::Rails.env.development? or ::Rails.env.test?)
 
-    ANGULAR_VERSION = '1.2.23'
+    JQUERY_VERSION = ::Jquery::Rails::JQUERY_VERSION
     JQUERY_UI_VERSION = "1.11.1"
+    ANGULAR_VERSION = '1.2.23'
     BOOTSTRAP_VERSION = "3.2.0"
     FONTAWESOME_VERSION = "4.1.0"
+    MOMENT_VERSION = "2.8.2"
+    FULLCALENDAR_VERSION = "2.1.0"
+    SPIN_VERSION = "2.0.1"
+    PICKADATE_VERSION = "3.5.3"
 
-    GOOGLE_CDN = "//ajax.googleapis.com"
+    GOOGLE_CDN = "//ajax.googleapis.com/ajax/libs"
     BOOTSTRAP_CDN = "//maxcdn.bootstrapcdn.com"
-
+    CDNJS = "//cdnjs.cloudflare.com/ajax/libs"
 
     CDNS = {
-      :angular_js => {
-        :default => "#{GOOGLE_CDN}/ajax/libs/angularjs/#{ANGULAR_VERSION}/angular.min.js"
+      :jquery_js => {
+        :google => "#{GOOGLE_CDN}/jquery/#{JQUERY_VERSION}/jquery.min.js",
+        :microsoft => "//ajax.aspnetcdn.com/ajax/jQuery/jquery-#{JQUERY_VERSION}.min.js",
+        :jquery => "//code.jquery.com/jquery-#{JQUERY_VERSION}.min.js",
+        :yandex => "//yandex.st/jquery/#{JQUERY_VERSION}/jquery.min.js",
+        :cloudflare => "#{CDNJS}/jquery/#{JQUERY_VERSION}/jquery.min.js"
       },
-      :jquery_ui => {
-        :google     => "#{GOOGLE_CDN}/ajax/libs/jqueryui/#{JQUERY_UI_VERSION}/jquery-ui.min.js",
+      :jquery_ui_js => {
+        :google     => "#{GOOGLE_CDN}/jqueryui/#{JQUERY_UI_VERSION}/jquery-ui.min.js",
         :microsoft  => "//ajax.aspnetcdn.com/ajax/jquery.ui/#{JQUERY_UI_VERSION}/jquery-ui.min.js",
         :jquery     => "//code.jquery.com/ui/#{JQUERY_UI_VERSION}/jquery-ui.min.js",
         :yandex     => "//yandex.st/jquery-ui/#{JQUERY_UI_VERSION}/jquery-ui.min.js"
       },
-:bootstrap_js => {
+      :angular_js => {
+        :default => "#{GOOGLE_CDN}/angularjs/#{ANGULAR_VERSION}/angular.min.js"
+      },
+      :bootstrap_js => {
         :default => "#{BOOTSTRAP_CDN}/bootstrap/#{BOOTSTRAP_VERSION}/js/bootstrap.min.js"
       },
       :bootstrap_css => {
@@ -32,31 +46,38 @@ module BitsnoteAssets
       },
       :fontawesome_css => {
         :default => "#{BOOTSTRAP_CDN}/font-awesome/#{FONTAWESOME_VERSION}/css/font-awesome.min.css"
-      }
+      },
+      :moment_js => {
+        :default => "#{CDNJS}/moment.js/#{MOMENT_VERSION}/moment.min.js"
+      },
+      :moment_locales_js => {
+        :default => "#{CDNJS}/moment.js/#{MOMENT_VERSION}/moment-with-locales.min.js"
+      },
+      :fullcalendar_js => {
+        :default => "#{CDNJS}/fullcalendar/#{FULLCALENDAR_VERSION}/fullcalendar.min.js"
+      },
+      :fullcalendar_css => {
+        :default => "#{CDNJS}/fullcalendar/#{FULLCALENDAR_VERSION}/fullcalendar.min.css"
+      },
+      :spin_js => {
+        :default => "#{CDNJS}/spin.js/#{SPIN_VERSION}/spin.min.js"
+      },
+      :pickadate_js => {
+        :default => "#{CDNJS}/pickadate.js/#{PICKADATE_VERSION}/compressed/picker.js"
+      },
+      :pickadate_date_js => {
+        :default => "#{CDNJS}/pickadate.js/#{PICKADATE_VERSION}/compressed/picker.date.js"
+      },
+      :pickadate_time_js => {
+        :default => "#{CDNJS}/pickadate.js/#{PICKADATE_VERSION}/compressed/picker.time.js"
+      },
     }
 
-    def angular_js_url(name)
-      return CDNS[:angular_js][name]
-    end
-
-    def jquery_ui_url(name)
-      return CDNS[:jquery_ui][name]
-    end
-
-    def bootstrap_javascript_url(name)
-      return CDNS[:bootstrap_js][name]
-    end
-
-    def bootstrap_stylesheet_url(name)
-      return CDNS[:bootstrap_css][name]
-    end
-
-    def bootstrap_theme_stylesheet_url(name)
-      return CDNS[:bootstrap_theme_css][name]
-    end
-
-    def fontawesome_stylesheet_url(name)
-      return CDNS[:fontawesome_css][name]
+    CDNS.keys.each do |key|
+      define_method "#{key}_url".to_sym do |name|
+        cdn = CDNS[key][name]
+        !!cdn ? cdn : CDNS[key].values.first
+      end
     end
 
     def js_include_tag(cdn, asset, url, options = {})
@@ -70,7 +91,7 @@ module BitsnoteAssets
       else
         local_copy = options.delete(:local_copy)
         j = [ javascript_include_tag(self.send(url, cdn.to_sym), options) ]
-        if local_copy
+        if local_copy && block_given?
           v = yield(asset)
           j << javascript_tag("#{v} || document.write(unescape('#{javascript_include_tag(asset, options).gsub('<','%3C')}'))")
         end
@@ -78,8 +99,14 @@ module BitsnoteAssets
       end
     end
 
+    def jquery_include_tag(name, options = {})
+      js_include_tag(name, 'jquery', :jquery_js_url, options) do |asset|
+        "window.jQuery"
+      end
+    end
+
     def jquery_ui_include_tag(name, options = {})
-      js_include_tag(name, 'jquery-ui/jquery-ui', :jquery_ui_url, options) do |asset|
+      js_include_tag(name, 'jquery-ui/jquery-ui', :jquery_ui_js_url, options) do |asset|
         "window.jQuery.ui"
       end
     end
@@ -89,6 +116,38 @@ module BitsnoteAssets
         "window.angular"
       end
     end
+
+    def moment_js_include_tag(name, options = {})
+      js_include_tag(name, 'moment/moment', :moment_js_url, options) do |asset|
+        "window.moment"
+      end
+    end
+
+    def moment_locales_js_include_tag(name, options = {})
+      js_include_tag(name, 'moment/moment-with-locales', :moment_locales_js_url, options) do |asset|
+        "window.moment"
+      end
+    end
+
+    def fullcalendar_js_include_tag(name, options = {})
+      js_include_tag(name, 'fullcalendar/fullcalendar', :fullcalendar_js_url, options)
+    end
+
+    def spin_js_include_tag(name, options = {})
+      js_include_tag(name, 'spin/spin', :spin_js_url, options)
+    end
+
+    def pickadate_js_include_tag(name, options = {})
+      js_include_tag(name, 'pickadate/picker', :pickadate_js_url, options)
+    end
+
+    def pickadate_date_js_include_tag(name, options = {})
+      js_include_tag(name, 'pickadate/picker.date', :pickadate_date_js_url, options)
+    end
+
+    def pickadate_time_js_include_tag(name, options = {})
+      js_include_tag(name, 'pickadate/picker.time', :pickadate_time_js_url, options)
+    end
   end
 
   class Engine < ::Rails::Engine

data/test/dummy/app/views/layouts/application.html.erb

@@ -4,10 +4,15 @@
   <title>Dummy</title>
   <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
   <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
+  <%= jquery_include_tag :google %>
   <%= jquery_ui_include_tag :google %>
+  <%= jquery_ui_include_tag :nonexist, :force => true %>
   <%= jquery_ui_include_tag :google, :compressed => true %>
   <%= jquery_ui_include_tag :google, :force => true, :local_copy => true %>
   <%= angular_js_include_tag :default, :force => true, :local_copy => true %>
+  <%= fullcalendar_js_include_tag :default, :force => true, :local_copy => true %>
+  <%= spin_js_include_tag :default, :force => true, :local_copy => true %>
+  <%= pickadate_js_include_tag :default %>
   <%= csrf_meta_tags %>
 </head>
 <body>

data/test/dummy/config/initializers/assets.rb

@@ -6,4 +6,4 @@ Rails.application.config.assets.version = '1.0'
 # Precompile additional assets.
 # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
 # Rails.application.config.assets.precompile += %w( search.js )
-Rails.application.config.assets.precompile += %w( jquery-ui/jquery-ui.js jquery-ui/jquery-ui.min.js angular/angular.min.js angular/angular.js)
+Rails.application.config.assets.precompile += %w( jquery-ui/jquery-ui.js jquery-ui/jquery-ui.min.js angular/angular.min.js angular/angular.js jquery.js pickadate/picker.js)

data/test/dummy/config/routes.rb

@@ -5,7 +5,7 @@ Rails.application.routes.draw do
   # See how all your routes lay out with "rake routes".
 
   # You can have the root of your site routed with "root"
-  # root 'welcome#index'
+  root 'main#index'
 
   # Example of regular route:
   #   get 'products/:id' => 'catalog#view'