Subversion Repositories SmartDukaan

 <style>
        .table-striped > tbody > tr:nth-child(odd) > td{
                background: white;
                background-color: white;
        }
        .table-striped > tbody > tr:nth-child(even) > td{
                background: white;
                background-color:white;
        }
        .table-striped > tbody > tr:hover > td,
        .table-striped > tbody > tr:hover {
                background-color: #e98c8f;
                color:white;
        }
        .btn:hover{
                color: grey;
                text-decoration: none;
        }
        .btn-primary:hover{
                color: grey;
                text-decoration: none;
        }
        .sale-details{
                cursor:pointer;
        }
</style>



<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>Store Banners</h3>
                        <ol class="breadcrumb">
                                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                                <li><i class="icon_document_alt"></i>Store Banners</li>
                        </ol>
                </div>
        </div>
        <div class="col-lg-6">
                <div class="row">
                        <form class="form-inline" onsubmit="event.preventDefault();addBannerListing();">
                          <div class="form-group">
                            <label for="page-url">Page Url</label>&nbsp;&nbsp;
                            <input type="text" class="form-control" id="page-url" placeholder="Page Url">
                          </div>&nbsp;&nbsp;
                          <div class="form-group">
                            <label for="page-description">Page Description</label>&nbsp;&nbsp;
                            <input class="form-control" id="page-description" placeholder="Page Description">
                          </div><br><br>
                          
                        
                            <div class="form-group">
                            <label for="website-name">Website Name</label>&nbsp;&nbsp;
                                <select class="form-control input-sm" id = "website-name" name = "website-name" placeholder="Website Name">
                                                        <option value="" disabled selected>Website Name</option>
                                                        <option value="Store Website">Store Website</option>
                                                        <option value="Partner Website">Partner Website</option>
                     </select>
                          </div>&nbsp;&nbsp;&nbsp;
                          <button type="submit" class="btn btn-default">Add</button>
                        </form>
                </div>
                
                <div class="row">
                        <table class="table table-border table-condensed table-bordered" id="catalog-feature-table">
                                <thead>
                                        <tr>
                                                <th>Id</th>
                                                <th>Page Url</th>
                                                <th>Page Description</th>
                                                <th>Website</th>
                                        </tr>
                                </thead>
                                <tbody>
                                #foreach($bannerListing in $bannerListings)
                                        <tr data-id="$bannerListing.getId()">
                                                <td>$bannerListing.getId()</td>
                                                <td><a href="javascript:void(0)" data-id="$bannerListing.getId()" class="banner-listing-detail">$bannerListing.getPageUrl()</a></td>
                                                <td>$bannerListing.getPageDescription()</td>
                                                <td>$bannerListing.getWebsiteName()</td>
                                                
                                        </tr>
                                #end
                                </tbody>
                        </table>
                </div>

        </div>
        
        <div class="col-lg-6">
                <div id="banner-table">
                        <div class="row">
                        <div class="col-lg-12 banner-products-container">
                        </div>
                    </div>
                </div>
        </div>
 </section>

 <script type="text/javascript">
        $(document).ready(function() {
          $('#catalog-feature-table').DataTable(
  {
 
    "bPaginate": true,
    "bLengthChange": true,
    "bFilter": true,
    "bInfo": false,
    "bAutoWidth": false ,
     
    }
     
  );

} );
</script>