feedy 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ebf02411b6f996a07c882e158ab3d373d9bd4b83
-  data.tar.gz: edc0df041fdcdda3bace9226fc51802e3e40b76f
+  metadata.gz: 1c7ba3a486043ae014c3d7e6a5c4cc9b484db2ec
+  data.tar.gz: c28749388fc3c6f76a6ad75a9332f1c229897151
 SHA512:
-  metadata.gz: c96a2df3a4ea00f8c6e03f0f145f31a33edc996101b5a6ed1c04a7b5434a54c91e95581da06e72d2713f51b0107e422c2fc6d6404568a8d7f091de49a42b99ca
-  data.tar.gz: e278e92c1188b9f6be05d30c608fb9f8b9bfab9491dce3e1ac06c6b6a20e96124398508e0e061561cd21d8d6f41951b26dee946b85d135a2071e73379d72d0a7
+  metadata.gz: fb519b928ff229bff655e442414df1ac9af1ba41fefe7ce92c8972c4097b6040c0b2bb3f4459e4c6b86b1e87dbd69d3e4458d6dbdce01c35a1eb6a2d9e7d1070
+  data.tar.gz: 6891e35bc8bc348b2039a45a4e127be8732c2335820cf13573e041b55cb59c888514386d3111406c6b2fa7fed701daf24f6b86e6b9917813edd1ea794f97e1b7

data/app/assets/javascripts/feedy/feedbacks.js

@@ -1,16 +1,18 @@
 // Place all the behaviors and hooks related to the matching controller here.
 // All this logic will automatically be available in application.js.
-;$(function () {
+var ready = function () {
   // Hide the input when the page loads.
-  $('.feedback-input').hide();
+  $('.feedback-main').hide();
 
   $('.feedback-toggle').on('click', function () {
-    $('.feedback-input').toggle(400);
+    $('.feedback-main').toggle(400);
   });
 
 
   // When the form submission is successful
   $('#feedback-form').on('ajax:success', function (e, data, status, xhr) {
-    $('.feedback-input').html('Thank you. Your feedback was recorded.');
+    $('.feedback-main').html('Thank you. Your feedback was recorded.');
   });
-});
+};
+
+$(document).on("page:load ready", ready);

data/app/assets/stylesheets/feedy/application.css

@@ -13,3 +13,5 @@
  *= require_tree .
  *= require_self
  */
+ 
+ @import url('bootstrap.min.css');

data/app/assets/stylesheets/feedy/feedbacks.css

@@ -3,20 +3,75 @@
   They will automatically be included in application.css.
 */
 
-@import url('bootstrap.min.css');
+@import url("//fonts.googleapis.com/css?family=Roboto:400,500");
 
-textarea {
+.feedy {
+  font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #3e3f3a;
+  background-color: #ffffff;
+}
+
+.feedy textarea {
   resize: none;
 }
 
-.feedback {
+.feedy .feedback {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 260px;
 }
 
-.feedback-toggle {
+.feedy .feedback-input {
+  display: block;
+  width: 100%;
+  padding: 12px 16px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #3e3f3a;
+  background-color: #ffffff;
+  background-image: none;
+  border: 1px solid #dfd7ca;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+}
+
+.feedy input[type=text],
+.feedy textarea {
+  -webkit-box-sizing : border-box;
+  -moz-box-sizing : border-box;
+  box-sizing : border-box;
+}
+
+.feedy label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+
+.feedy .submit-button {
+  border: none;
+  font-size: 11px;
+  line-height: 22px;
+  font-weight: 500;
+  text-transform: uppercase;
+  padding: 5px 10px;
+  border-radius: 3px;
+  color: #ffffff;
+  background-color: #325d88;
+  border-color: transparent;
+  margin-top: 10px;
+  cursor: pointer;
+}
+
+.feedy .feedback-toggle {
   color: #FFF;
   background-color: #567390;
   cursor: pointer;
@@ -24,11 +79,7 @@ textarea {
   text-align: center;
 }
 
-.feedback-input {
+.feedy .feedback-main {
   border: 1px solid #C5C5C5;
   padding: 10px 18px 20px;
 }
-
-.submit-button {
-  margin-top: 10px;
-}

data/app/helpers/feedy/feedback_helper.rb

@@ -1,6 +1,6 @@
 module Feedy
   module FeedbackHelper
-    def feedback_input
+    def feedy_feedback
       render 'feedy/feedbacks/form'
     end
   end

data/app/views/feedy/feedbacks/_form.html.erb

@@ -1,17 +1,19 @@
-<div class="feedback">
-  <div class="feedback-toggle">
-    Feedback
-  </div>
+<div class="feedy">
+  <div class="feedback">
+    <div class="feedback-toggle">
+      Feedback
+    </div>
 
-  <div class="feedback-input">
-    <%= form_for :feedback, url: feedy.feedbacks_path, html: { id: 'feedback-form' }, remote: true do |f| %>
-      <%= f.label :subject %>
-      <%= f.text_field :subject, class: 'form-control' %>
+    <div class="feedback-main">
+      <%= form_for :feedback, url: feedy.feedbacks_path, html: { id: 'feedback-form' }, remote: true do |f| %>
+        <%= f.label :subject %>
+        <%= f.text_field :subject, class: 'feedback-input' %>
 
-      <%= f.label :body, 'Feedback' %>
-      <%= f.text_area :body, rows: 5, class: 'form-control' %>
+        <%= f.label :body, 'Feedback' %>
+        <%= f.text_area :body, rows: 5, class: 'feedback-input' %>
 
-      <%= f.submit 'Submit', class: 'btn btn-primary btn-sm submit-button' %>
-    <% end %>
+        <%= f.submit 'Submit', class: 'submit-button' %>
+      <% end %>
+    </div>
   </div>
 </div>

data/app/views/layouts/feedy/application.html.erb

@@ -6,14 +6,16 @@
   <%= javascript_include_tag "feedy/application" %>
   <%= csrf_meta_tags %>
 </head>
-<body>
+<body class='feedy'>
 
   <%= render 'layouts/feedy/header' %>
 
   <div class="container">
-
-    <%= yield %>
-
+    <div class="row">
+      <div class="col-md-12">
+        <%= yield %>
+      </div>
+    </div>
   </div>
 
 </body>

data/lib/feedy/version.rb

@@ -1,3 +1,3 @@
 module Feedy
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: feedy
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Sung Won Cho
@@ -24,20 +24,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '4.0'
-- !ruby/object:Gem::Dependency
-  name: jquery-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -122,6 +108,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 4.5.0
+- !ruby/object:Gem::Dependency
+  name: jquery-rails
+  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: Feedy lets you collect and analyze user feedback with ease.
 email:
 - mikeswcho@gmail.com