Subversion Repositories SmartDukaan

Rev

Rev 25093 | Rev 30607 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 25093 Rev 30601
Line 1... Line 1...
1 
<style>
 1 
<style>
2 
	.table-striped > tbody > tr:nth-child(odd) > td{
 2 
    .table-striped > tbody > tr:nth-child(odd) > td {
3 
  		background: white;
 3 
        background: white;
4 
  		background-color: white;
 4 
        background-color: white;
- 
 
 5 
    }
5 
	}
 6 
 
6 
	.table-striped > tbody > tr:nth-child(even) > td{
 7 
    .table-striped > tbody > tr:nth-child(even) > td {
7 
  		background: white;
 8 
        background: white;
8 
  		background-color:white;
 9 
        background-color: white;
- 
 
 10 
    }
9 
	}
 11 
 
10 
	.table-striped > tbody > tr:hover > td,
 12 
    .table-striped > tbody > tr:hover > td,
11 
	.table-striped > tbody > tr:hover {
 13 
    .table-striped > tbody > tr:hover {
12 
		background-color: #e98c8f;
 14 
        background-color: #e98c8f;
13 
	  	color:white;
 15 
        color: white;
- 
 
 16 
    }
14 
	}
 17 
 
15 
	.btn:hover{
 18 
    .btn:hover {
16 
  		color: grey;
 19 
        color: grey;
17 
  		text-decoration: none;
 20 
        text-decoration: none;
- 
 
 21 
    }
18 
	}
 22 
 
19 
	.btn-primary:hover{
 23 
    .btn-primary:hover {
20 
  		color: grey;
 24 
        color: grey;
21 
  		text-decoration: none;
 25 
        text-decoration: none;
- 
 
 26 
    }
22 
	}
 27 
 
23 
	.sale-details{
 28 
    .sale-details {
24 
		cursor:pointer;
 29 
        cursor: pointer;
25 
	}
 30 
    }
26 
</style>
 31 
</style>
27 
<script>
 32 
<script>
28 
	$(function() {
 33 
    $(function () {
29 
 
 34 
 
30 
    	var start = startDate || moment().subtract(29, 'days');
 35 
        let start = moment().subtract(29, 'days');
31 
    	var end = endDate || moment();
 36 
        let end = moment();
32 
    	$('#saleDuration').daterangepicker(getRangedDatePicker(true), dateRangeCallback);
 37 
        $('#saleDuration').daterangepicker(getRangedDatePicker(true, start, end));
33 
 
 - 
 
34
38 
    });
35 
	});
 - 
 
36 
</script>
 39 
</script>
37 
 
 40 
 
38 
<section class="wrapper">
41 
<section class="wrapper">
39 
	<div class="row">
 42 
    <div class="row">
40 
		<div class="col-lg-12">
 43 
        <div class="col-lg-12">
41 
			<h3 class="page-header"><i class="icon_document_alt"></i>SALE HISTORY</h3>
 44 
            <h3 class="page-header"><i class="icon_document_alt"></i>SALE HISTORY</h3>
42 
			<ol class="breadcrumb">
 45 
            <ol class="breadcrumb">
43 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
 46 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
44 
				<li><i class="icon_document_alt"></i>SALE HISTORY</li>
47 
                <li><i class="icon_document_alt"></i>SALE HISTORY</li>
45 
			</ol>
 48 
            </ol>
46 
		</div>
 49 
        </div>
47 
	</div>
 50 
    </div>
48
51 
 
49 
	<div id="sale-history-search">
 52 
    <div id="sale-history-search">
50 
    	<div class="row">
 53 
        <div class="row">
51 
        	<div class="col-lg-2 form-group">
 54 
            <div class="col-lg-2 form-group">
52 
        		<select class="form-control" id = "searchType" name = "searchType" placeholder="Search Type">
 55 
                <select class="form-control" id="searchType" name="searchType" placeholder="Search Type">
53 
					<option value="" disabled selected>Search Type</option>
 56 
                    <option value="" disabled selected>Search Type</option>
54 
					#foreach($searchType1 in $searchTypes)
 57 
                    #foreach($searchType1 in $searchTypes)
55 
					#if($searchType.getValue()==$searchType1.getValue())
 58 
                        #if($searchType.getValue()==$searchType1.getValue())
56 
						<option value="$searchType1" selected>$searchType1.getValue()</option>
 59 
                            <option value="$searchType1" selected>$searchType1.getValue()</option>
57 
						#else
 60 
                        #else
58 
						<option value="$searchType1">$searchType1.getValue()</option>
 61 
                            <option value="$searchType1">$searchType1.getValue()</option>
59 
						#end
 62 
                        #end
60 
					#end
 63 
                    #end
61 
             	</select>
 64 
                </select>
62 
        	</div>
 65 
            </div>
63 
			#if($searchType.getValue()=="Date-Range")
 66 
            #if($searchType.getValue()=="Date-Range")
64 
        	<div class="col-lg-3">
 67 
                <div class="col-lg-3">
65 
				<div class="input-group">
 68 
                    <div class="input-group">
66 
					<input class="form-control" placeholder="Sale Period" id="saleDuration" type="text" value="$searchValue">
 69 
                        <input class="form-control" placeholder="Sale Period" id="saleDuration" type="text"
- 
 
 70 
                               value="$searchValue">
67 
				</div>
 71 
                    </div>
68 
			</div>
 72 
                </div>
69 
        	#elseif($searchType)
 73 
            #elseif($searchType)
70 
        	<div class="col-lg-3">
 74 
                <div class="col-lg-3">
71 
            	<input type="text" class="form-control" id="sale-history-search-text"" placeholder="Search by $searchType.getValue()" value="$searchValue" />
 75 
                    <input type="text" class="form-control" id="sale-history-search-text"" placeholder="Search
- 
 
 76 
                    by $searchType.getValue()" value="$searchValue" />
72 
        	</div>
 77 
                </div>
73 
        	#else
 78 
            #else
74 
        	<div class="col-lg-3">
 79 
                <div class="col-lg-3">
75 
            	<input type="text" class="form-control" id="sale-history-search-text"" placeholder="Search by" value="$searchValue" />
 80 
                    <input type="text" class="form-control" id="sale-history-search-text"" placeholder="Search by"
- 
 
 81 
                    value="$searchValue" />
76 
        	</div>
 82 
                </div>
77 
        	#end
 83 
            #end
78 
			<div class="col-lg-1">
 84 
            <div class="col-lg-1">
79 
              	<button class="btn btn-primary submit" id="sale-history-search-button" type="button">Search</button>
 85 
                <button class="btn btn-primary submit" id="sale-history-search-button" type="button">Search</button>
80 
			</div>
 86 
            </div>
81 
			<div class="col-lg-2">
 87 
            <div class="col-lg-2">
82 
              	<button class="btn btn-primary submit" id="invoice-download-button" type="button">Download(Upto 100 invoices)</button>
 88 
                <button class="btn btn-primary submit" id="invoice-download-button" type="button">Download(Upto 100
- 
 
 89 
                    invoices)
83 
			</div>
 90 
                </button>
84
91 
            </div>
- 
 
 92 
 
85 
       	</div>
 93 
        </div>
86 
   	</div>
 94 
    </div>
87 
  	<div id="sale-history-table">
 95 
    <div id="sale-history-table">
88 
		<div class="row">
 96 
        <div class="row">
89 
	    	<div class="col-lg-12">
 97 
            <div class="col-lg-12">
90 
	    		<table class="table table-striped table-advance table-hover">
 98 
                <table class="table table-striped table-advance table-hover">
91 
	    			<tbody>
 99 
                    <tbody>
92 
	    				<tr>
 100 
                    <tr>
93 
	    					<th>Invoice Number</th>
 101 
                        <th>Invoice Number</th>
94 
	    					<th>Total Amount</th>
 102 
                        <th>Total Amount</th>
95 
	    					<th>Created On</th>
 103 
                        <th>Created On</th>
96 
	    					<th>View Details</th>
 104 
                        <th>View Details</th>
97 
	    				</tr>
 105 
                    </tr>
98 
	    				#if(!$saleHistories.isEmpty())
 106 
                        #if(!$saleHistories.isEmpty())
99 
			    			#foreach( $saleHistory in $saleHistories )
 107 
                            #foreach( $saleHistory in $saleHistories )
100 
			    				<tr class="sale-details" data="$saleHistory.getId()">
 108 
                            <tr class="sale-details" data="$saleHistory.getId()">
101 
			    					<td>$saleHistory.getInvoiceNumber()</td>
 109 
                                <td>$saleHistory.getInvoiceNumber()</td>
102 
			    					<td>$saleHistory.getTotalAmount()</td>
 110 
                                <td>$saleHistory.getTotalAmount()</td>
103 
			    					<td>$saleHistory.getFormattedDate()</td>
 111 
                                <td>$saleHistory.getFormattedDate()</td>
- 
 
 112 
                                <td>
104 
			    					<td><button class="btn btn-primary">View</button</td>
 113 
                                    <button class="btn btn-primary">View</button
- 
 
 114 
                                </td>
105 
			    				</tr>
 115 
                            </tr>
106 
			    			#end
 116 
                            #end
107 
		    			#else
 117 
                        #else
108 
		    				<tr>
 118 
                        <tr>
109 
		    					<td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
 119 
                            <td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
110 
		    				</tr>
 120 
                        </tr>
111 
		    			#end
 121 
                        #end
112 
	    			</tbody>
 122 
                    </tbody>
113 
	    		</table>
 123 
                </table>
114 
	    	</div>
 124 
            </div>
115 
	    </div>
 125 
        </div>
116 
    </div>
 126 
    </div>
117 
    #if(!$saleHistories.isEmpty())
 127 
    #if(!$saleHistories.isEmpty())
118 
    	<div class="row" id="sale-history-paginated">
 128 
        <div class="row" id="sale-history-paginated">
119 
    		<div class="col-lg-9">
 129 
            <div class="col-lg-9">
120 
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
 130 
                <p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span
- 
 
 131 
                        class="size">$size</span> items</p>
121 
    		</div>
 132 
            </div>
122 
    		<div class="col-lg-3" style="text-align:right;">
 133 
            <div class="col-lg-3" style="text-align:right;">
123 
				<div class="btn-group" style="width:40%">
 134 
                <div class="btn-group" style="width:40%">
124 
					<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
 135 
                    <button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
125 
				</div>
 136 
                </div>
126 
				<div class="btn-group" style="width:40%">
 137 
                <div class="btn-group" style="width:40%">
127 
					#if($end >= $size)
 138 
                    #if($end >= $size)
128 
						<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
 139 
                        <button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
129 
					#else
 140 
                    #else
130 
						<button class="btn btn-primary next" style="width:100%">Next</button>
 141 
                        <button class="btn btn-primary next" style="width:100%">Next</button>
131 
					#end
 142 
                    #end
132 
				</div>
 143 
                </div>
133 
	    	</div>
 144 
            </div>
134 
	    </div>
 145 
        </div>
135 
    #end
 146 
    #end
136 
</section>
 147 
</section>
137 
<div id="sale-details-container" style="background:white;background-color:white;">
 148 
<div id="sale-details-container" style="background:white;background-color:white;">
138 
</div>
 149 
</div>
139 

            150