Subversion Repositories SmartDukaan

<style>
.grab {
        cursor: grab;
}

.grabbed {
        box-shadow: 0 0 13px #000;
}

.grabCursor, .grabCursor * {
        cursor: grabbing !important;
}
</style>


<div class="row">
        <div class="col-lg-7">
                <div class="col-lg-8">
                        <span style="font-size:20px">$webOffer.getTitle()</span>
                </div>
                <div class="col-lg-4">
                        <button class="update-rank" disabled class="btn btn-default"
                                type="button" data-id="$webOffer.getId()">Update Rank</button>
                </div>

        </div>
        <div class="col-lg-5">
                <div class="input-group">
                        <input type="text" class="form-control typeahead" id="entityData"
                                placeholder="Search for Item"> <span class="input-group-btn">
                                <button id="add-to-offer" class="btn btn-default" type="button"
                                        data-id="$webOffer.getId()">Add to Offer</button>
                        </span>
                </div>
        </div>
</div>
<table class="table table-border table-condensed table-bordered"
        id="web-product-listing-table">
        <thead>
                <tr>
                        <th>Catalog Id</th>
                        <th>Item Name</th>
                        <th>Rank</th>
                        <th>Actions</th>
                </tr>
        </thead>
        <tbody id="web-product-listing-tbody">
                #if(!$productListing.isEmpty()) #foreach( $productListing in
                $productListings )
                <tr class="grab" data-entityid="$productListing.getEntityId()"
                        data-id="$productListing.getId()">
                        <td>$productListing.getEntityId()</td>
                        <td>$productListing.getProductName()</td>
                        <td>$productListing.getRank()</td>
                        <td><a href="javascript:void(0)" data-web-productid="$productListing.getId()" class="product-remove">Remove</a></td>
                </tr>
                #end #else
                <tr>
                        <td colspan="3" style="text-align: center;">NO MATCHING DATA
                                FOUND FOR CRITERIA</td>
                </tr>
                #end
        </tbody>
</table>

<script type="text/javascript">
        getEntityAheadOptions($("#entityData"), function(selectedEntity) {
                entityId = selectedEntity.catalogId_i;
        });

        $(document).ready(function() {
                $('#web-product-listing-table').DataTable({
                        "bPaginate" : true,
                        "bLengthChange" : true,
                        "bFilter" : true,
                        "bInfo" : false,
                        "bAutoWidth" : false,
                        "pageLength" : 200
                });
        });
</script>