Gadgets/item: added description

modules/ui/item/item.html

@@ -25,6 +25,33 @@
           data-iconpos="left"
           data-inline="true">Finish Order</a>
       </div>
+
+      <div data-role="fieldcontain">
+        <div data-role="collapsible-set">
+          <div data-role="collapsible" data-collapsed="true">
+            <h1 class="translate" data-i18n-target=".ui-collapsible-heading-toggle" data-i18n="item.description">Description</h1>
+            <p class="description translate" data-i18n=""><!-- description_template --></p>
+          </div>
+          <!--
+          <div data-role="collapsible" data-collapsed="true">
+            <h1  class="translate" data-i18n-target=".ui-collapsible-heading-toggle" data-i18n="item.reviews">Reviews</h1>
+            <div class="reviews"></div>
+          </div>
+          -->
+          <div data-role="collapsible" data-collapsed="true">
+            <h1  class="translate" data-i18n-target=".ui-collapsible-heading-toggle" data-i18n="item.shipping">Shipping</h1>
+            <p class="shipping translate" data-i18n="[html]custom.general.shipping"></p>
+          </div>
+          <div data-role="collapsible" data-collapsed="true">
+            <h1  class="translate" data-i18n-target=".ui-collapsible-heading-toggle" data-i18n="item.returns">Returns</h1>
+            <p class="returns translate" data-i18n="[html]custom.general.returns"></p>
+          </div>
+          <div data-role="collapsible" data-collapsed="true">
+            <h1  class="translate" data-i18n-target=".ui-collapsible-heading-toggle" data-i18n="item.payment">Payment</h1>
+            <p class="payment translate" data-i18n="[html]custom.general.payment"></p>
+          </div>
+        </div>
+      </div>
   </body>
 </html>
 

modules/ui/item/item.js

@@ -9,10 +9,11 @@ define([
 
     // ========================== ATTRIBUTES ==============================
     // set response, so it's available across function calls
+
     priv.response;
     priv.generateContent = function (response) {
       var i, j, k, content, child, dimension, dimensions, variation,
-        sub_dimension, sub_dimension_i18n;
+        sub_dimension, sub_dimension_i18n, str;
 
       // expose response (will be overwritten, when next item loads
       priv.response = response;
@@ -75,8 +76,8 @@ define([
           "<option class='translate' data-i18n='" + sub_dimension_i18n +
           "' selected='selected' disabled>" + sub_dimension + "</option></select>";
       }
-
-      return str = content + dimensions + child +"</div>";
+      str = content + dimensions + child +"</div>";
+      return [str, response.description ];
     };
 
     // TODO: show some thing
@@ -149,6 +150,8 @@ define([
 
       // callback to generate gallery
       spec.callback = function(err, response) {
+        var str;
+
         if (err) {
           str = priv.generateError();
         } else {
@@ -156,7 +159,8 @@ define([
         }
 
         // TODO: this should not replace the whole gadget content
-        markup = params.source.replace(/<!-- dimensions_template -->/g, str);
+        markup = params.source.replace(/<!-- dimensions_template -->/g, str[0]);
+        markup = markup.replace(/<!-- description_template -->/g, str[1]);
 
         // this is not response.callback(!!)
         params.callback_mockup(markup);