volt-user_templates 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 8b5ea73fe65c14ed0de4064bfc68ee1dca8ed22e
+  data.tar.gz: 536c392da63960d6d8c99e4ede4bcb63c04f1ccc
+SHA512:
+  metadata.gz: 3a85ff6c08000e56d0dd23b838965cbdfd4b085f5e36030186463f9e64472bac3c636824c15bfcd479c5969e34b4781862b44d83d46ce51724b608326df24768
+  data.tar.gz: 1fdbdd5caf3ecb191ba11343e2896d7f3d17874f3d7f1cb663197f041bff55e9aa4dcd3c0c5ff87e66d7a065cfd662d57f3b95e933dffe6bbc7a34c1b992b3e4

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in volt-user-templates.gemspec
+gemspec

data/README.md

@@ -0,0 +1,67 @@
+# Volt User Templates
+
+Volt user templates provide out of the box templates for users to signup, login, and logout.  (Forgot password coming soon)
+
+## Install
+
+volt-user_templates now ships with volt, but if you have removed it, you can add it back with the following:
+
+In your Gemfile, put:
+
+```ruby
+gem 'volt-user_templates'
+```
+
+Then in any component you want to use the templates in, add the following to config/dependencies.rb
+
+```ruby
+component 'user_templates'
+```
+
+## Use
+
+You can use volt-user-template two different ways.
+
+1) You can add routes for it's templates
+
+Add the following to your main components route file:
+
+```ruby
+client '/signup', component: 'user_templates', controller: 'signup'
+client '/forgot', component: 'user_templates', controller: 'login', action: 'forgot'
+client '/login', component: 'user_templates', controller: 'login', action: 'index'
+```
+
+Now you can link to /signup and /login
+
+2) You can include the templates as tags:
+
+### Login
+
+```html
+<:user_templates:login post-login-url="/" />
+```
+
+The login template takes an optional post-login-url that will be redirected to after a successful login.
+
+### Signup
+
+```html
+<:user_templates:signup post-signup-url="/" />
+```
+
+Signup takes an optional post-signup-url that will be redirected to after signup.
+
+### Forgot
+
+```html
+<:user_templates:login:forgot post-forgot-url="/login" />
+```
+
+### Logout
+
+volt-user_templates provides a nav bar tag that provides a login/logout link and shows the users name.
+
+```html
+<:user_templates:menu />
+```

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/VERSION

@@ -0,0 +1 @@
+0.1.0

data/app/user_templates/config/dependencies.rb

@@ -0,0 +1,2 @@
+# Component dependencies
+component 'fields'

data/app/user_templates/config/routes.rb

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

data/app/user_templates/controllers/account_controller.rb

@@ -0,0 +1,16 @@
+module UserTemplates
+  class AccountController < Volt::ModelController
+    before_action :require_login
+
+    def index
+      self.model = Volt.fetch_current_user.then(&:buffer)
+    end
+
+    def save
+      model.save! do
+        flash._notices << 'Account settings saved'
+        redirect_to '/'
+      end
+    end
+  end
+end

data/app/user_templates/controllers/login_controller.rb

@@ -0,0 +1,47 @@
+module UserTemplates
+  class LoginController < Volt::ModelController
+    reactive_accessor :errors
+    reactive_accessor :login
+    reactive_accessor :password
+    reactive_accessor :reset_email
+
+    def do_login
+      Volt.login(login, password).then do |res|
+        # Successful login, clear out the form
+        self.errors = nil
+        self.login = ''
+        self.password = ''
+
+        after_login
+
+        nil
+      end.fail do |errors|
+        # Login fail
+        self.errors = errors
+      end
+    end
+
+    def after_login
+      redirect_to(attrs.post_login_url || '/')
+    end
+
+    def forgot_url
+      url_for(component: 'user_templates', controller: 'login', action: 'forgot')
+    end
+
+    def send_reset_email
+      UserTemplateTasks.send_reset_email(reset_email).then do
+        self.reset_email = ''
+        flash._notices << 'Reset email sent.'
+        redirect_to(attrs.post_forgot_url || '/login')
+      end.fail do |err|
+        flash._errors << err.to_s
+      end
+    end
+
+    def use_username?
+      Volt.config.public.try(:auth).try(:use_username)
+    end
+
+  end
+end

data/app/user_templates/controllers/menu_controller.rb

@@ -0,0 +1,13 @@
+module UserTemplates
+  class MenuController < Volt::ModelController
+    def show_name
+      Volt.fetch_current_user.then do |user|
+        user._name || user._email || user._username
+      end
+    end
+
+    def is_active?
+      url.path.split('/')[1] == 'login'
+    end
+  end
+end

data/app/user_templates/controllers/signup_controller.rb

@@ -0,0 +1,39 @@
+module UserTemplates
+  class SignupController < Volt::ModelController
+    def index
+      self.model = store._users.buffer
+    end
+
+    def signup
+      # Get login and password to login
+      login = model.send(:"_#{User.login_field}")
+      password = model._password
+
+      save!.then do |result|
+        flash._notices << "Signup successful"
+
+        # On a successful signup, then login
+        Volt.login(login, password).then do
+          after_signup
+        end.fail do |errors|
+          # Show the error (probably only the server goes down)
+          flash._errors << errors.to_s
+        end
+      end.fail do |err|
+        puts "ERR: #{err.inspect}"
+      end
+    end
+
+    def after_signup
+      post_signup_url = attrs.post_signup_url || '/'
+
+      # Redirect to post signup url
+      redirect_to post_signup_url
+    end
+
+    def use_username?
+      Volt.config.public.try(:auth).try(:use_username)
+    end
+
+  end
+end

data/app/user_templates/tasks/user_template_tasks.rb

@@ -0,0 +1,26 @@
+require 'digest'
+
+class UserTemplateTasks < Volt::Task
+  def password_reset_token(user_id)
+    Digest::SHA256.hexdigest("#{user_id}||#{Volt.config.app_secret}")
+  end
+
+  def send_reset_email(email)
+    # Find user by e-mail
+    Volt.skip_permissions do
+      store._users.where(email: email).fetch_first do |user|
+        if user
+          reset_token = password_reset_token(user.id)
+
+          reset_url = "http://#{Volt.config.domain}/#{reset_token}"
+
+          Mailer.deliver('user_templates/mailers/forgot',
+            {to: email, name: user._name, reset_url: reset_url}
+          )
+        else
+          raise "There is no account with the e-mail of #{email}."
+        end
+      end
+    end
+  end
+end

data/app/user_templates/views/account/index.html

@@ -0,0 +1,26 @@
+<:Title>
+  Your Account
+
+<:Body>
+  <div class="row">
+    <div class="col-md-6 col-md-offset-3">
+      <div class="span4 offset4 well">
+        <legend>Basic Info</legend>
+
+        <form e-submit="save">
+          <:fields:text value="{{ _name }}" />
+          <:fields:textarea value="{{ _bio }}" />
+          <button class="btn btn-info btn-block">Save</button>
+        </form>
+
+      </div>
+      <hr />
+      <div class="span4 offset4 well">
+        <legend>Update Password</legend>
+        <form e-submit="save">
+          <:fields:text type="password" value="{{ _password }}" />
+          <button class="btn btn-info btn-block">Save</button>
+        </form>
+      </div>
+    </div>
+  </div>

data/app/user_templates/views/login/forgot.html

@@ -0,0 +1,21 @@
+<:Title>
+  Forgot your Password
+
+<:Body>
+  <div class="row">
+    <div class="col-md-6 col-md-offset-3">
+      <div class="span4 offset4 well">
+        <legend>Forgot your Password</legend>
+
+        <p>We'll e-mail you a reset link.</p>
+        <form e-submit="send_reset_email">
+          <div class="form-group">
+            <label class="control-label">Email</label>
+            <input class="form-control" type="text" value="{{ reset_email }}" autofocus />
+          </div>
+
+          <button class="btn btn-info btn-block">Reset Password</button>
+        </form>
+      </div>
+    </div>
+  </div>

data/app/user_templates/views/login/index.html

@@ -0,0 +1,39 @@
+<:Title>
+  Login
+
+<:Body>
+  <div class="row">
+    <div class="col-md-6 col-md-offset-3">
+      <div class="span4 offset4 well">
+        <legend>Please Login</legend>
+
+        <form e-submit="do_login">
+          {{ if errors.present? }}
+            <div class="alert alert-danger">{{ errors }}</div>
+          {{ end }}
+
+          <div class="form-group">
+            <label class="control-label">
+              {{ if use_username? }}
+                Username
+              {{ else }}
+                Email
+              {{ end }}
+            </label>
+            <input class="form-control" type="text" value="{{ login }}" autofocus />
+          </div>
+
+          <div class="form-group">
+            <label class="control-label">Password <small style="font-weight: normal;">(<a tabindex="-1" href="{{ forgot_url }}">forgot password</a>)</small></label>
+            <input class="form-control" type="password" value="{{ password }}">
+          </div>
+
+          <button class="btn btn-info btn-block">Login</button>
+        </form>
+
+        <hr />
+        Don't have an account? <a href="/signup">Signup here</a>
+      </div>
+    </div>
+  </div>
+

data/app/user_templates/views/mailers/forgot.email

@@ -0,0 +1,41 @@
+<:Subject>
+  Reset your Password
+
+<:Html>
+  <html>
+    <body>
+      <table cellspacing="0" cellpadding="0" border="0" style="color: #333; background: #fff; padding: 0; margin: 0; width: 100%; font: 15px/1.25em 'Helvetica Neue', Arial, Helvetica;">
+        <tbody>
+          <tr width="100%">
+            <td valign="top" align="left" style="background: #f0f0f0; font: 15px/1.25em 'Helvetica Neue', Arial, Helvetica;">
+              <table style="border: none; padding: 0 18px; margin: 50px auto; width: 500px;">
+                <tbody>
+                  <tr width="100%" height="57">
+                    <td valign="top" align="left" style="border-top-left-radius: 4px; border-top-right-radius: 4px; background: #337ab7; padding: 12px 18px; text-align: center; font-weight: bold; font-size: 28px; color: #fff; vertical-align: middle;">
+                      {{ Volt.config.app_name }}
+                    </td>
+                  </tr>
+                  <tr width="100%">
+                    <td valign="top" align="left" style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background:#fff; padding: 18px;">
+                      <h1 style="font-size: 20px; margin: 0; color: #333;"> Hello {{ name }}, </h1>
+                      <p style="font: 15px/1.25em 'Helvetica Neue', Arial, Helvetica; color: #333;"> We heard you needed to reset your password. Click the button below and you'll be redirected to a page where you can reset your password.</p>
+                      <p style="font: 15px/1.25em 'Helvetica Neue', Arial, Helvetica; margin-bottom: 0; text-align: center; color: #333;">
+                        <a href="{{ reset_url }}" style="border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #5cb85c; color: #fff; cursor: pointer; display: block; font-weight: 700; font-size: 16px; line-height: 1.25em; margin: 24px auto 24px; padding: 10px 18px; text-decoration: none; width: 180px; text-align: center;"> Reset Password </a>
+                      </p>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </body>
+  </html>
+
+<:Text>
+Hey {{ name }},
+
+We heard you needed to reset your password. Go to the following url to reset your password:
+
+{{ reset_url }}

data/app/user_templates/views/menu/index.html

@@ -0,0 +1,25 @@
+<:Body>
+
+  {{ if Volt.current_user }}
+    <li class="dropdown">
+      <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+        <span class="glyphicon glyphicon-user"></span>
+        {{ show_name }}
+        <span class="caret"></span>
+      </a>
+      <ul class="dropdown-menu" role="menu">
+        <li>
+          <a href="/account">Account</a>
+        </li>
+        <li class="divider"></li>
+        <li><a e-click="Volt.logout">Logout</a></li>
+      </ul>
+    </li>
+  {{ else }}
+    <li class="{{ if is_active? }}active{{ end }}">
+      <a href="/login">
+        <span class="glyphicon glyphicon-user"></span>
+        Login
+      </a>
+    </li>
+  {{ end }}

data/app/user_templates/views/signup/index.html

@@ -0,0 +1,27 @@
+<:Title>
+  Signup
+
+<:Body>
+  <div class="row">
+    <div class="col-md-6 col-md-offset-3">
+      <div class="span4 offset4 well">
+        <legend>Signup</legend>
+
+        <form e-submit="signup">
+          {{ if use_username? }}
+            <:fields:text value="{{ _username }}" />
+          {{ else }}
+            <:fields:text value="{{ _email }}" />
+          {{ end}}
+          <:fields:text type="password" value="{{ _password }}" />
+          <hr />
+          <:fields:text value="{{ _name }}" label="Full Name" />
+
+          <button class="btn btn-info btn-block">Signup</button>
+          <hr />
+          Already have an account? <a href="/login">Login here</a>
+
+        </form>
+      </div>
+    </div>
+  </div>

data/lib/volt/user-templates.rb

@@ -0,0 +1,4 @@
+module Volt
+  class UserTemplates
+  end
+end

data/volt-user_templates.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+
+version = File.read(File.expand_path('../VERSION', __FILE__)).strip
+
+
+Gem::Specification.new do |spec|
+  spec.name          = "volt-user_templates"
+  spec.version       = version
+  spec.authors       = ["Ryan Stout"]
+  spec.email         = ["ryan@agileproductions.com"]
+  spec.summary       = %q{Volt user templates provide out of the box templates for users to signup, login, and logout. }
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "volt-fields", "~> 0.1.0"
+  spec.add_dependency "volt-mailer", "~> 0.1.0"
+  spec.add_development_dependency "rake"
+end

metadata

@@ -0,0 +1,107 @@
+--- !ruby/object:Gem::Specification
+name: volt-user_templates
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Ryan Stout
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-05-26 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: volt-fields
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+- !ruby/object:Gem::Dependency
+  name: volt-mailer
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email:
+- ryan@agileproductions.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- README.md
+- Rakefile
+- VERSION
+- app/user_templates/config/dependencies.rb
+- app/user_templates/config/routes.rb
+- app/user_templates/controllers/account_controller.rb
+- app/user_templates/controllers/login_controller.rb
+- app/user_templates/controllers/menu_controller.rb
+- app/user_templates/controllers/signup_controller.rb
+- app/user_templates/tasks/user_template_tasks.rb
+- app/user_templates/views/account/index.html
+- app/user_templates/views/login/forgot.html
+- app/user_templates/views/login/index.html
+- app/user_templates/views/mailers/forgot.email
+- app/user_templates/views/menu/index.html
+- app/user_templates/views/signup/index.html
+- lib/volt/user-templates.rb
+- volt-user_templates.gemspec
+homepage: ''
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5
+signing_key: 
+specification_version: 4
+summary: Volt user templates provide out of the box templates for users to signup,
+  login, and logout.
+test_files: []