e9_vendors 0.0.2 → 0.0.3

data/app/decorators/vendor_member_decorator.rb

@@ -31,7 +31,7 @@ class VendorMemberDecorator < VendorsDecorator
 <script type="text/javascript" src="#{script_url}"></script>
 <script type="text/javascript">
   try {
-    new VB.Widget({
+    new E9.VendorWidget({
       code: "#{model.md5_hash}"
     }).render();
   } catch (e) {}
@@ -43,7 +43,7 @@ class VendorMemberDecorator < VendorsDecorator
 
   def script_url
     dir = Rails.env.development? && 'javascripts' || 'assets'
-    Linkable.urlify_path("/#{dir}/widget.js")
+    Linkable.urlify_path("/#{dir}/vendor-widget.js")
   end
 
   def liquid_context

data/lib/e9_vendors/version.rb

@@ -1,3 +1,3 @@
 module E9Vendors
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

data/lib/generators/e9_vendors/templates/javascripts/{widget.js → vendor-widget.js}

@@ -1,14 +1,14 @@
 /*!
- * e9Digital vendor widget - http://www.e9digital.com
+ * e9Digital Vendor Widget - http://www.e9digital.com
  * Copyright (C) 2011 e9Digital
  * Author: Travis Cox
  *
- * For the documented source see http://www.e9digital.com/javascripts/vwidget.js
+ * For the documented source see http://www.e9digital.com/javascripts/vendor-widget.js
  *
  * Basic Usage:
-   <script type="text/javascript" src="http://%{Your Host}/assets/vwidget.js"></script>
+   <script type="text/javascript" src="http://%{Your Host}/assets/vendor-widget.js"></script>
    <script type="text/javascript">
-     new E9.VWidget({
+     new E9.VendorWidget({
        code: "your provided widget code"
      }).render();
    </script>
@@ -19,23 +19,22 @@
  */
 
 /**
-  * @namespace E9 VWidget public namespace
+  * @namespace E9 VendorWidget public namespace
   */
 E9 = window.E9 || {};
 
-
 (function() {
-  if (E9 && E9.VWidget) return;
+  if (E9 && E9.VendorWidget) return;
 
   /**
    * @constructor
    * @param {Object} opts the configuration options for the page
    */
-  E9.VWidget = function(opts) {
+  E9.VendorWidget = function(opts) {
     this.init(opts);
   }
 
-  E9.VWidget.jsonP = function(url, callback) {
+  E9.VendorWidget.jsonP = function(url, callback) {
     var script = document.createElement('script');
     script.type = 'text/javascript';
     script.src = url;
@@ -236,7 +235,7 @@ E9 = window.E9 || {};
 
     retv += tag('input', attrs);
 
-    if (label) retv += tag('label', {'class':'vb-label'}, label);
+    if (label) retv += tag('label', {'class':'e9-label'}, label);
 
     return retv;
   },
@@ -273,7 +272,7 @@ E9 = window.E9 || {};
   },
 
   resetForm = function() {
-    var form   = document.getElementById('vb-form'),
+    var form   = document.getElementById('e9-form'),
         inputs = form.getElementsByTagName('input');
 
     for (var i=0;i<inputs.length;i++) {
@@ -281,12 +280,12 @@ E9 = window.E9 || {};
     }
   }
  
-  E9.VWidget.COUNT = 0;
-  E9.VWidget.ERROR_MESSAGE = '\
-    <h3 id="vb-timeout-message">Error loading content.</h3>\
+  E9.VendorWidget.COUNT = 0;
+  E9.VendorWidget.ERROR_MESSAGE = '\
+    <h3 id="e9-timeout-message">Error loading content.</h3>\
     <p>The vendor list is down for scheduled maintenance.  Please check back soon.</p>';
 
-  E9.VWidget.prototype = function () {
+  E9.VendorWidget.prototype = function () {
     var 
       
     // recaptcha key is unchangeable client side as it corresponds to 
@@ -309,14 +308,14 @@ E9 = window.E9 || {};
          * The init process first looks for an existing element by this ID.
          * If found it will use it as the base HTML element where the widget is
          * written.  If not found, it will create it in place wherever 
-         * E9.VWidget#render is called, with the ID defined here.
+         * E9.VendorWidget#render is called, with the ID defined here.
          *
-         * This means there are two ways to call VWidget#render:
+         * This means there are two ways to call VendorWidget#render:
          *
          * A. Inline:
          * <div id="foo">
          *   <script type="text/javascript">
-         *     new E9.VWidget({
+         *     new E9.VendorWidget({
          *       code: 'yourcode'
          *     }).render();
          *   </script>
@@ -326,7 +325,7 @@ E9 = window.E9 || {};
          * <div id="foo"></div>
          * ...
          * <script type="text/javascript">
-         *   new E9.VWidget({
+         *   new E9.VendorWidget({
          *     code: 'yourcode',
          *     elementId: 'foo'
          *   }).render();
@@ -341,7 +340,7 @@ E9 = window.E9 || {};
          * the widget will still write itself in place, but inside an element 
          * with the ID passed.
          */
-        elementId: 'vb-widget-container',
+        elementId: 'e9-widget-container',
 
         /**
          * By default the widget prepends a stylesheet link to <head> which 
@@ -359,7 +358,7 @@ E9 = window.E9 || {};
          *
          * To manipulate HTML you should not use this, but onRender
          *
-         * @param {Function} widget The E9.VWidget instance being created
+         * @param {Function} widget The E9.VendorWidget instance being created
          */
         onInit: function(widget) {},
 
@@ -368,7 +367,7 @@ E9 = window.E9 || {};
          * before it is made visible.  At this point you have access to all the 
          * HTML generated by the widget, referenced by the widget property 'element'.
          *
-         * @param {Function} widget the E9.VWidget instance being created
+         * @param {Function} widget the E9.VendorWidget instance being created
          */
         onRender: function(widget) {},
 
@@ -392,13 +391,13 @@ E9 = window.E9 || {};
 
         /**
          * The html tag used for widget headings.  The class of these elements
-         * is 'vb-heading', regardless of the tag.
+         * is 'e9-heading', regardless of the tag.
          */
         headingTag: 'h2',
 
         /**
          * The html tag used for widget subheadings.  The class of these elements
-         * is 'vb-subheading', regardless of the tag.
+         * is 'e9-subheading', regardless of the tag.
          */
         subheadingTag: 'h3',
 
@@ -441,10 +440,10 @@ E9 = window.E9 || {};
         if (/\/$/.test(this.url)) this.url = this.url.substr(0, this.url.length - 1);
 
         // defines a callback in case of more than one widget on a page (unlikely)... 
-        this.callback = 'cb' + ++E9.VWidget.COUNT;
+        this.callback = 'cb' + ++E9.VendorWidget.COUNT;
 
-        // and defines a global callback on E9.VWidget for jsonp
-        E9.VWidget[this.callback] = function(response) {
+        // and defines a global callback on E9.VendorWidget for jsonp
+        E9.VendorWidget[this.callback] = function(response) {
           clearTimeout(that.jsonRequestTimer);
           that.renderHtmlFromResponse(response);
           that.removeScriptElement();
@@ -452,10 +451,10 @@ E9 = window.E9 || {};
 
         // code must be passed
         if (!opts.code) {
-          html = tag('h3', {'class':'vb-error'}, 'E9.VWidget requires that you pass a code identifying yourself as a member');
+          html = tag('h3', {'class':'e9-error'}, 'E9.VendorWidget requires that you pass a code identifying yourself as a member');
         } else {
-          html = tag('h3', {'class':'vb-loading'}, 'Loading...');
-          this.scriptUrl = this.url + '/directory/members/' + opts.code + '.json?jsonp=E9.VWidget.' + this.callback;
+          html = tag('h3', {'class':'e9-loading'}, 'Loading...');
+          this.scriptUrl = this.url + '/directory/members/' + opts.code + '.json?jsonp=E9.VendorWidget.' + this.callback;
           this.formUrl = this.url + '/contact_requests.json';
         }
 
@@ -503,7 +502,7 @@ E9 = window.E9 || {};
       },
 
       displayReCAPTCHA: function() {
-        Recaptcha.create(this.recaptchaPublicKey, "vb-recaptcha", {
+        Recaptcha.create(this.recaptchaPublicKey, "e9-recaptcha", {
           theme: this.recaptchaTheme,
           callback: function() {}
         });
@@ -511,14 +510,14 @@ E9 = window.E9 || {};
 
       addStylesheets: function() {
         var link = document.createElement("link");
-        link.href = this.url + "/stylesheets/vb-widget.css";
+        link.href = this.url + "/stylesheets/e9-widget.css";
         link.rel = "stylesheet";
         link.type = "text/css";
         addHeadElement(link);
 
         if (browser().version < 8) {
           link = document.createElement("link");
-          link.href = this.url + "/stylesheets/vb-widget-ie.css";
+          link.href = this.url + "/stylesheets/e9-widget-ie.css";
           link.rel = "stylesheet";
           link.type = "text/css";
           addHeadElement(link);
@@ -528,16 +527,16 @@ E9 = window.E9 || {};
       setTimeout: function(e) {
         var that = this;
         this.jsonRequestTimer = window.setTimeout(function() {
-          that.element.innerHTML = E9.VWidget.ERROR_MESSAGE;
+          that.element.innerHTML = E9.VendorWidget.ERROR_MESSAGE;
         }, this.timeout);
       },
 
       getFieldElements: function() {
         var elements = new Array();
         try {
-          elements.push(document.getElementById('vb-form-name'));
-          elements.push(document.getElementById('vb-form-phone'));
-          elements.push(document.getElementById('vb-form-email'));
+          elements.push(document.getElementById('e9-form-name'));
+          elements.push(document.getElementById('e9-form-phone'));
+          elements.push(document.getElementById('e9-form-email'));
         } catch(e) {
         } finally {
           return elements;
@@ -547,9 +546,9 @@ E9 = window.E9 || {};
       getShowLinks: function() {
         var showlinks = new Array();
         try {
-          var links = document.getElementById('vb-vendor-list').getElementsByTagName('a');
+          var links = document.getElementById('e9-vendor-list').getElementsByTagName('a');
           for(var i=0;i<links.length;i++) {
-            if(links[i].name == 'vb-ldl') { showlinks.push(links[i]); }
+            if(links[i].name == 'e9-ldl') { showlinks.push(links[i]); }
           }
         } catch (e) {
         } finally {
@@ -568,24 +567,24 @@ E9 = window.E9 || {};
             Recaptcha.reload();
             
             // re-enable the submit button if it was disabled on press
-            var submit = document.getElementById('vb-form-submit');
+            var submit = document.getElementById('e9-form-submit');
             if (submit) { submit.removeAttribute('disabled'); }
 
-            var m = document.getElementById('vb-feedback');
+            var m = document.getElementById('e9-feedback');
 
             if (isEmpty(response.errors)) {
-              m.className = 'vb-feedback vb-feedback-success';
+              m.className = 'e9-feedback e9-feedback-success';
               resetForm();
 
               html = 'Your request has been submitted.';
             } else {
               var field;
-              m.className = 'vb-feedback vb-feedback-error';
+              m.className = 'e9-feedback e9-feedback-error';
               for (var e in response.errors) {
-                if (field = document.getElementById('vb-form-' + e)) {
-                  field.className = 'vb-field vb-field-error';
+                if (field = document.getElementById('e9-form-' + e)) {
+                  field.className = 'e9-field e9-field-error';
                 }
-                html += div({'class':'vb-feedback-error-field'}, response.errors[e])
+                html += div({'class':'e9-feedback-error-field'}, response.errors[e])
               }
             }
 
@@ -606,9 +605,9 @@ E9 = window.E9 || {};
               optionList += tag('option', {'value': c.id }, c.name);
             });
 
-            contentHtml += tag(that.subheadingTag, {'id':'vb-contact-form-heading','class':'vb-subheading'}, response.widget_form_title);
-            contentHtml += tag('select', {'id':'vb-category-select'}, optionList);
-            contentHtml += div({'class':'vb-text'}, response.widget_form_text);
+            contentHtml += tag(that.subheadingTag, {'id':'e9-contact-form-heading','class':'e9-subheading'}, response.widget_form_title);
+            contentHtml += tag('select', {'id':'e9-category-select'}, optionList);
+            contentHtml += div({'class':'e9-text'}, response.widget_form_text);
 
             response.vendors.forEach(function(vendor) {
               vHtml = '';
@@ -621,27 +620,27 @@ E9 = window.E9 || {};
 
               // logo
               if (vendor.logo) {
-                vHtmlInner += div({'class':'vb-vendor-logo'}, tag('img', {'src':vendor.logo}));
+                vHtmlInner += div({'class':'e9-vendor-logo'}, tag('img', {'src':vendor.logo}));
               }
 
-              var cbHtml = '', vendorClass = 'vb-vendor';
+              var cbHtml = '', vendorClass = 'e9-vendor';
 
               // title
-              cbHtml += div({'class':'vb-vendor-name'}, vendor.name);
+              cbHtml += div({'class':'e9-vendor-name'}, vendor.name);
 
               // short desc & link
-              cbHtml += div({'class':'vb-vendor-short-description'}, 
+              cbHtml += div({'class':'e9-vendor-short-description'}, 
                 vendor.short_description + ' ' +
-                tag('a', {'data-id':vendor.id, 'class':'vb-show-desc-link', 'name':'vb-ldl', href:'javascript:;'}, that.showDescText)
+                tag('a', {'data-id':vendor.id, 'class':'e9-show-desc-link', 'name':'e9-ldl', href:'javascript:;'}, that.showDescText)
               );
 
               // long desc
-              cbHtml += div({'style':'display:none', 'class':'vb-vendor-long-description', 'id':'vb-ld'+vendor.id}, vendor.long_description);
+              cbHtml += div({'style':'display:none', 'class':'e9-vendor-long-description', 'id':'e9-ld'+vendor.id}, vendor.long_description);
               
-              vHtmlInner += div({'class':'vb-vendor-content'}, cbHtml);
+              vHtmlInner += div({'class':'e9-vendor-content'}, cbHtml);
 
               vendor.categories.forEach(function(cat) {
-                vendorClass += ' vb-c' + cat.id;
+                vendorClass += ' e9-c' + cat.id;
               });
 
               // wrap it up
@@ -651,77 +650,77 @@ E9 = window.E9 || {};
               if (!that.showForm || !vendor.display_on_widget_contact_form) return;
 
               // otherwise add them
-              formHtmlInner += div({'class':'vb-field'}, 
+              formHtmlInner += div({'class':'e9-field'}, 
                 tag('input', {
                     'name':'contact_request[vendor_detail_ids][]',
                     'type':'checkbox',
                     'value':vendor.id,
                     'checked':'checked'
                 }) + 
-                tag('label', {'class':'vb-label'}, vendor.name)
+                tag('label', {'class':'e9-label'}, vendor.name)
               );
 
               if (formHtmlInner.length) {
-                fHtml = div({'class':'vb-vendor-category-name'}, vc),
-                fHtml += div({'class':'vb-vendors'}, formHtmlInner);
-                formHtml += div({'class':'vb-vendor-category'}, fHtml);
+                fHtml = div({'class':'e9-vendor-category-name'}, vc),
+                fHtml += div({'class':'e9-vendors'}, formHtmlInner);
+                formHtml += div({'class':'e9-vendor-category'}, fHtml);
               }
             });
 
-            contentHtml += div({'id':'vb-vendor-list'}, vendorlist);
+            contentHtml += div({'id':'e9-vendor-list'}, vendorlist);
 
             if (that.showForm) {
               // if vendors were added to formHtml, wrap them in fieldset
               if (formHtml.length) {
                 formHtml = 
-                  tag('fieldset', {'class':'vb-fieldset vb-checkbox'}, 
-                    tag('legend', 'vb-fieldset-legend', 'Vendors') +
+                  tag('fieldset', {'class':'e9-fieldset e9-checkbox'}, 
+                    tag('legend', 'e9-fieldset-legend', 'Vendors') +
                     formHtml
                   )
                 ;
               }
 
-              formHtml += div({'class':'vb-field', 'id':'vb-form-name'}, 
-                tag('label', {'class':'vb-label vb-req'}, 'Full Name *') +
+              formHtml += div({'class':'e9-field', 'id':'e9-form-name'}, 
+                tag('label', {'class':'e9-label e9-req'}, 'Full Name *') +
                 tag('input', { 'name':'contact_request[name]', 'type':'text' })
               );
 
-              formHtml += div({'class':'vb-field', 'id':'vb-form-email'}, 
-                tag('label', {'class':'vb-label vb-req'}, 'Contact Email *') +
+              formHtml += div({'class':'e9-field', 'id':'e9-form-email'}, 
+                tag('label', {'class':'e9-label e9-req'}, 'Contact Email *') +
                 tag('input', { 'name':'contact_request[email]', 'type':'text' })
               );
 
-              formHtml += div({'class':'vb-field', 'id':'vb-form-phone'}, 
-                tag('label', {'class':'vb-label'}, 'Contact Phone') +
+              formHtml += div({'class':'e9-field', 'id':'e9-form-phone'}, 
+                tag('label', {'class':'e9-label'}, 'Contact Phone') +
                 tag('input', { 'name':'contact_request[phone]', 'type':'text' })
               );
 
-              formHtml += div("vb-recaptcha", '');
+              formHtml += div("e9-recaptcha", '');
               
-              formHtml += div({'class':'vb-actions'},
+              formHtml += div({'class':'e9-actions'},
                 tag('input', { 
-                  'id':'vb-form-submit',
-                  'name':'vb-form-submit', 
+                  'id':'e9-form-submit',
+                  'name':'e9-form-submit', 
                   'type':'submit',
                   'value':'Submit'
                 })
               );
 
-              contentHtml += div({'id':'vb-form'}, formHtml);
-              contentHtml += div({'id':'vb-feedback', 'class':'vb-feedback', 'style':'display:none'}, '');
+              contentHtml += div({'id':'e9-form'}, formHtml);
+              contentHtml += div({'id':'e9-feedback', 'class':'e9-feedback', 'style':'display:none'}, '');
             }
 
-            html += tag(that.headingTag, {'id':'vb-heading','class':'vb-heading'}, response.widget_title);
-            html += div('vb-content', contentHtml);
+            html += tag(that.headingTag, {'id':'e9-heading','class':'e9-heading'}, response.widget_title);
+            html += div('e9-content', contentHtml);
 
             // hide the element so it can be manipulated by onRender
             this.element.style.display = 'none';
 
-            this.element.innerHTML = div('vb-widget', html);
+            this.element.innerHTML = div('e9-widget', html);
 
-            var select  = document.getElementById('vb-category-select'),
+            var select  = document.getElementById('e9-category-select'),
                      el = this.element,
-                vendors = document.getElementsByClassName('vb-vendor', 'div', el);
+                vendors = document.getElementsByClassName('e9-vendor', 'div', el);
 
             function toggleViz(v, els) {
               for (i in els) {
@@ -734,7 +733,7 @@ E9 = window.E9 || {};
                 toggleViz(true, vendors);
               } else {
                 toggleViz(false, vendors);
-                toggleViz(true, getElementsByClassName('vb-c'+this.value, 'div', el));
+                toggleViz(true, getElementsByClassName('e9-c'+this.value, 'div', el));
               }
             }
 
@@ -742,7 +741,7 @@ E9 = window.E9 || {};
             for (var i=0;i<showlinks.length;i++) {
               showlink = showlinks[i];
 
-              showlink['element'] = document.getElementById('vb-ld' + showlink.attributes['data-id'].value);
+              showlink['element'] = document.getElementById('e9-ld' + showlink.attributes['data-id'].value);
 
               showlink.onclick = function() {
                 this.element.style.display = this.element.style.display == 'none' ? 'block' : 'none';
@@ -755,15 +754,15 @@ E9 = window.E9 || {};
             }
 
             if (this.showForm) {
-              var form   = document.getElementById('vb-form'),
-                  submit = document.getElementById('vb-form-submit');
+              var form   = document.getElementById('e9-form'),
+                  submit = document.getElementById('e9-form-submit');
 
               submit.onclick = function(e) {
                 this.setAttribute("disabled", "disabled");
    
                 var fields = that.getFieldElements();
                 for(var i=0;i<fields.length;i++) {
-                  fields[i].className = 'vb-field';
+                  fields[i].className = 'e9-field';
                 }
 
                 var inputs = form.getElementsByTagName('input');
@@ -778,10 +777,10 @@ E9 = window.E9 || {};
                   formData += '&';
                 }
 
-                formData += 'jsonp=E9.VWidget.' + that.callback;
+                formData += 'jsonp=E9.VendorWidget.' + that.callback;
 
                 that.setTimeout();
-                E9.VWidget.jsonP(that.formUrl + '?' + formData, function(el) {
+                E9.VendorWidget.jsonP(that.formUrl + '?' + formData, function(el) {
                   that.scriptElement = el;
                 });
 
@@ -796,7 +795,7 @@ E9 = window.E9 || {};
           }
         } else {
           this.element.style.display = 'none';
-          this.element.innerHTML = E9.VWidget.ERROR_MESSAGE;
+          this.element.innerHTML = E9.VendorWidget.ERROR_MESSAGE;
           this.onError(this);
           this.element.style.display = 'block';
         }
@@ -816,7 +815,7 @@ E9 = window.E9 || {};
         if (this.scriptUrl) {
           function loadJSON() {
             that.setTimeout();
-            E9.VWidget.jsonP(that.scriptUrl, function(el) { that.scriptElement = el; });
+            E9.VendorWidget.jsonP(that.scriptUrl, function(el) { that.scriptElement = el; });
           }
 
           if (this.showForm) {
@@ -824,7 +823,7 @@ E9 = window.E9 || {};
             wait({
               timeout : that.recaptcha_timeout,
               until   : function(elapsed) { return typeof Recaptcha !== 'undefined'; },
-              error   : function() { that.element.innerHTML = E9.VWidget.ERROR_MESSAGE; },
+              error   : function() { that.element.innerHTML = E9.VendorWidget.ERROR_MESSAGE; },
               success : loadJSON
             });
           } else {
@@ -836,4 +835,3 @@ E9 = window.E9 || {};
     };
   }();
 })();
-

data/lib/generators/e9_vendors/templates/stylesheets/{vb-widget-ie.scss → e9-widget-ie.scss}

@@ -1,13 +1,13 @@
-* html #vb-widget legend {
+* html #e9-widget legend {
   margin: 0px -8px 16px 0;
   padding: 0; 
 }
 
-html > #vb-widget p code {
+html > #e9-widget p code {
   *white-space: normal; 
 }
 
-#vb-widget {
+#e9-widget {
   img {
     -ms-interpolation-mode: bicubic; 
   }

data/lib/generators/e9_vendors/templates/stylesheets/{vb-widget.scss → e9-widget.scss}

@@ -1,6 +1,6 @@
 @import "compass/utilities/general/clearfix";
 
-#vb-widget {
+#e9-widget {
   $input_width:                           300px;
   $textarea_width:                        390px;
   $textarea_height:                       250px;
@@ -19,15 +19,15 @@
   label {
     display: block; 
   }
-  fieldset, .vb-field {
+  fieldset, .e9-field {
     margin: 0 0 1em 0; 
   }
   fieldset {
     padding: 0.5em 0.75em 0.75em;
-    .vb-field {
+    .e9-field {
       margin: 0 0 0.25em 0; 
     }
-    &.vb-checkbox {
+    &.e9-checkbox {
       input[type=checkbox] {
         margin-right: 0.3em; 
       }
@@ -58,38 +58,38 @@
   select {
     margin: 0.5em 0; 
   }
-  .vb-heading, .vb-subheading {
+  .e9-heading, .e9-subheading {
     margin: 0.25em 0; 
   }
-  .vb-vendor-category {
+  .e9-vendor-category {
     margin: 0 0 0.5em;
     padding: 0.5em 0 0; 
   }
-  .vb-vendor-category-name {
+  .e9-vendor-category-name {
     font-size: 1.1em;
     margin: 0 0 0.25em 0; 
   }
-  .vb-actions {
+  .e9-actions {
     margin: 1em 0; 
   }
-  .vb-vendor {
+  .e9-vendor {
     @include clearfix;
     margin-bottom: 1em;
-    .vb-vendor-content {
+    .e9-vendor-content {
       float: none;
-      .vb-vendor-name {
+      .e9-vendor-name {
         font-size: 1.25em; 
       } 
     }
-    .vb-vendor-logo {
+    .e9-vendor-logo {
       float: left;
       margin-right: 0.5em; 
     } 
   }
-  .vb-show-desc-link {
+  .e9-show-desc-link {
     white-space: nowrap; 
   }
-  .vb-text {
+  .e9-text {
     padding: 0.25em 0; 
   }
   input {
@@ -119,24 +119,24 @@
     }
   }
 
-  .vb-feedback.vb-feedback-error,
-  .vb-field-error input[type=email],
-  .vb-field-error input[type=text],
-  .vb-field-error input[type=password] {
+  .e9-feedback.e9-feedback-error,
+  .e9-field-error input[type=email],
+  .e9-field-error input[type=text],
+  .e9-field-error input[type=password] {
     background-color: $feedback_error_background_color;
     border-color: $feedback_error_border_color; 
   }
-  .vb-feedback.vb-feedback-error, .vb-field-error {
+  .e9-feedback.e9-feedback-error, .e9-field-error {
     color: $feedback_error_color;
     a {
       color: $feedback_error_color; 
     } 
   }
-  .vb-feedback {
+  .e9-feedback {
     padding: 0.5em 0.75em;
     margin-bottom: 1em;
     border: 1px solid $fieldset_border_color;
-    &.vb-feedback-success {
+    &.e9-feedback-success {
       background-color: $feedback_success_background_color;
       border-color: $feedback_success_border_color;
       color: $feedback_success_color;
@@ -144,7 +144,7 @@
         color: $feedback_success_color; 
       } 
     }
-    .vb-feedback-error-field {
+    .e9-feedback-error-field {
       margin: 0.25em 0; 
     } 
   } 

metadata

@@ -2,7 +2,7 @@
 name: e9_vendors
 version: !ruby/object:Gem::Version 
   prerelease: 
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors: 
 - Travis Cox
@@ -93,11 +93,11 @@ files:
 - lib/e9_vendors/model.rb
 - lib/e9_vendors/version.rb
 - lib/generators/e9_vendors/install_generator.rb
-- lib/generators/e9_vendors/templates/javascripts/e9_vendors.js
-- lib/generators/e9_vendors/templates/javascripts/widget.js
+- lib/generators/e9_vendors/templates/javascripts/e9-vendors.js
+- lib/generators/e9_vendors/templates/javascripts/vendor-widget.js
 - lib/generators/e9_vendors/templates/migration.rb
-- lib/generators/e9_vendors/templates/stylesheets/vb-widget-ie.scss
-- lib/generators/e9_vendors/templates/stylesheets/vb-widget.scss
+- lib/generators/e9_vendors/templates/stylesheets/e9-widget-ie.scss
+- lib/generators/e9_vendors/templates/stylesheets/e9-widget.scss
 has_rdoc: true
 homepage: http://github.com/e9digital/e9_vendors
 licenses: []