index.html

<div ng-controller="DefaultProductsOutputCtrl">

    <h4>{{form.l1}} / {{form.l2}} / {{form.l3}}</h4>

    <br>
    Total products : <span>{{::hitInfo.hitInfo.totalHits}}</span>

    <div ng-repeat="bucket in hitInfo.buckets track by bucket.key" ng-if="bucket.result.length > 0">
        <hr>
        <div ng-repeat="bi in ::bucket.bucketInfo">
            <strong>{{::advancedSearchService.getHeader(bi.field)}}</strong>: <span>{{::bi.value}}</span><br />
        </div>

        <table class="table table-striped table-hover table-condensed" style="font-size: 80%">
            <thead>
            <tr>
                <th></th>
                <th ng-repeat="column in ::hitInfo.tableColumns track by column" ng-class="::advancedSearchService.getColumnClass(column)">{{::advancedSearchService.getHeader(column)}}</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="row in ::bucket.result track by row.product_code">
                <td>
                    <button add-product add-product backtodashboardfn="backtodashboard" reorderproductfn="addToCard" product="row"
                            style="min-width:50px" type="button" class="btn btn-xs btn-primary">Add to cart
                    </button>
                </td>
                <!--td ng-if="column=='product_code'" ng-repeat="column in ::hitInfo.tableColumns track by column">
                    <a href="" aria-hidden="true" add-product backtodashboardfn="backtodashboard" reorderproductfn="addToCard" product="row" ng-bind="::row[column]"></a>
                </td-->

                <td ng-repeat="column in ::hitInfo.tableColumns track by column" ng-class="::advancedSearchService.getColumnClass(column)">
                    <span>{{::row[column] | dFilter:advancedSearchService.getFilter(column)}}</span>
                </td>
            </tr>
            </tbody>
        </table>

    </div>

</div>