volt-daterange 0.1.0

data/app/daterange/config/dependencies.rb

@@ -0,0 +1 @@
+# Component dependencies

data/app/daterange/config/initializers/boot.rb

@@ -0,0 +1,10 @@
+# Place any code you want to run when the component is included on the client
+# or server.
+
+# To include code only on the client use:
+# if RUBY_PLATFORM == 'opal'
+#
+# To include code only on the server, use:
+# unless RUBY_PLATFORM == 'opal'
+# ^^ this will not send compile in code in the conditional to the client.
+# ^^ this include code required in the conditional.

data/app/daterange/config/routes.rb

@@ -0,0 +1 @@
+# Component routes

data/app/daterange/controllers/main_controller.rb

@@ -0,0 +1,106 @@
+module Daterange
+  class MainController < Volt::ModelController
+
+    def format_str
+      attrs.format_str || 'MM-DD-YYYY'
+    end
+
+    def index_ready
+      callback = proc { |start_date, end_date| set_date(start_date, end_date) }
+      `
+      var opts = {
+        ranges: {
+          'Today': [moment(), moment()],
+          'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+          'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+          'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+          'This Month': [moment().startOf('month'), moment().endOf('month')],
+          'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+        }
+      };
+      `
+      # You can specify an integer to limit the number of days you can select
+      # at once.
+      if attrs.limit_days
+        `opts.dateLimit = {
+          days: #{attrs.limit_days.to_i}
+        };`
+      end
+
+      @picker = `$(#{first_element}).daterangepicker(opts, #{callback})`
+
+      puts "a"
+      if attrs.start_date
+        start_date = `moment(#{attrs.start_date}, #{format_str})`
+      else
+        start_date = `moment().subtract(29, 'days')`
+      end
+
+      puts "b"
+
+      if attrs.end_date
+        end_date = `moment(#{attrs.end_date}, #{format_str})`
+      else
+        end_date = `moment()`
+      end
+
+      puts "c"
+
+      set_date(start_date, end_date)
+
+      puts "d"
+
+      @start_comp = proc do
+        val = attrs.start_date
+        picker = @picker
+        if val
+          `
+          if (picker.setStartDate) {
+            var date = moment(val);
+            if (date.isValid()) {
+              console.log('set start');
+              picker.setStartDate(date);
+            }
+          }
+          `
+        end
+      end.watch!
+
+      @end_comp = proc do
+        val = attrs.end_date
+        picker = @picker
+        if val
+          puts "Try Update"
+          `
+          if (picker.setEndDate) {
+            var date = moment(val);
+            if (date.isValid()) {
+              console.log('set end');
+              picker.setEndDate(date);
+            }
+          }
+          `
+        end
+      end.watch!
+
+
+    end
+
+    def picker
+      # Get the picker obj so we can set on it
+      return `$(#{first_element}).data('daterangepicker')`
+    end
+
+    def before_index_remove
+      @start_comp.stop
+      @end_comp.stop
+    end
+
+    def set_date(start_date, end_date)
+      `$(#{first_element}).find('span').html(start_date.format(#{format_str}) + ' - ' + end_date.format(#{format_str})); `
+
+      attrs.start_date = `start_date.format(#{format_str})`
+      attrs.end_date = `end_date.format(#{format_str})`
+    end
+  end
+end

data/app/daterange/views/main/index.html

@@ -0,0 +1,4 @@
+<div class="daterange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
+    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
+    <span></span> <b class="caret"></b>
+</div>

data/lib/volt/daterange.rb

@@ -0,0 +1,18 @@
+# If you need to require in code in the gem's app folder, keep in mind that
+# the app is not on the load path when the gem is required.  Use
+# app/{gemname}/config/initializers/boot.rb to require in client or server
+# code.
+#
+# Also, in volt apps, you typically use the lib folder in the
+# app/{componentname} folder instead of this lib folder.  This lib folder is
+# for setting up gem code when Bundler.require is called. (or the gem is
+# required.)
+#
+# If you need to configure volt in some way, you can add a Volt.configure block
+# in this file.
+
+module Volt
+  module Daterange
+    # Your code goes here...
+  end
+end

data/lib/volt/daterange/version.rb

@@ -0,0 +1,5 @@
+module Volt
+  module Daterange
+    VERSION = "0.1.0"
+  end
+end

data/spec/dummy/.gitignore

@@ -0,0 +1,9 @@
+.bundle
+.config
+.yardoc
+tmp
+.idea
+.yardoc
+.sass-cache
+.DS_Store
+compiled

data/spec/dummy/README.md

@@ -0,0 +1,4 @@
+# Place your app's docs here.
+
+## New to Volt?
+Be sure to read the volt docs at http://docs.voltframework.com

data/spec/dummy/app/main/assets/css/app.css.scss

@@ -0,0 +1 @@
+// Place your apps css here

data/spec/dummy/app/main/config/dependencies.rb

@@ -0,0 +1,11 @@
+# Specify which components you wish to include when
+# the "home" component loads.
+
+# bootstrap css framework
+component 'bootstrap'
+
+# a default theme for the bootstrap framework
+component 'bootstrap_jumbotron_theme'
+
+# provides templates for login, signup, and logout
+component 'user_templates'

data/spec/dummy/app/main/config/initializers/boot.rb

@@ -0,0 +1,10 @@
+# Place any code you want to run when the component is included on the client
+# or server.
+
+# To include code only on the client use:
+# if RUBY_PLATFORM == 'opal'
+#
+# To include code only on the server, use:
+# unless RUBY_PLATFORM == 'opal'
+# ^^ this will not send compile in code in the conditional to the client.
+# ^^ this include code required in the conditional.

data/spec/dummy/app/main/config/routes.rb

@@ -0,0 +1,14 @@
+# See https://github.com/voltrb/volt#routes for more info on routes
+
+client '/about', action: 'about'
+
+# Routes for login and signup, provided by user_templates component gem
+client '/signup', component: 'user_templates', controller: 'signup'
+client '/login', component: 'user_templates', controller: 'login', action: 'index'
+client '/password_reset', component: 'user_templates', controller: 'password_reset', action: 'index'
+client '/forgot', component: 'user_templates', controller: 'login', action: 'forgot'
+client '/account', component: 'user_templates', controller: 'account', action: 'index'
+
+# The main route, this should be last. It will match any params not
+# previously matched.
+client '/', {}

data/spec/dummy/app/main/controllers/main_controller.rb

@@ -0,0 +1,27 @@
+# By default Volt generates this controller for your Main component
+module Main
+  class MainController < Volt::ModelController
+    def index
+      # Add code for when the index view is loaded
+    end
+
+    def about
+      # Add code for when the about view is loaded
+    end
+
+    private
+
+    # The main template contains a #template binding that shows another
+    # template.  This is the path to that template.  It may change based
+    # on the params._component, params._controller, and params._action values.
+    def main_path
+      "#{params._component || 'main'}/#{params._controller || 'main'}/#{params._action || 'index'}"
+    end
+
+    # Determine if the current nav component is the active one by looking
+    # at the first part of the url against the href attribute.
+    def active_tab?
+      url.path.split('/')[1] == attrs.href.split('/')[1]
+    end
+  end
+end

data/spec/dummy/app/main/models/user.rb

@@ -0,0 +1,12 @@
+# By default Volt generates this User model which inherits from Volt::User,
+# you can rename this if you want.
+class User < Volt::User
+  # login_field is set to :email by default and can be changed to :username
+  # in config/app.rb
+  field login_field
+  field :name
+
+  validate login_field, unique: true, length: 8
+  validate :email, email: true
+
+end

data/spec/dummy/app/main/views/main/about.html

@@ -0,0 +1,7 @@
+<:Title>
+  About
+
+<:Body>
+  <h1>About</h1>
+
+  <p>About page...</p>

data/spec/dummy/app/main/views/main/index.html

@@ -0,0 +1,6 @@
+<:Title>
+  Home
+
+<:Body>
+  <h1>Home</h1>
+

data/spec/dummy/app/main/views/main/main.html

@@ -0,0 +1,29 @@
+<:Title>
+  {{ view main_path, "title", {controller_group: 'main'} }}
+
+<:Body>
+  <div class="container">
+    <div class="header">
+      <ul class="nav nav-pills pull-right">
+        <:nav href="/">Home</:nav>
+        <:nav href="/about">About</:nav>
+        <:user_templates:menu />
+      </ul>
+      <h3 class="text-muted">dummy</h3>
+    </div>
+
+    <:volt:notices />
+
+    {{ view main_path, 'body', {controller_group: 'main'} }}
+
+    <div class="footer">
+      <p>&copy; Company {{ Time.now.year }}</p>
+    </div>
+
+  </div>
+
+<:Nav>
+  <li class="{{ if active_tab? }}active{{ end }}">
+    <a href="{{ attrs.href }}">{{ yield }}</a>
+  </li>
+

data/spec/dummy/config.ru

@@ -0,0 +1,4 @@
+# Run via rack server
+require 'bundler/setup'
+require 'volt/server'
+run Volt::Server.new.app

data/spec/dummy/config/app.rb

@@ -0,0 +1,137 @@
+# app.rb is used to configure your app.  This code is only run on the server,
+# then any config options in config.public are passed to the client as well.
+
+Volt.configure do |config|
+  # Setup your global app config here.
+
+  #######################################
+  # Basic App Info (stuff you should set)
+  #######################################
+  config.domain = 'dummy.com'
+  config.app_name = 'Dummy'
+  config.mailer.from = 'Dummy <no-reply@dummy.com>'
+
+  ############
+  # App Secret
+  ############
+  # Your app secret is used for signing things like the user cookie so it can't
+  # be tampered with.  A random value is generated on new projects that will work
+  # without the need to customize.  Make sure this value doesn't leave your server.
+  #
+  # For added security we recommend moving the app secret into an environment.  You can
+  # setup that like so:
+  #
+  # config.app_secret = ENV['APP_SECRET']
+  #
+  config.app_secret = 'FNiXFFRj9z-vRL6GQaSFdFwJdXAQnmBDF_BMTlQcyPzhFA2XjAPKS6wAwx2SBQ6a0tg'
+
+  ###############
+  # Log Filtering
+  ###############
+  # Data updates from the client come in via Tasks.  The task dispatcher logs all calls to tasks.
+  # By default hashes in the arguments can be filtered based on keys.  So any hash with a key of
+  # password will be filtered.  You can add more fields to filter below:
+  config.filter_keys = [:password]
+
+  ##########
+  # Database
+  ##########
+  # Database config all start with db_ and can be set either in the config
+  # file or with an environment variable (DB_NAME for example).
+
+  # config.db_driver = 'mongo'
+  # config.db_name = (config.app_name + '_' + Volt.env.to_s)
+  # config.db_host = 'localhost'
+  # config.db_port = 27017
+
+  #####################
+  # Compression options
+  #####################
+  # If you are not running behind something like nginx in production, you can
+  # have rack deflate all files.
+  # config.deflate = true
+
+  #######################
+  # Public configurations
+  #######################
+  # Anything under config.public will be sent to the client as well as the server,
+  # so be sure no private data ends up under public
+
+  # Use username instead of email as the login
+  # config.public.auth.use_username = true
+
+  #####################
+  # Compression Options
+  #####################
+  # Disable or enable css/js/image compression.  Default is to only run in production.
+  # if Volt.env.production?
+  #   config.compress_javascript = true
+  #   config.compress_css        = true
+  #   config.compress_images     = true
+  # end
+
+  ################
+  # Mailer options
+  ################
+  # The volt-mailer gem uses pony (https://github.com/benprew/pony) to deliver e-mail.  Any
+  # options you would pass to pony can be setup below.
+  # NOTE: The from address is setup at the top
+
+  # Normally pony uses /usr/sbin/sendmail if one is installed.  You can specify smtp below:
+  # config.mailer.via = :smtp
+  # config.mailer.via_options = {
+  #   :address        => 'smtp.yourserver.com',
+  #   :port           => '25',
+  #   :user_name      => 'user',
+  #   :password       => 'password',
+  #   :authentication => :plain, # :plain, :login, :cram_md5, no auth by default
+  #   :domain         => "localhost.localdomain" # the HELO domain provided by the client to the server
+  # }
+
+  #############
+  # Message Bus
+  #############
+  # Volt provides a "Message Bus" out of the box.  The message bus provides
+  # a pub/sub service between any volt instance (server, client, runner, etc..)
+  # that share the same database.  The message bus can be used by app code.  It
+  # is also used internally to push data to any listening clients.
+  #
+  # The default message bus (called "peer_to_peer") uses the database to sync
+  # socket ip's/ports.
+  # config.message_bus.bus_name = 'peer_to_peer'
+  #
+  # Encrypt message bus - messages on the message bus are encrypted by default
+  # using rbnacl.
+  
+  #
+  # For dummy apps, we disable_encryption, to simplify the gem requirements.
+  config.message_bus.disable_encryption = true
+  
+  #
+  # ## MessageBus Server -- the message bus binds to a port and ip which the
+  # other volt instances need to be able to connect to.  You can customize
+  # the server below:
+  #
+  # Port range - you can specify a range of ports that an instance can bind the
+  # message bus on.  You can specify a range, an array of Integers, or an array
+  # of ranges.
+  # config.message_bus.bind_port_ranges = (58000..61000)
+  #
+  # Bind Ip - specifies the ip address the message bus server should bind on.
+  # config.message_bus.bind_ip = '127.0.0.1'
+
+  #############
+  # Concurrency
+  #############
+  # Volt provides a thread worker pool for incoming task requests (and all
+  # database requests, since those use tasks to do their work.)  The following
+  # lets you control the size of the worker pool.  Threads are only created as
+  # needed, and are removed after a certain amount of inactivity.
+  # config.min_worker_threads = 1
+  # config.max_worker_threads = 10
+  #
+  # You can also specify the amount of time a Task should run for before it
+  # timeout's.  Setting this to short can cause unexpected results, currently
+  # we recomend it be at least 10 seconds.
+  # config.worker_timeout = 60
+end