cloudrider 0.1.2 → 0.1.3

data/generica/app/assets/javascripts/templates/components/tree-taxon-ul.emblem

@@ -1,9 +1,8 @@
-if adminMode
+if rootTaxon.children.isPending
   .tree-taxon-li
-    link-to "admin.translations.new" class="taxon-interactor admin-mode"
-      .view
-        span.spacebar
-          i.fa.fa-plus
-        tr-span en="new taxon"
-each taxon in taxons
+    .view
+      span.spacebar
+        i.fa.fa-spin.fa-cog
+      tr-span en="loading"        
+each taxon in rootTaxon.children
   tree-taxon-li taxon=taxon activeTaxons=activeTaxons adminMode=adminMode

data/generica/app/assets/javascripts/templates/components/tree-taxon-wrapper.emblem

@@ -1,3 +1,3 @@
 h2.wrapper-title
-  tr-span en="browse and search"
-tree-taxon-ul taxons=rootGenuses activeTaxons=activeTaxons adminMode=adminMode
+  tr-span en="categories"
+tree-taxon-ul rootTaxon=rootTaxon activeTaxons=activeTaxons adminMode=adminMode

data/generica/app/assets/javascripts/templates/employees/index.emblem

@@ -0,0 +1,32 @@
+.row
+  .small-12.columns
+    h2.capitalize.align-right
+      tr-span en="our team"
+.row
+  each contact in model
+    .small-12.medium-6.columns
+      .business-card.panel.radius
+        .text-right
+          .name.capitalize= contact.personName
+          .job= contact.employeeTitle
+
+        .text-left
+          .info
+            span.bold.capitalize.colon
+              tr-span en="email"
+            span.prespace= contact.email
+          .info
+            span.bold.capitalize.colon
+              tr-span en="phone"
+            span.prespace= contact.phoneNumber
+
+  else
+    .small-12.medium-6.columns
+      .business-card.panel.radius
+        .text-right
+          .name
+            i.fa.fa-cog.fa-spin
+            span.capitalize.prespace 
+              tr-span en="loading employees"
+          .job
+            tr-span en="or perhaps no employees have been listed"

data/generica/app/assets/javascripts/templates/index.emblem

@@ -4,4 +4,5 @@ introductory-lobby id="about"
 
 products-showcase id="products" products=model.products
 
-table-booths id="contacts" contacts=model.employees
+table-booths id="contacts" contacts=model.employees message=model.message
+

data/generica/app/assets/javascripts/templates/messages/new.emblem

@@ -0,0 +1,43 @@
+.row
+  .small-12.columns
+    h2.capitalize.white.align-left
+      tr-span en="contact us"
+    if alreadySubmitted
+      .thank-you-card
+        tr-span en="your message has been submitted"
+
+    else
+      form-for errors=failureReason submit="formSubmitted"
+        .input-section attr-name="fromCompany"
+          label.form-label
+            span.capitalize.white
+              span.asterisk
+              tr-span en="your company"
+            Ember.TextField value=model.fromCompany type="text" placeholder="ex. Jack Smith"
+
+        .input-section attr-name="senderEmail"
+          label.form-label
+            span.capitalize.white
+              span.asterisk
+              tr-span en="company email"
+            Ember.TextField value=model.senderEmail type="email" placeholder="ex. jsmith@gmail.com"
+
+        .input-section attr-name="subjectText"
+          label.form-label
+            span.capitalize.white
+              span.asterisk
+              tr-span en="subject"
+            Ember.TextField value=model.subjectText type="text"
+          
+        .input-section attr-name="message"
+          label.form-label
+            span.capitalize.white
+              span.asterisk
+              tr-span en="message"
+            Ember.TextArea value=model.message
+
+        .button-forms
+          promise-button model=model class="button expand"
+            span.capitalize 
+              i.fa.fa-check
+              tr-span en="submit"

data/generica/app/assets/javascripts/templates/products/product/show.emblem

@@ -40,6 +40,14 @@
                 tr-span en="quality"
               dd
                 span= product.quality
+      if product.taxons
+        .row
+          .small-12.columns
+            h4.tags.capitalize
+              tr-span en="category tags"
+            .taxon-tags
+              each taxon in product.taxons
+                span.tag= taxon.taxonName
       if product.others
         .row
           .small-12.columns

data/generica/app/assets/javascripts/transforms/form_data_transformer.js.ls

@@ -1,4 +1,7 @@
 class Apiv1.FormDataTransformer
+  _is-integer = (number) ->
+    _.isFinite(parseInt number) and (parseFloat(number) % 1 is 0)
+    
   _is-form-data-primitive = (data) ->
     (data instanceof File) or (typeof data is "string") or (typeof data is "number")
 
@@ -6,6 +9,7 @@ class Apiv1.FormDataTransformer
     return key if Ember.is-blank pre
     pre + "[#{key}]"
   
+
   @shallowify = (hash, pre="") ->
     return {} unless hash
     output = {}

data/generica/app/assets/stylesheets/apiv1/_admin.css.scss

@@ -1,4 +1,5 @@
 @import "apiv1/admin/contacts/index";
+@import "apiv1/admin/messages/index";
 @import "apiv1/admin/products/index";
 @import "apiv1/admin/products/new";
 @import "apiv1/admin/translations/index";

data/generica/app/assets/stylesheets/apiv1/admin/messages/_index.css.scss

@@ -0,0 +1,34 @@
+.admin-messages-index {
+  .actions {
+    @include display-flex;
+    @include justify-content(space-between);
+    @include flex-direction(row);
+    a {
+      display: block;
+    }
+  }
+  .summary {
+    @include display-flex;
+    @include justify-content(flex-start);
+    @include flex-direction(column);
+    padding: 0px 15px 15px 15px;
+  }
+  .view,
+  .date {
+    padding: 15px;
+    font-size: 1.25rem;
+  }
+  .media-text {
+    padding-left: 15px;
+  }
+  .admin-message-slice {
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    border-bottom: 1px solid #444;
+    background-color: #ddd;
+    &:hover {
+      background-color: lighten(#ddd, 10%);
+    }
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_product-display.css.scss

@@ -24,4 +24,28 @@
     font-size: 2rem;
     text-transform: capitalize;
   }
+  .taxon-tags {
+    padding-bottom: 15px;
+  }
+  .tag {
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    background: {
+      color: darken(red, 25%);
+    }
+    &:hover {
+      background-color: darken(red, 15%);
+    }
+    &:before {
+      content: "+";
+    }
+    font-size: 1.15rem;
+    color: #ddd;
+    padding-left: 5px;
+    padding-right: 10px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    margin-right: 10px;
+  }
 }

data/generica/app/assets/stylesheets/apiv1/components/_product-listing.css.scss

@@ -11,8 +11,8 @@
     }
   }
   .product-image {
-    width: 75px;
-    max-height: 100px;
+    width: 100px;
+    max-height: 200px;
   }
   .media-texts {
     font-size: 1.45rem;
@@ -31,4 +31,29 @@
     @include align-items(center);
     border-bottom: 1px solid #bbb;
   }
+  .taxon-tags {
+    margin-top: 5px;
+    margin-bottom: 5px;
+  }
+  .tag {
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    background: {
+      color: #777;
+    }
+    &:hover {
+      background-color: #999;
+    }
+    &:before {
+      content: "+";
+    }
+    font-size: 1.15rem;
+    color: #ddd;
+    padding-left: 5px;
+    padding-right: 10px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    margin-right: 10px;
+  }
 }

data/generica/app/assets/stylesheets/apiv1/components/_table-booths.css.scss

@@ -22,4 +22,14 @@
   .text-left {
     padding-top: 15px;
   }
+  .thank-you-card {
+    background: {
+      color: darken(green, 10%);
+    }
+    text-align: center;
+    color: #eee;
+    font-size: 2.5rem;
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
 }

data/generica/app/assets/stylesheets/apiv1/components/_tree-taxon-wrapper.css.scss

@@ -3,12 +3,10 @@
     margin-left: 0px;
   }
   .expanded > .taxon-interactor {
-    background-color: #008cba;
-    color: lighten(#ddd, 10%);
+    color: darken(#43ac6a, 10%)
   }
   .selected > .taxon-interactor {
-    background-color: #008cba;
-    color: lighten(#ddd, 10%);
+    color: darken(#43ac6a, 10%);
   }
   .taxon-interactor {
     @include transition-property(background-color);
@@ -16,27 +14,30 @@
     @include transition-timing-function(ease-out);
     background-color: #ddd;
     &.admin-mode {
-      background-color: #43ac6a;
-      color: #ddd;
-    }
-    @media #{$small-only} {
-      padding-left: 5px;
-    }
-    @media #{$medium-only} {
-      padding-left: 10px;
-    }
-    @media #{$large-up} {
-      padding-left: 15px;
+      color: #333;
     }
+    
     &:hover {
       &:not(.admin-mode) {
-        background-color: #008cba;
+        background-color: #e1e1e1;
       }
       &.admin-mode {
-        background-color: lighten(#43ac6a, 10%);
+        background-color: darken(#43ac6a, 10%);
+        color: #eee;
       }
     }
   }
+  .new-child-taxon {
+    @media #{$small-only} {
+      margin-left: 5px;
+    }
+    @media #{$medium-only} {
+      margin-left: 10px;
+    }
+    @media #{$large-up} {
+      margin-left: 15px;
+    }
+  }
   .tree-taxon-ul {
     list-style: none;
   }
@@ -56,8 +57,7 @@
     @include flex-direction(row);
     @include justify-content(space-between);
     font-size: 1.25rem;
-    padding-top: 10px;
-    padding-bottom: 10px;
+
   }
   .taxon-name {
     padding-left: 10px;
@@ -70,7 +70,7 @@
       color: #ddd;
       background-color: darken(red, 10%);
     }
-    color: darken(red, 10%);
+    color: darken(red, 10%);padding-right: 15px;
   }
   .edit {
     @include transition-property(background-color);
@@ -86,7 +86,22 @@
       color: darken(green, 5%);
     }
   }
-  .view {
-    @include flex-grow(3);
+  .view,
+  .edit,
+  .delete {
+    @media #{$small-only} {
+      padding-left: 5px;
+      padding-right: 5px;
+    }
+    @media #{$medium-only} {
+      padding-left: 10px;
+      padding-right: 10px;
+    }
+    @media #{$large-up} {
+      padding-left: 15px;
+      padding-right: 15px;
+    }
+    padding-top: 10px;
+    padding-bottom: 10px;
   }
 }

data/generica/app/assets/stylesheets/apiv1/products/product/_show.css.scss

@@ -15,4 +15,28 @@
     margin-bottom: 15px;
     font-size: 1.45rem;
   }
+  .taxon-tags {
+    padding-bottom: 15px;
+  }
+  .tag {
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    background: {
+      color: darken(red, 25%);
+    }
+    &:hover {
+      background-color: darken(red, 15%);
+    }
+    &:before {
+      content: "+";
+    }
+    font-size: 1.15rem;
+    color: #ddd;
+    padding-left: 5px;
+    padding-right: 10px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    margin-right: 10px;
+  }
 }

data/generica/app/assets/stylesheets/apiv1/shared/_constants.css.scss

@@ -20,10 +20,10 @@
   text-overflow: ellipsis;
 }
 .parantheses:after {
-  content: ")";
+  content: ") ";
 }
 .parantheses:before {
-  content: "(";
+  content: " (";
 }
 .italic {
   font-style: italic;

data/generica/app/controllers/admin/taxons/create_controller.rb

@@ -0,0 +1,26 @@
+class Admin::Taxons::CreateController < Admin::BaseController
+  def create
+    if _taxon_creation_success?
+      _taxon_factory.save!
+      render json: _taxon_hash
+    else
+      render json: _error_hash, status: :expectation_failed
+    end
+  end
+  private
+  def _taxon_creation_success?
+    _taxon_factory.satisfy_specifications?
+  end
+  def _taxon_hash
+    _taxon_factory.taxon_hash
+  end
+  def _error_hash
+    _taxon_factory.error_hash
+  end
+  def _taxon_factory
+    @taxon_factory ||= Admin::TaxonFactory.new _taxon_params
+  end
+  def _taxon_params
+    params.require(:admin_taxon)
+  end
+end