MAGETWO-38644: Output data Estimated Total and Cart Items Count on Checkout

added view model
minor fixes for item details

Author: Serhiy Shkolyarenko

app/code/Magento/Checkout/view/frontend/layout/checkout_index_index.xml

@@ -46,6 +46,14 @@
                                         <item name="component" xsi:type="string">Magento_Checkout/js/view/progress-bar</item>
                                         <item name="displayArea" xsi:type="string">progressBar</item>
                                     </item>
+                                    <item name="estimation" xsi:type="array">
+                                        <item name="sortOrder" xsi:type="string">10</item>
+                                        <item name="component" xsi:type="string">Magento_Checkout/js/view/estimation</item>
+                                        <item name="displayArea" xsi:type="string">estimation</item>
+                                        <item name="config" xsi:type="array">
+                                            <item name="template" xsi:type="string">Magento_Checkout/estimation</item>
+                                        </item>
+                                    </item>
                                     <item name="steps" xsi:type="array">
                                         <item name="component" xsi:type="string">uiComponent</item>
                                         <item name="displayArea" xsi:type="string">steps</item>

app/code/Magento/Checkout/view/frontend/web/js/view/estimation.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright © 2015 Magento. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+define(
+    [
+        'Magento_Checkout/js/view/summary/abstract-total',
+        'Magento_Checkout/js/model/totals'
+    ],
+    function (Component, totals) {
+        'use strict';
+        return Component.extend({
+            getQuantity: function() {
+                if (totals.totals()) {
+                    return parseFloat(totals.totals().items_qty);
+                }
+                return 0;
+            },
+            getPureValue: function() {
+                if (totals.totals()) {
+                    return parseFloat(totals.getSegment('grand_total').value);
+                }
+                return 0;
+            },
+            getValue: function () {
+                return this.getFormattedPrice(this.getPureValue());
+            }
+
+        });
+    }
+);
+

app/code/Magento/Checkout/view/frontend/web/js/view/summary/cart-items.js

@@ -21,7 +21,7 @@ define(
             totals: totals.totals(),
             getItems: totals.getItems(),
             getItemsQty: function() {
-                return parseInt(this.totals.items_qty) || 0;
+                return parseFloat(this.totals.items_qty);
             },
             isItemsBlockExpanded: function () {
                 return quote.isVirtual() || stepNavigator.isProcessed('shipping');

app/code/Magento/Checkout/view/frontend/web/js/view/summary/item/details.js

@@ -6,11 +6,9 @@
 /*global alert*/
 define(
     [
-        'uiComponent',
-        '../../../model/quote',
-        'Magento_Catalog/js/price-utils'
+        'uiComponent'
     ],
-    function (Component, quote, priceUtils) {
+    function (Component) {
         "use strict";
         return Component.extend({
             defaults: {

app/code/Magento/Checkout/view/frontend/web/template/estimation.html

@@ -0,0 +1,19 @@
+<!--
+/**
+ * Copyright © 2015 Magento. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<div class="opc-estimated-wrapper">
+    <div class="estimated-block">
+        <span class="estimated-label" data-bind="text: $t('Estimated Total')"></span>
+        <span class="estimated-price" data-bind="text: getValue()">$120.00</span>
+    </div>
+    <div class="minicart-wrapper">
+        <button type="button" class="action showcart" data-toggle="opc-summary">
+            <span class="counter qty">
+                <span class="counter-number" data-bind="text: getQuantity()"></span>
+            </span>
+        </button>
+    </div>
+</div>

app/code/Magento/Checkout/view/frontend/web/template/onepage.html

@@ -12,29 +12,9 @@
 <!-- ko template: getTemplate() --><!-- /ko -->
 <!--/ko-->
 
-<!-- Temp MAGETWO-36025 markup -->
-<div class="opc-estimated-wrapper">
-<!-- Markup for MAGETWO-38644 -->
-    <div class="estimated-block">
-        <span class="estimated-label" data-bind="text: $t('Estimated Total')"></span>
-        <span class="estimated-price">$100.00</span>
-    </div>
-    <div class="minicart-wrapper">
-        <button type="button" class="action showcart" data-toggle="opc-summary">
-            <span class="counter qty">
-                <span class="counter-number">6</span>
-            </span>
-        </button>
-    </div>
-    <!-- Temp MAGETWO-36025 markup
-    <button
-        type="button"
-        class="action showcart"
-        data-toggle="opc-summary">
-        <span data-bind="text: $t('View order summary')"></span>
-    </button>-->
-</div>
-<!-- /Temp MAGETWO-36025 markup -->
+<!-- ko foreach: getRegion('estimation') -->
+    <!-- ko template: getTemplate() --><!-- /ko -->
+<!--/ko-->
 
 <!-- ko foreach: getRegion('messages') -->
     <!-- ko template: getTemplate() --><!-- /ko -->