From bce64a1eadeea7fe3888b34e92349b4b1c2e3be3 Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Fri, 13 Mar 2015 15:34:11 +1100
Subject: [PATCH] WIP product modals for shopfront

---
 .../templates/product_modal.html.haml         | 29 +++++++++++++++----
 .../darkswarm/_shop-modals.css.sass           |  6 ++++
 2 files changed, 30 insertions(+), 5 deletions(-)
 create mode 100644 app/assets/stylesheets/darkswarm/_shop-modals.css.sass

diff --git a/app/assets/javascripts/templates/product_modal.html.haml b/app/assets/javascripts/templates/product_modal.html.haml
index 82cda0a371..f472d9285a 100644
--- a/app/assets/javascripts/templates/product_modal.html.haml
+++ b/app/assets/javascripts/templates/product_modal.html.haml
@@ -1,9 +1,28 @@
 .row
+  
+  .columns.small-12.large-6.product-header
+    %h2 {{product.name}}
+    %span 
+      %em from
+      %span.avenir {{ enterprise.name }}
+
+    .filter-box.taxon-selectors
+      %div{ objects: "[product] | taxonsOf"}
+
+    %hr
+
+    .filter-box.property-selectors
+      %single-line-selectors{ objects: "[product] | propertiesOf"}
+
+
+    / %render-svg{path: "{{product.primary_taxon.icon}}"}
+      
+    %div{"ng-if" => "product.description"}
+      %hr
+      .text-small {{product.description}}
+      %hr
+
   .columns.small-12.large-6
     %img.product-img{"ng-src" => "{{product.largeImage}}", "ng-if" => "product.largeImage"}
-  .columns.small-12.large-6.product-header
-    %h2 
-      / %render-svg{path: "{{product.primary_taxon.icon}}"}
-      {{product.name}}
-    %p {{product.description}}
+
 %ng-include{src: "'partials/close.html'"}
diff --git a/app/assets/stylesheets/darkswarm/_shop-modals.css.sass b/app/assets/stylesheets/darkswarm/_shop-modals.css.sass
new file mode 100644
index 0000000000..405c1bc701
--- /dev/null
+++ b/app/assets/stylesheets/darkswarm/_shop-modals.css.sass
@@ -0,0 +1,6 @@
+
+.product-header
+	h1, h2, h3, h4, h5, h6
+		margin: 0
+	hr
+		margin: 0.5em 0
\ No newline at end of file