Subversion Repositories SmartDukaan

Rev

Rev 23419 | Rev 23886 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
22860 ashik.ali 1
<style>
2
.row{
3
	margin:0 auto;
4
}
5
.modal-content{
6
		background : white;
7
	}
8
	.modelHeaderCustom{
9
		font-size:14px;
10
		font-weight:bold;
11
	}
12
	.border-highlight{
13
		border : 3px solid red;
14
	}
15
	hr{
16
		background-color:#007aff;
17
		border:none;
18
		height:1px;
19
		background:#007aff;
20
	}
21
	.control-label {
22
		margin-top: 0;
23
    	margin-bottom: 0;
24
    	padding-top: 7px;
25
    	font-weight:bold;
26
    	font-size:14px;
27
	}
28
	.form-group{
29
		border-bottom: 1px solid #eff2f7;
30
    	padding-bottom: 15px;
31
    	margin-bottom: 15px;
32
	}
33
	.right{
34
		float:right;
35
	}
36
	.form-control{
37
		color:black;
38
		text-transform:uppercase;
39
	}
40
.table-align-center{
41
	text-align:center;
42
}
43
 
44
</style>
45
 
46
<script type="text/javascript">
23026 ashik.ali 47
 
48
	$(function() {
23299 ashik.ali 49
    	$('input[name="startDateTime"]').daterangepicker({
50
    		"showDropdowns": true,
51
    		"singleDatePicker": true,
23884 amit.gupta 52
    		"autoUpdateInput": true,
23026 ashik.ali 53
    		locale: {
23299 ashik.ali 54
    			cancelLabel: 'Clear',
23884 amit.gupta 55
    			format: 'DD/MM/YYYY'
23299 ashik.ali 56
  			}
23026 ashik.ali 57
	    });
23299 ashik.ali 58
 
59
	    $('input[name="startDateTime"]').on('apply.daterangepicker', function(ev, picker) {
23884 amit.gupta 60
      		$(this).val(picker.startDate.format('DD/MM/YYYY'));
23299 ashik.ali 61
  		});
62
 
63
  		$('input[name="startDateTime"]').on('cancel.daterangepicker', function(ev, picker) {
64
      		$(this).val('');
65
  		});
66
 
67
	    $('input[name="endDateTime"]').daterangepicker({
68
	    	"showDropdowns": true,
69
    		"singleDatePicker": true,
23884 amit.gupta 70
    		"autoUpdateInput": true,
23299 ashik.ali 71
    		locale: {
72
    			cancelLabel: 'Clear',
23884 amit.gupta 73
    			format: 'DD/MM/YYYY'
23299 ashik.ali 74
  			}
75
	    });
76
 
77
	    $('input[name="endDateTime"]').on('apply.daterangepicker', function(ev, picker) {
23884 amit.gupta 78
      		$(this).val(picker.startDate.format('DD/MM/YYYY'));
23299 ashik.ali 79
  		});
80
 
81
  		$('input[name="endDateTime"]').on('cancel.daterangepicker', function(ev, picker) {
82
      		$(this).val('');
83
  		});
23026 ashik.ali 84
	});
85
 
23419 ashik.ali 86
    configureTagListingItemsDescriptionDropDown();
23026 ashik.ali 87
 
22860 ashik.ali 88
</script>
89
 
90
<section class="wrapper">
91
	<div class="row">
92
		<div class="col-lg-12">
93
			<h3 class="page-header"><i class="icon_document_alt"></i>SCHEME</h3>
94
			<ol class="breadcrumb">
95
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
23026 ashik.ali 96
				<li><i class="icon_document_alt"></i>CREATE</li>						  	
22860 ashik.ali 97
			</ol>
98
		</div>
99
	</div>
100
	<form id="create-scheme-form">
101
		<div id="customer-details" style="background:white;background-color:white;padding:10px;">
102
			<h4 class="modelHeaderCustom" style="font-size:22px;">Scheme Information</h4>
103
			<div>
104
				<div class = "row">
105
					<div class="col-lg-2 form-group">
106
					   	<input placeholder="Name" id="schemeName" name="schemeName" type="text" value="" class="form-control input-sm">
107
					</div>
23026 ashik.ali 108
					<div class="col-lg-3 form-group">
22860 ashik.ali 109
					   	<input placeholder="Description" id="description" name="description" type="text" value="" class="form-control input-sm">
110
					</div>
111
					<div class="col-lg-2 form-group">
112
						<select class="form-control input-sm" id = "schemeType" name = "schemeType" placeholder="Type">
113
							<option value="" disabled selected>Type</option>
114
		             		<option value="IN">In</option>
115
		             		<option value="OUT">Out</option>
116
		             	</select>
117
					</div>
118
					<div class="col-lg-2 form-group">
119
						<select class="form-control input-sm" id = "amountType" name = "amountType" placeholder="Amount Type">
120
							<option value="" disabled selected>Amount Type</option>
121
		             		<option value="PERCENTAGE">Percentage</option>
122
		             		<option value="FIXED">Fixed</option>
123
		             	</select>
124
					</div>
125
					<div class="col-lg-2 form-group">
126
						<input placeholder = "Amount" id="schemeAmount" name="schemeAmount" type="number" value="0" class="form-control phone input-sm">
127
					</div>
23026 ashik.ali 128
 
22860 ashik.ali 129
				</div>
130
				<div class="row">
23299 ashik.ali 131
					<div class="col-lg-2">
132
						<input placeholder = "Start Date Time" id="startDateTime" name="startDateTime" type="text" value="" class="form-control input-sm">
23026 ashik.ali 133
					</div>
23299 ashik.ali 134
					<div class="col-lg-2">
135
						<input placeholder = "End Date Time" id="endDateTime" name="endDateTime" type="text" value="" class="form-control input-sm">
136
					</div>
137
					<div class="col-lg-2">
23026 ashik.ali 138
						<div class="dropdown">
23419 ashik.ali 139
							<button class="btn btn-default btn-block dropdown-toggle input-sm" type="button" data-toggle="dropdown" id="tag-listing-brand-value">Brands<span class="caret"></span></button>
140
							<ul class="dropdown-menu" id="tag-listing-brands">
23026 ashik.ali 141
								#foreach ($brand in $brands)
142
									<li><a href="javascript:void(0);">$brand</a></li>
143
								#end
144
							</ul>
145
						</div>
22860 ashik.ali 146
					</div>
23419 ashik.ali 147
					<div class="col-lg-2" id="tag-listing-items-description-container">
148
						<select class="form-control input-sm" id = "tagListingItemsDescription" placeholder="itemsDescription" multiple="multiple" >
23026 ashik.ali 149
						</select>
22860 ashik.ali 150
					</div>
23299 ashik.ali 151
					<div class="col-lg-2">
152
						<div class="checkbox">
23367 ashik.ali 153
							<label><input placeholder = "Retailer All" id="retailerAll" name="retailerAll" type="checkbox" value="true" checked> Retailer All</label>
23299 ashik.ali 154
						</div>
22860 ashik.ali 155
					</div>
156
					<div class="col-lg-2" id="retailer-ids">
157
 
158
					</div>
23347 ashik.ali 159
					<div class="col-lg-2" style="float:right;">
160
						<input class="btn btn-primary new-scheme" type="submit" style="width:100%;border-radius:0px;" value="Create Scheme">	
161
					</div>
22860 ashik.ali 162
				</div>
163
			</div>
164
		</div>
165
 
166
	</form>
23347 ashik.ali 167
</section>
168
<script type="text/javascript" src="resources/js/create-scheme.js"></script>