roda-component 0.0.10 → 0.1.0

data/test/dummy/components/login.rb

@@ -0,0 +1,123 @@
+class LoginComponent < Roda::Component
+  comp_name :login
+  comp_html "../public/chat/login.html"
+  comp_setup do |dom|
+    tmpl :field_error, dom.at('.field-error')
+    dom.css('.signup, .forgot-password, .remember-me').remove
+  end
+
+  def display
+    return unless server?
+
+    session['display'] = 'login'
+
+    component(:layout, body_class: 'login') do
+      dom.find('body').html
+    end
+  end
+
+  on :server do
+    def login_with params
+      signup = params.delete('signup')
+      form   = Forms::Login.new params
+
+      if signup
+        if form.valid?
+          Models::User.create form.slice(:first_name, :last_name, :email, :password)
+          login(Models::User, form.email, form.password)
+          {success: true}
+        else
+          {success: false, errors: form.errors}
+        end
+      else
+        user = Models::User.where(email: form.email).first
+
+        return {success: false, reason: 'Account doesn\'t exist.'} unless user
+
+        if login(Models::User, form.email, form.password)
+          {success: true}
+        else
+          {success: false, errors: { email: ['Email and Password combination is incorrect.']}}
+        end
+      end
+    end
+  end
+
+  on :ready, 'form.main-form' do |el|
+    el.on :submit do |evt|
+      evt.prevent_default
+
+      params = {}
+      el.find('.field-error').remove
+
+      # loop through all the forum values
+      el.serialize_array.each do |row|
+        field, _ = row
+
+        # we need to make it native to access it like ruby
+        field    = Native(field)
+        name     = field['name']
+        value    = field['value']
+
+        params[name] = value
+      end
+
+      form = Forms::Login.new params
+
+      if form.valid?
+        login_with params do |res|
+          if res['success']
+            # redirect them to the chatroom
+            `window.location.replace("/")`
+          else
+            case res['reason']
+            when /doesn't exist/
+              # Add fields for them to signup with
+              container = el.find('.field-container')
+              container.prepend('<input name="signup" type="hidden" value=true>')
+              container.prepend('<input name="last_name" type="text" placeholder="Last Name">')
+              container.prepend('<input name="first_name" type="text" placeholder="First Name">')
+              container.find("[name='password']").after('<input name="password_confirmation" type="password" placeholder="Confirm Password">')
+            else
+              # Show server errors
+              display_errors res['errors']
+            end
+          end
+        end
+      else
+        display_errors form.errors
+      end
+    end
+  end
+
+  protected
+
+  def logout
+    logout(Models::User)
+    request.redirect 'login'
+  end
+
+  def display_errors errors
+    errors.each do |key, error|
+      error = error.first
+      field_error = tmpl :field_error
+      field_error.html error_name(key, error)
+
+      field = dom.find("input[name='#{key}']")
+      field.before field_error.dom
+    end
+  end
+
+  def error_name key, error
+    case error.to_sym
+    when :not_email
+      'Email Isn\'t Valid.'
+    when :not_present
+      'Required.'
+    when :not_equal
+      'Password does not match.'
+    else
+      error
+    end
+  end
+end

data/test/dummy/components/theme.rb

@@ -0,0 +1,89 @@
+# class BoxComponent < Roda::Component
+#   name :theme
+#   html "../public/AdminLTE-master/index.html"
+#
+#   setup do |dom|
+#     # remove sales box
+#     dom.at('#revenue-chart').xpath('//div[contains(@class,"nav-tabs-custom")]').first['style'] = 'display: none;'
+#     # dom.css('script[src*=morris]').remove
+#
+#     ## set chat box and grab chatbox row
+#     chat_box  = dom.at('#chat-box')
+#     container = chat_box.ancestors('.box').first
+#     # grab first fake message for our template
+#     tmpl :chat_box_row, chat_box.css('.item').first
+#     # remove all other fake messages
+#     chat_box.css('.item').remove
+#     # remove the chat box tools
+#     container.at('.box-tools').remove
+#   end
+#
+#   def display data, &block
+#     component(:layout) do
+#       dom.find('body').html
+#     end if server?
+#   end
+#
+#   # on :chat_row_added, socket: true do |msg|
+#   #   puts 'moo'
+#   #   # add_chat_row msg
+#   # end
+#
+#   on :server do
+#     def test
+#       puts 'called from browser'
+#       'defined on server'
+#     end
+#   end
+#
+#   # add message to chat box
+#   on :ready, '.box-footer button' do |el|
+#     # grab the box that contains the chat box
+#     box = el.closest('.box').find('#chat-box').closest('.box')
+#
+#     # when the click the + button add a row
+#     box.find('.box-footer button').on('click') { add_chat_row }
+#     # when they hit enter on the input add a row
+#     box.find('.box-footer input').on('keydown') do |evt|
+#       if evt.which == 13
+#         add_chat_row
+#       end
+#     end
+#   end
+#
+#   private
+#
+#   def add_chat_row msg = false
+#     box      = Element.find('#chat-box').closest('.box')
+#     chat_box = box.find('#chat-box')
+#     input    = box.find('.box-footer input')
+#     msg      = msg ? msg : input.val
+#     row      = tmpl(:chat_box_row)
+#     ig       = box.find('.input-group')
+#     classes  = ig['class'].split(' ')
+#
+#     test do |res|
+#       puts "ran server method test, response: #{res}"
+#     end
+#
+#     if msg.length > 0
+#       # we don't need attachments
+#       row.find('.attachment').remove
+#       row.find('.message').html = msg
+#
+#       trigger :chat_row_added, msg
+#
+#       input.prop 'value', ''
+#
+#       chat_box.append row.dom
+#       # make sure we always scroll to the bottom
+#       chat_box.scroll_top `chat_box[0].scrollHeight`
+#       classes.delete 'has-error'
+#     else
+#       # give the input group an error class
+#       classes << 'has-error'
+#     end
+#
+#     ig['class'] = classes.join ' '
+#   end
+# end

data/test/dummy/config.ru

@@ -0,0 +1,18 @@
+require 'pry'
+require 'awesome_print'
+require 'rack/unreloader'
+require './constants'
+require './app'
+
+Unreloader = Rack::Unreloader.new(:logger=>Logger.new($stdout)){TestApp}
+Unreloader.require './app.rb'
+Unreloader.require './components'
+Unreloader.require './models'
+Unreloader.require '../../lib/roda/component/dom.rb'
+Unreloader.require '../../lib/roda/component/faye.rb'
+Unreloader.require '../../lib/roda/component/form.rb'
+Unreloader.require '../../lib/roda/component/form/validations.rb'
+Unreloader.require '../../lib/roda/component.rb'
+Unreloader.require '../../lib/roda/plugins/component.rb'
+
+run Unreloader

data/test/dummy/constants.rb

@@ -0,0 +1,3 @@
+ENV.fetch('LC_ALL') {'en_US.utf8'}.freeze
+RACK_ENV   = ENV.fetch('RACK_ENV') { 'test' }.freeze
+DUMMY_PATH = "#{Dir.pwd}/" << (RACK_ENV == 'test' ? 'test/dummy/components' : 'components').freeze

data/test/dummy/models/user.rb

@@ -0,0 +1,20 @@
+module Models
+  class User < Sequel::Model
+    include Shield::Model
+
+    def full_name
+      "#{first_name} #{last_name}"
+    end
+
+    class << self
+      def fetch email
+        # TODO: Case insensitive emails? Force lowercase?
+        if user = Models::User.where(email: email)
+          user.first
+        else
+          false
+        end
+      end
+    end
+  end
+end

data/test/dummy/public/AdminLTE-master/.gitignore

@@ -0,0 +1,2 @@
+*.DS_Store
+.idea

data/test/dummy/public/AdminLTE-master/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2013 almasaeed2010
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/test/dummy/public/AdminLTE-master/README.md

@@ -0,0 +1,104 @@
+[![Flattr this git repo](http://api.flattr.com/button/flattr-badge-large.png)](https://flattr.com/submit/auto?user_id=almasaeed2010&url=http://almsaeedstudio.com&title=AdminLTE&language=&tags=github&category=software) [![Donate](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif "AdminLTE Presentation")](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=629XCUSXBHCBC "Donate")
+------------------------
+
+Announcements:
+--------------
+**- AdminLTE discussion and review:** available now on the [main Almsaeed Studio page](http://almsaeedstudio.com/#comments "Comments Sections"). 
+
+**- [Documentation](http://almsaeedstudio.com/guide)**: a quick start and installation guide have been created in our website Almsaeed Studio.
+
+**AdminLTE** -- is a fully responsive admin template. Based on **Bootstrap 3** framework. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops. Check out the live preview now and see for yourself. 
+
+**Live Preview: http://almsaeedstudio.com/preview/**
+
+Note: If the javascript in the preview does not work properly (specially IE users), please visit http://almsaeedstudio.com/AdminLTE (this could be because of the use of an iframe!)
+
+Want More?
+-----------
+**Almsaeed studio just opened a new premium templates page. Hand picked to insure the best quality and the most affordable prices. Visit http://almsaeedstudio.com/premium for more information.**
+
+
+!["AdminLTE Presentation"](http://almsaeedstudio.com/adminlte2.png "AdminLTE Presentation")
+
+**AdminLTE** has been carefully coded with clear comments in all of its JS, LESS and HTML files. LESS has been used to increase code customizability.
+
+Special Features:
+-----------------
+- **Fully responsive**
+- **Enhanced for printing**
+- **Sortable dashboard widgets**
+- **18 plugins and 3 custom plugins**
+- **Light weight and fast**
+- **Compatible with most major browsers**
+- **Full support for Glyphicons, Fontawesome and Ion icons**
+
+Featured Pages:
+----------------
+- Dashboard
+- Mailbox
+- Calendar
+- Invoice
+- Lockscreen
+- Login
+- Register
+- 404 Error
+- 500 Error
+- Blank page
+
+Featured Plugins:
+-----------------
+- Boostrap Slider
+- Ion slider
+- Bootstrap WYSIHTML5
+- CKEditor
+- Bootstrap Colorpicker
+- Bootstrap Date range Picker
+- Bootstrap Time Picker
+- Data Tables
+- Flot
+- Morris.js
+- Sparkilne
+- Full Calendar
+- iCheck
+- jQuery input mask
+- jQuery Knob
+- jVector Map
+- Slim Scroll
+- Pace
+- [Bootstrap Social Buttons](http://lipis.github.io/bootstrap-social/ "Bootstrap Social")
+
+Browser Support:
+----------------
+- IE 9+
+- Firefox 5+
+- Chrome 14+
+- Safari 5+
+- Opera 11+
+
+Change log:
+-----------
+ver 1.2:
+- Fixed the sidebar scroll issue when using the fixed layout.
+- Added [Bootstrap Social Buttons](http://lipis.github.io/bootstrap-social/ "Bootstrap Social") plugin.
+- Fixed RequireJS bug. Thanks to [StaticSphere](https://github.com/StaticSphere "github user"). 
+
+ver 1.1:
+- Added new skin. class: .skin-black
+- Added [pace](http://github.hubspot.com/pace/docs/welcome/ "pace") plugin.
+
+To Do List:
+-----------
+- More features
+- Ajax version
+- More skins
+- Documentation
+
+Image Credits:
+--------------
+[pixeden](http://www.pixeden.com/psd-web-elements/flat-responsive-showcase-psd "")
+
+[graphicsfuel](http://www.graphicsfuel.com/2013/02/13-high-resolution-blur-backgrounds/ "")
+
+[ajaxload](http://www.ajaxload.info/ "")
+
+[pickaface](http://pickaface.net/ "")

data/test/dummy/public/AdminLTE-master/ajax/dashboard-boxrefresh-demo.php

@@ -0,0 +1,64 @@
+<?php
+sleep(1.2);
+?>
+<div class="pad">This data has been loaded via ajax using the custom boxResfresh plugin.</div>
+<small id="dummy-time" class="pad pull-right text-muted"></small>
+<small class="pull-right pad text-muted">Last update:</small>
+<div class="row">
+    <div class="col-sm-7">
+        <!-- bar chart -->
+        <div class="chart" id="bar-chart" style="height: 250px;"></div>
+    </div>
+    <div class="col-sm-5">
+        <div class="pad">
+            <!-- Progress bars -->
+            <div class="clearfix">
+                <span class="pull-left">Bandwidth</span>
+                <small class="pull-right">10/200 GB</small>
+            </div>
+            <div class="progress xs">
+                <div class="progress-bar progress-bar-green" style="width: 70%;"></div>
+            </div>
+
+            <div class="clearfix">
+                <span class="pull-left">Transfered</span>
+                <small class="pull-right">10 GB</small>
+            </div>
+            <div class="progress xs">
+                <div class="progress-bar progress-bar-red" style="width: 70%;"></div>
+            </div>
+
+            <div class="clearfix">
+                <span class="pull-left">Activity</span>
+                <small class="pull-right">73%</small>
+            </div>
+            <div class="progress xs">
+                <div class="progress-bar progress-bar-light-blue" style="width: 70%;"></div>
+            </div>
+
+            <div class="clearfix">
+                <span class="pull-left">FTP</span>
+                <small class="pull-right">30 GB</small>
+            </div>
+            <div class="progress xs">
+                <div class="progress-bar progress-bar-aqua" style="width: 70%;"></div>
+            </div>
+            <!-- Buttons -->
+            <p>
+                <button class="btn btn-default btn-sm"><i class="fa fa-cloud-download"></i> Generate PDF</button>
+            </p>
+        </div><!-- /.pad -->
+    </div><!-- /.col -->
+</div><!-- /.row - inside box -->
+
+<script type="text/javascript">
+    var now = new Date();
+    var strDateTime = [[AddZero(now.getDate()), AddZero(now.getMonth() + 1), now.getFullYear()].join("/"), [AddZero(now.getHours()), AddZero(now.getMinutes())].join(":"), now.getHours() >= 12 ? "PM" : "AM"].join(" ");
+
+    //Pad given value to the left with "0"
+    function AddZero(num) {
+        return (num >= 0 && num < 10) ? "0" + num : num + "";
+    }
+    var x = document.getElementById("dummy-time");
+    x.innerHTML = strDateTime;
+</script>