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>Web Listing</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>Web Listing</li>
                        </ol>
                </div>
        </div>
        <div class="col-lg-6">
                <div class="row">
                        <form class="form-inline" onsubmit="addWebListing()">
                          <div class="form-group">
                            <label for="web-listing-title">Title</label>
                            <input type="text" class="form-control" id="web-listing-title" placeholder="Best Sellers">
                          </div>
                          <div class="form-group">
                            <label for="web-listing-url">Url</label>
                            <input class="form-control" id="web-listing-url" placeholder="best-sellers">
                          </div>
                          <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>Title</th>
                                                <th>Rank</th>
                                                <th>Url</th>
                                                <th>Actions</th>
                                        </tr>
                                </thead>
                                <tbody>
                                #foreach($webListing in $webListings)
                                        <tr data-id="$webListing.getId()">
                                                <td>$webListing.getId()</td>
                                                <td>$webListing.getRank()</td>
                                                <td><a href="javascript:void(0)" data-id="$webListing.getId()" class="listing-details">$webListing.getTitle()</a></td>
                                                <td>$webListing.getUrl()</td>
                                                <td></td>
                                        </tr>
                                #end
                                </tbody>
                        </table>
                </div>
        </div>
        <div class="col-lg-6">
                <div id="feature-table">
                        <div class="row">
                        <div class="col-lg-12 web-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>