conversation_forms 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: de58c09642eb92d3382163d7f81edb3cc590eb8e
+  data.tar.gz: d5528e837d32068aba3deb2f9bd43d64c02c5f38
+SHA512:
+  metadata.gz: 1c8f24beaa579136c717bfdfac723e6bbfb09bcabc8c9a766758ac55f97e77418daa752ed14d069c697fb40801f2e4d8bc1570eb7f0385f728d35cd55e7d553f
+  data.tar.gz: 7e0cb16bc1a2e28582850d13acdf4529f65a00810916d660a7dbdc8b8c10b63321a84c1a64cc1f42387c626f0345d1c309e35f93daf552d6c4e8644f5e4bea27

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2016 Sampson Crowley
+
+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/README.md

@@ -0,0 +1,28 @@
+# ConversationForms
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'conversation_forms'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install conversation_forms
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,34 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'ConversationForms'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/lib/app/assets/javascripts/app.coffee

@@ -0,0 +1,75 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/
+
+
+$ ->
+  window.wrapUp = ->
+    console.log('done')
+    convoForm.show()
+    convoForm.submit()
+    $('#convo-form-enter').prop('disabled', true)
+
+  doc = $('body')
+  convoForm = $('#convo-form')
+  convoForm.hide()
+  doc.append("""
+  <div class="convo-window">
+    <ol class="convo-chat-history">
+    </ol>
+    <input id="input-box" class="input-box" placeholder="Type your answer here ...">
+    <button id="convo-form-enter">Next</button>
+  </div>
+  """
+  )
+
+  inputIds = [];
+
+  $('.convo input[name]').each ->
+    inputIds.push($(this).attr('id'))
+
+  endIndex = inputIds.length - 1
+  sequenceIndex = 0
+  item = inputIds[sequenceIndex]
+  inputBox = $('#input-box')
+
+
+  openDialog = ->
+    item = inputIds[sequenceIndex]
+    $('.convo-window .convo-chat-history').append('
+      <li class="other">
+        <div class="msg">
+          <p>Please enter your ' + item + '</p>
+        </div>
+      </li>
+    ')
+    $('.convo-window .convo-chat-history').scrollTop($('.convo-window .convo-chat-history')[0].scrollHeight);
+
+  $('#convo-form-enter').click ->
+    if sequenceIndex <= endIndex
+      submitted = inputBox.val()
+      inputBox.val(null)
+      $('#' + item).val(submitted)
+      $('.convo-window .convo-chat-history').append('
+        <li class="self">
+          <div class="msg">
+            <p>' + submitted + '</p>
+          </div>
+        </li>
+      ')
+      $('.convo-window .convo-chat-history').scrollTop($('.convo-window .convo-chat-history')[0].scrollHeight);
+      sequenceIndex++
+      if sequenceIndex == endIndex
+          $('#convo-form-enter').html 'submit'
+      if sequenceIndex > endIndex
+        wrapUp()
+      else
+        openDialog()
+
+  inputBox.keyup (e) ->
+    if e.which is 13
+      $('#convo-form-enter').click()
+
+
+
+  openDialog(inputIds)

data/lib/app/assets/javascripts/index.js

@@ -0,0 +1,4 @@
+//= require jquery
+//= require jquery_ujs
+//= require turbolinks
+//= require_tree .

data/lib/app/assets/stylesheets/application.scss

@@ -0,0 +1,180 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */
+
+ *{
+   box-sizing: border-box;
+ }
+
+ .convo-window{
+   display: flex;
+   width: 100%;
+   max-width: 500px;
+   height: 500px;
+   border-radius: 4px;
+   border: 1px solid #ccc;
+   box-shadow: -1px 2px 10px #999;
+   background: #c4d4e9;
+   padding: 20px;
+   flex-flow: column nowrap;
+
+   .convo-chat-history {
+     flex: 1;
+     padding: 10px 0;
+     overflow-y: scroll;
+     overflow-x: hidden;
+     list-style: none;
+     background: none;
+     margin: 0;
+     margin-bottom: 15px;
+     flex-flow: column nowrap;
+     justify-content: flex-end;
+   }
+
+   .input-box {
+     height: 30px;
+     width: 100%;
+     color: #666;
+     font-size: 16px;
+     padding: 4px 15px 4px 30px;
+     border: 1px solid #C0C0BA;
+     font-weight: 400;
+     border-top-right-radius: 10px;
+     border-top-left-radius: 10px;
+     overflow: hidden;
+     resize: none;
+     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
+     transition: all 0.4s cubic-bezier(0.565, -0.26, 0.255, 1.41);
+     outline: none;
+   }
+
+   .other .msg {
+       border-top-left-radius: 0px;
+       box-shadow: -1px 2px 0px #c1cbcd;
+   }
+   .other:before {
+       content: "";
+       position: relative;
+       top: 0px;
+       right: 0px;
+       left: 0px;
+       width: 0px;
+       height: 0px;
+       border: 5px solid #efefef;
+       border-left-color: transparent;
+       border-bottom-color: transparent;
+
+   }
+
+   .self {
+       justify-content: flex-end;
+       align-items: flex-end;
+   }
+   .self .msg {
+       border-bottom-right-radius: 0px;
+       box-shadow: 1px 2px 0px #c1cbcd;
+   }
+   .self:after {
+       content: "";
+       position: relative;
+       display: inline-block;
+       float: right;
+       bottom: 0px;
+       right: 0px;
+       width: 0px;
+       height: 0px;
+       border: 5px solid #eef8ff;
+       border-right-color: transparent;
+       border-top-color: transparent;
+       box-shadow: 0px 2px 0px #c1cbcd;
+   }
+
+   .msg {
+       background: #efefef;
+       min-width: 50px;
+       padding: 10px;
+       border-radius: 2px;
+       word-break: break-all;
+   }
+   .msg p {
+       font-size: 16px;
+       margin: 0 0 2px 0;
+       color: #777;
+       transition: all .2s ease;
+   }
+   .convo-chat-history li {
+       padding: 0.5rem;
+       overflow: hidden;
+       display: flex;
+   }
+
+   /* R E S P O N S I V E   C O N F I G U R A T I O N */
+
+   @media screen and (max-width: 750px) {
+       ::-webkit-scrollbar {
+       display: none;
+       }
+       .msg p {
+           font-size: 14px;
+       }
+   }
+   @media screen and (max-width: 550px) {
+       .msg p {
+           max-width: 250px;
+       }
+       .msg img {
+           width: 200px;
+       }
+   }
+ }
+
+
+
+
+
+
+ @-webkit-keyframes pulse {
+   from { opacity: 0; }
+   to { opacity: 0.5; }
+ }
+
+ ::-webkit-scrollbar {
+     min-width: 12px;
+     width: 12px;
+     max-width: 12px;
+     min-height: 12px;
+     height: 12px;
+     max-height: 12px;
+ }
+
+ ::-webkit-scrollbar-thumb {
+     background: rgba(255,255,255,0.2);
+     border: none;
+     border-radius: 100px;
+     border: solid 3px #252C33;
+ }
+
+ ::-webkit-scrollbar-thumb:hover {
+     background: rgba(255,255,255,0.1);
+ }
+
+ ::-webkit-scrollbar-thumb:active {
+     background: rgba(255,255,255,0.1);
+ }
+
+ ::-webkit-scrollbar-button {
+     display: block;
+     height: 26px;
+ }

data/lib/conversation_forms/version.rb

@@ -0,0 +1,3 @@
+module ConversationForms
+  VERSION = '0.1.0'
+end

data/lib/conversation_forms.rb

@@ -0,0 +1,5 @@
+module ConversationForms
+  # Your code goes here...
+  class Engine < Rails::Engine
+  end
+end

data/lib/tasks/conversation_forms_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :conversation_forms do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,88 @@
+--- !ruby/object:Gem::Specification
+name: conversation_forms
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Sampson Crowley
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-12-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.0.0
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.0.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.0.0
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.0.0.1
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  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: conversation_forms allows you to create a form that runs as a chat conversation
+  for the ultimate user experience
+email:
+- sampsonsprojects@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- lib/app/assets/javascripts/app.coffee
+- lib/app/assets/javascripts/index.js
+- lib/app/assets/stylesheets/application.scss
+- lib/conversation_forms.rb
+- lib/conversation_forms/version.rb
+- lib/tasks/conversation_forms_tasks.rake
+homepage: https://github.com/SampsonCrowley/conversation_forms
+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.6.8
+signing_key: 
+specification_version: 4
+summary: Create the ultimate form.
+test_files: []