Subversion Repositories SmartDukaan

<style>
    .grab {
        cursor: grab;
    }

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

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


<div class="row">

    <form class="form-inline" onsubmit="event.preventDefault();addBannerUrl();">
        <div class="form-group">
            <label for="banner-url">Banner Url</label>
            <input type="text" class="form-control" id="banner-url" placeholder="Banner Url">
        </div>
        <div class="form-group">
            <label for="target-url">Target Url</label>
            <input type="text" class="form-control" id="target-url" placeholder="Target Url">
        </div>
        <div class="form-group">
            <label for="rank">Rank</label>
            <input class="form-control" id="rank" placeholder="Rank">
        </div>

        <div class="form-group">
            <label for="media-type">Media Type</label>
            <select class="form-control input-sm" id="media-type" name="media-type" placeholder="Media Type">
                <option value="" disabled selected>Media Type</option>
                <option value="image">Image</option>
                <option value="video">Video</option>
            </select>
        </div>
        <div class="form-group">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" id="is-trial" name="is-trial">
                <label class="form-check-label" for="is-trial">
                    Is Trial Banner
                </label>
            </div>
        </div>

        <button id="addBannerUrl" type="button" class="btn btn-default" data-id="$bannerListing.getId()">Add</button>
    </form>

</div>

<div class="row">

    <div>
        <button id="update-banner-rank" disabled class="btn btn-default" type="button" data-id="$bannerListing.getId()">
            Update Rank
        </button>
    </div>


</div>

<div class="row">
    <table class="table table-border table-condensed table-bordered" id="banner-product-listing-table">
        <thead>
        <tr>
            <th>Banner Url</th>
            <th>Target Url</th>
            <th>Rank</th>
            <th>Media Type</th>
            <th>Actions</th>
        </tr>
        </thead>
        <tbody id="banner-product-listing-tbody">
            #if(!$bannerListingDetail.isEmpty())
                #foreach( $productListing in $bannerListingDetail )
                <tr data-id="$productListing.getId()">
                    <td>$productListing.getBannerUrl()</td>
                    <td>$productListing.getTargetUrl()</td>
                    <td class="grab-banner">$productListing.getRank()</td>
                    <td>$productListing.getMediaType()</td>
                    <td><a href="javascript:void(0)" data-bannerlistingid="$bannerListing.getId()"
                           data-bannerid="$productListing.getId()" , class="banner-remove">Remove</a></td>
                </tr>
                #end
            #else
            <tr>
                <td colspan="4" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
            </tr>
            #end
        </tbody>
    </table>
</div>