Subversion Repositories SmartDukaan

Rev

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

Rev 29201 Rev 30601
Line -... Line 1...
- 
 
 1 
<style>
- 
 
 2 
    .row {
- 
 
 3 
        margin: 0 auto;
- 
 
 4 
    }
1 
 
 5 
 
- 
 
 6 
    .modal-content {
- 
 
 7 
        background: white;
- 
 
 8 
    }
2 
 
 9 
 
- 
 
 10 
    .modelHeaderCustom {
- 
 
 11 
        font-size: 14px;
- 
 
 12 
        font-weight: bold;
- 
 
 13 
    }
3 
 
 14 
 
4 
<style>
 - 
 
5 
.row{
 - 
 
6 
	margin:0 auto;
 - 
 
7 
}
 - 
 
8 
.modal-content{
 - 
 
9 
		background : white;
 - 
 
10 
	}
 - 
 
11 
	.modelHeaderCustom{
 - 
 
12 
		font-size:14px;
 - 
 
13 
		font-weight:bold;
 - 
 
14 
	}
 - 
 
15 
	.border-highlight{
 15 
    .border-highlight {
16 
		border : 3px solid red;
 16 
        border: 3px solid red;
- 
 
 17 
    }
17 
	}
 18 
 
18 
	hr{
 19 
    hr {
19 
		background-color:#007aff;
 20 
        background-color: #007aff;
20 
		border:none;
 21 
        border: none;
21 
		height:1px;
 22 
        height: 1px;
22 
		background:#007aff;
 23 
        background: #007aff;
- 
 
 24 
    }
23 
	}
 25 
 
24 
	.control-label {
 26 
    .control-label {
25 
		margin-top: 0;
 27 
        margin-top: 0;
26 
    	margin-bottom: 0;
 28 
        margin-bottom: 0;
27 
    	padding-top: 7px;
 29 
        padding-top: 7px;
28 
    	font-weight:bold;
 30 
        font-weight: bold;
29 
    	font-size:14px;
 31 
        font-size: 14px;
- 
 
 32 
    }
30 
	}
 33 
 
31 
	.form-group{
 34 
    .form-group {
32 
		border-bottom: 1px solid #eff2f7;
 35 
        border-bottom: 1px solid #eff2f7;
33 
    	padding-bottom: 15px;
 36 
        padding-bottom: 15px;
34 
    	margin-bottom: 15px;
 37 
        margin-bottom: 15px;
- 
 
 38 
    }
35 
	}
 39 
 
36 
	.right{
 40 
    .right {
37 
		float:right;
 41 
        float: right;
- 
 
 42 
    }
38 
	}
 43 
 
39 
	.form-control{
 44 
    .form-control {
40 
		color:black;
 45 
        color: black;
41
46 
 
- 
 
 47 
    }
42 
	}
 48 
 
43 
.table-align-center{
 49 
    .table-align-center {
44 
	text-align:center;
 50 
        text-align: center;
45 
}
 51 
    }
46 
 
 52 
 
47 
</style>
 53 
</style>
48 
 
 54 
 
49 
<script>
 55 
<script>
50
56 
 
51 
	$(document).ready(function() {
 57 
    $(document).ready(function () {
52 
        $('#fofo-users').multiselect({
 58 
        $('#fofo-users').multiselect({
53 
    		includeSelectAllOption: true,
 59 
            includeSelectAllOption: true,
54 
        		multiple:true,
 60 
            multiple: true,
55 
        		maxHeight: 200,
 61 
            maxHeight: 200,
56 
        		buttonWidth: '180px',
 62 
            buttonWidth: '180px',
57 
        		numberDisplayed: 1,
 63 
            numberDisplayed: 1,
58 
        	nonSelectedText: 'Users',
 64 
            nonSelectedText: 'Users',
59 
        	nSelectedText: ' - Users Selected',
 65 
            nSelectedText: ' - Users Selected',
60 
        	allSelectedText: 'All Users Selected',
 66 
            allSelectedText: 'All Users Selected',
61 
        	enableFiltering: true,
 67 
            enableFiltering: true,
62 
	        enableCaseInsensitiveFiltering : true
 68 
            enableCaseInsensitiveFiltering: true
63 
        });
 69 
        });
64
70 
 
65 
        $('#state-users').multiselect({
 71 
        $('#state-users').multiselect({
66 
    		includeSelectAllOption: true,
 72 
            includeSelectAllOption: true,
67 
        		multiple:true,
 73 
            multiple: true,
68 
        		maxHeight: 200,
 74 
            maxHeight: 200,
69 
        		buttonWidth: '180px',
 75 
            buttonWidth: '180px',
70 
        		numberDisplayed: 1,
 76 
            numberDisplayed: 1,
71 
        	nonSelectedText: 'Users',
 77 
            nonSelectedText: 'Users',
72 
        	nSelectedText: ' - Users Selected',
 78 
            nSelectedText: ' - Users Selected',
73 
        	allSelectedText: 'All Users Selected',
 79 
            allSelectedText: 'All Users Selected',
74 
        	enableFiltering: true,
 80 
            enableFiltering: true,
75 
	        enableCaseInsensitiveFiltering : true
 81 
            enableCaseInsensitiveFiltering: true
76 
        });
 82 
        });
77
83 
 
78 
              $('#internal-users').multiselect({
 84 
        $('#internal-users').multiselect({
79 
    		includeSelectAllOption: true,
 85 
            includeSelectAllOption: true,
80 
        		multiple:true,
 86 
            multiple: true,
81 
        		maxHeight: 200,
 87 
            maxHeight: 200,
82 
        		buttonWidth: '180px',
 88 
            buttonWidth: '180px',
83 
        		numberDisplayed: 1,
 89 
            numberDisplayed: 1,
84 
        	nonSelectedText: 'Users',
 90 
            nonSelectedText: 'Users',
85 
        	nSelectedText: ' - Users Selected',
 91 
            nSelectedText: ' - Users Selected',
86 
        	allSelectedText: 'All Users Selected',
 92 
            allSelectedText: 'All Users Selected',
87 
        	enableFiltering: true,
 93 
            enableFiltering: true,
88 
	        enableCaseInsensitiveFiltering : true
 94 
            enableCaseInsensitiveFiltering: true
89 
        });
 95 
        });
90 
    });
 96 
    });
91
- 
 
92 
 
 97 
 
- 
 
 98 
 
93 
  $(function() {
 99 
    $(function () {
- 
 
 100 
        let pickerElement = $('input[name="dateTime"]');
94 
	$('input[name="dateTime"]').daterangepicker(getSingleDatePicker(),dateRangeCallback);
 101 
        pickerElement.daterangepicker(getSingleDatePicker());
95 
	});
 102 
    });
96
103 
 
97 
 </script>
 104 
</script>
98 
 
 105 
 
99 
<section class="wrapper">
 106 
<section class="wrapper">
100 
	<div class="row">
 107 
    <div class="row">
101 
		<div class="col-lg-12">
 108 
        <div class="col-lg-12">
102 
			<h3 class="page-header"><i class="icon_document_alt"></i>RETAILER</h3>
 109 
            <h3 class="page-header"><i class="icon_document_alt"></i>RETAILER</h3>
103 
			<ol class="breadcrumb">
 110 
            <ol class="breadcrumb">
104 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
 111 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
105 
				<li><i class="icon_document_alt"></i>SEND NOTIFICATION</li>
 112 
                <li><i class="icon_document_alt"></i>SEND NOTIFICATION</li>
106 
			</ol>
 113 
            </ol>
107 
		</div>
 114 
        </div>
108 
	</div>
 115 
    </div>
109
116 
 
110 
	<div class = "row" style="background:white;background-color:white;padding:10px;">
 117 
    <div class="row" style="background:white;background-color:white;padding:10px;">
111 
		<h4 class="modelHeaderCustom" style="font-size:22px;padding-bottom:2%">Enter Message</h4>
 118 
        <h4 class="modelHeaderCustom" style="font-size:22px;padding-bottom:2%">Enter Message</h4>
112 
		<form id="create-recharge-form">
 119 
        <form id="create-recharge-form">
113 
			<div class="col-lg-4">
 120 
            <div class="col-lg-4">
114
121 
 
115 
			  <div class="row">
 122 
                <div class="row">
116 
					<div class="col-lg-5 form-group">
 123 
                    <div class="col-lg-5 form-group">
117 
						<p class="bold-details">Partner Name</p>
 124 
                        <p class="bold-details">Partner Name</p>
118 
					</div>
 125 
                    </div>
119 
			 <div class="col-lg-6 form-group">
 126 
                    <div class="col-lg-6 form-group">
120 
        		  <select  class="form-control input-sm" id = "fofo-users" name = "fofo-users" placeholder="Partners" multiple="multiple">
 127 
                        <select class="form-control input-sm" id="fofo-users" name="fofo-users" placeholder="Partners"
121 
					<option value="" disabled selected>Partners</option>
 128 
                                multiple="multiple">
122 
					#foreach($fofoId in $customRetailersMap.keySet())
 129 
                            <option value="" disabled selected>Partners</option>
123 
         				<option value="$fofoId">$customRetailersMap.get($fofoId).getBusinessName()</option>
 130 
                            #foreach($fofoId in $customRetailersMap.keySet())
124 
         			#end
 131 
                                <option value="$fofoId">$customRetailersMap.get($fofoId).getBusinessName()</option>
125 
	             </select>
 132 
                            #end
126 
        	   </div>
 133 
                        </select>
127 
				</div>
 134 
                    </div>
128
135 
                </div>
129 
				<div class="row">
 136 
 
130 
					<div class="col-lg-5 form-group">
 137 
                <div class="row">
131 
						<p class="bold-details">State Name</p>
 138 
                    <div class="col-lg-5 form-group">
132 
					</div>
 139 
                        <p class="bold-details">State Name</p>
133 
			 <div class="col-lg-6 form-group">
 140 
                    </div>
134 
        		  <select  class="form-control input-sm" id = "state-users" name = "state-users" placeholder="State" multiple="multiple">
 141 
                    <div class="col-lg-6 form-group">
135 
					<option value="" disabled selected>State</option>
 142 
                        <select class="form-control input-sm" id="state-users" name="state-users" placeholder="State"
136 
					#foreach($warehouseMap in $warehouseMap.entrySet())
 143 
                                multiple="multiple">
137 
         				<option value="$warehouseMap.getKey()">$warehouseMap.getValue()</option>
 144 
                            <option value="" disabled selected>State</option>
138 
         			#end
 145 
                            #foreach($warehouseMap in $warehouseMap.entrySet())
139 
	             </select>
 146 
                                <option value="$warehouseMap.getKey()">$warehouseMap.getValue()</option>
140 
        	   </div>
 147 
                            #end
141 
				</div>
 148 
                        </select>
142
149 
                    </div>
143 
				  <div class="row">
 150 
                </div>
144 
					<div class="col-lg-5 form-group">
 151 
 
145 
						<p class="bold-details">Internal User</p>
 152 
                <div class="row">
146 
					</div>
 153 
                    <div class="col-lg-5 form-group">
147 
					<div class="col-lg-6 form-group">
 154 
                        <p class="bold-details">Internal User</p>
148 
        		<select  class="form-control input-sm" id = "internal-users" name = "internal-users" placeholder="Users" multiple="multiple">
 155 
                    </div>
149 
					<option value="" disabled selected>Users</option>
 156 
                    <div class="col-lg-6 form-group">
150 
					#foreach($userId in $userMap.keySet())
 157 
                        <select class="form-control input-sm" id="internal-users" name="internal-users"
151 
         				<option value="$userId">$userMap.get($userId).getEmailId()</option>
 158 
                                placeholder="Users" multiple="multiple">
152 
         			#end
 159 
                            <option value="" disabled selected>Users</option>
153 
	             </select>
 160 
                            #foreach($userId in $userMap.keySet())
154 
        	</div>
 161 
                                <option value="$userId">$userMap.get($userId).getEmailId()</option>
155 
				</div>
 162 
                            #end
156
163 
                        </select>
157 
		       <div class="row">
 164 
                    </div>
158 
					<div class="col-lg-5 form-group">
 165 
                </div>
159 
						<p class="bold-details">Campaign Name</p>
 166 
 
160 
					</div>
 167 
                <div class="row">
161 
					<div class="col-lg-6 form-group">
 168 
                    <div class="col-lg-5 form-group">
162 
					   	<input placeholder="Campaign Name" id="campaignName" name="campaignName" type="text" value="" class="form-control input-sm">
 169 
                        <p class="bold-details">Campaign Name</p>
163 
					</div>
 170 
                    </div>
164 
				</div>
 171 
                    <div class="col-lg-6 form-group">
165
172 
                        <input placeholder="Campaign Name" id="campaignName" name="campaignName" type="text" value=""
166 
					<div class="row">
 173 
                               class="form-control input-sm">
167 
					<div class="col-lg-5 form-group">
 174 
                    </div>
168 
						<p class="bold-details">Title</p>
 175 
                </div>
169 
					</div>
 176 
 
170 
					<div class="col-lg-6 form-group">
 177 
                <div class="row">
171 
					   	<input placeholder="Title" id="title" name="title" type="text" value="" class="form-control input-sm">
 178 
                    <div class="col-lg-5 form-group">
172 
					</div>
 179 
                        <p class="bold-details">Title</p>
173 
				</div>
 180 
                    </div>
174
181 
                    <div class="col-lg-6 form-group">
175
182 
                        <input placeholder="Title" id="title" name="title" type="text" value=""
176 
				<div class="row">
 183 
                               class="form-control input-sm">
177 
					<div class="col-lg-5 form-group">
 184 
                    </div>
178 
						<p class="bold-details">Message</p>
 185 
                </div>
179 
					</div>
 186 
 
180 
					<div class="col-lg-6 form-group">
 187 
 
181 
					   	<textarea rows="3" cols="90" placeholder="Message" id="message" name="message" type="text" value="" class="form-control input-sm"></textarea>
 188 
                <div class="row">
182 
					</div>
 189 
                    <div class="col-lg-5 form-group">
183 
				</div>
 190 
                        <p class="bold-details">Message</p>
184
191 
                    </div>
185
192 
                    <div class="col-lg-6 form-group">
186 
			</div>
193 
                        <textarea rows="3" cols="90" placeholder="Message" id="message" name="message" type="text"
187
194 
                                  value="" class="form-control input-sm"></textarea>
188 
			<div class="col-lg-4">
 195 
                    </div>
189
196 
                </div>
190 
				<div class="row">
 197 
 
191 
					<div class="col-lg-5 form-group">
 198 
 
192 
						<p class="bold-details">Type</p>
 199 
            </div>
193 
					</div>
 200 
 
194 
					<div class="col-lg-6 form-group">
 201 
            <div class="col-lg-4">
195 
					    <select id="type" name="type"  class="form-control input-sm">
 202 
 
196 
							  <option value="url">Url</option>
 203 
                <div class="row">
197 
							  <option value="native">Native</option>
 204 
                    <div class="col-lg-5 form-group">
198 
							  <option value="update">Update</option>
 205 
                        <p class="bold-details">Type</p>
199 
						</select>
 206 
                    </div>
200 
					</div>
 207 
                    <div class="col-lg-6 form-group">
201 
				</div>
 208 
                        <select id="type" name="type" class="form-control input-sm">
202
209 
                            <option value="url">Url</option>
203 
				<div class="row">
 210 
                            <option value="native">Native</option>
204 
					<div class="col-lg-5 form-group">
 211 
                            <option value="update">Update</option>
205 
						<p class="bold-details">Url</p>
 212 
                        </select>
206 
					</div>
 213 
                    </div>
207
214 
                </div>
208 
 
 215 
 
209
216 
                <div class="row">
210
217 
                    <div class="col-lg-5 form-group">
211 
					<div class="col-lg-6 form-group">
 218 
                        <p class="bold-details">Url</p>
212
219 
                    </div>
213 
						<select class='form-control input-sm' id='selectedUrl' onchange="changeUrl()" >
 220 
 
214 
	                       <option selected disabled>Url</option>
 221 
 
215 
						   <option value='https://app.smartdukaan.com/pages/home/dashboard'>http://app.smartdukaan.com/pages/home/dashboard</option>
 222 
                    <div class="col-lg-6 form-group">
216 
						   <option value='https://app.smartdukaan.com/pages/home/notifications'>http://app.smartdukaan.com/pages/home/notifications</option>
 223 
 
217 
						   <option value='https://app.smartdukaan.com/pages/home/services'>http://app.smartdukaan.com/pages/home/services</option>
 224 
                        <select class='form-control input-sm' id='selectedUrl' onchange="changeUrl()">
218 
						   <option value='https://app.smartdukaan.com/pages/home/recharge'>http://app.smartdukaan.com/pages/home/recharge</option>
 225 
                            <option selected disabled>Url</option>
219 
						   <option value='https://app.smartdukaan.com/pages/home/damageProtectioninfo'>http://app.smartdukaan.com/pages/home/damageProtectioninfo</option>
 226 
                            <option value='https://app.smartdukaan.com/pages/home/dashboard'>
220 
						   <option value='other'>other</option>
 227 
                                http://app.smartdukaan.com/pages/home/dashboard
221 
						</select>
 228 
                            </option>
222 
	                   <br>
 229 
                            <option value='https://app.smartdukaan.com/pages/home/notifications'>
223 
					   	<input placeholder="Url" id="url" name="url" type="text" value="" class="form-control input-sm">
 230 
                                http://app.smartdukaan.com/pages/home/notifications
224 
					</div>
 231 
                            </option>
225 
				</div>
232 
                            <option value='https://app.smartdukaan.com/pages/home/services'>
226
233 
                                http://app.smartdukaan.com/pages/home/services
227
234 
                            </option>
228 
				 <div class="row">
 235 
                            <option value='https://app.smartdukaan.com/pages/home/recharge'>
229 
				<div class="col-lg-5 form-group">
 236 
                                http://app.smartdukaan.com/pages/home/recharge
230 
					<p class="bold-details">DOCUMENT</p>
 237 
                            </option>
231 
				</div>
 238 
                            <option value='https://app.smartdukaan.com/pages/home/damageProtectioninfo'>
232 
				<div class="col-lg-6 form-group">
 239 
                                http://app.smartdukaan.com/pages/home/damageProtectioninfo
233 
					<label class="btn btn-file">
 240 
                            </option>
234
241 
                            <option value='other'>other</option>
235 
						Browse<input type="file" id="notifyDocument" name="notifyDocument"  style="display:none">
 242 
                        </select>
236
243 
                        <br>
237 
					</label>
 244 
                        <input placeholder="Url" id="url" name="url" type="text" value="" class="form-control input-sm">
238 
				</div>
 245 
                    </div>
239 
				  </div>
 246 
                </div>
240
247 
 
241 
				<div class="row">
 248 
 
242 
					<div class="col-lg-5 form-group">
 249 
                <div class="row">
243 
						<p class="bold-details">Image Url</p>
 250 
                    <div class="col-lg-5 form-group">
244 
					</div>
 251 
                        <p class="bold-details">DOCUMENT</p>
245 
					<div class="col-lg-6 form-group">
 252 
                    </div>
246 
					   	<input placeholder="Image Url" id="imageUrl" name="imageUrl" type="text" value="" class="form-control input-sm">
 253 
                    <div class="col-lg-6 form-group">
247 
					</div>
 254 
                        <label class="btn btn-file">
248 
				</div>
 255 
 
249
256 
                            Browse<input type="file" id="notifyDocument" name="notifyDocument" style="display:none">
250 
				<div class="row">
 257 
 
251 
					<div class="col-lg-5 form-group">
 258 
                        </label>
252 
					 <input style="zoom:1.3;" type="checkbox" name="showImage"  id = "showImage" value="false">
 259 
                    </div>
253 
					 <span style="font-size:14px;" class="bold-details">Show Image</span>
 260 
                </div>
254 
					 </div>
 261 
 
255 
				</div>
 262 
                <div class="row">
256 
				</div>
 263 
                    <div class="col-lg-5 form-group">
257
264 
                        <p class="bold-details">Image Url</p>
258
265 
                    </div>
259 
             <div class="col-lg-4">
 266 
                    <div class="col-lg-6 form-group">
260
267 
                        <input placeholder="Image Url" id="imageUrl" name="imageUrl" type="text" value=""
261 
			  <div class="row">
 268 
                               class="form-control input-sm">
262 
					<div class="col-lg-5 form-group">
 269 
                    </div>
263 
						<p class="bold-details">Expiresat</p>
 270 
                </div>
264 
					</div>
 271 
 
265 
					<div class="col-lg-6 form-group">
 272 
                <div class="row">
266 
					  <input id="expireSat" name="dateTime" type="text" value="" class="form-control input-sm">
 273 
                    <div class="col-lg-5 form-group">
267 
					</div>
 274 
                        <input style="zoom:1.3;" type="checkbox" name="showImage" id="showImage" value="false">
268
275 
                        <span style="font-size:14px;" class="bold-details">Show Image</span>
269 
					<div class="col-lg-5 form-group">
 276 
                    </div>
270 
						<p class="bold-details">Message Type</p>
 277 
                </div>
271 
					</div>
 278 
            </div>
272 
					<div class="col-lg-6 form-group">
 279 
 
273 
					    <select id="messageType" name="messageType"  class="form-control input-sm">
 280 
 
274 
					      <option selected disabled>Message Type</option>
 281 
            <div class="col-lg-4">
275 
							  <option value="notification">Notification</option>
 282 
 
276 
							  <option value="announcement">Announcement</option>
 283 
                <div class="row">
277 
							  <option value="scheme">Scheme</option>
 284 
                    <div class="col-lg-5 form-group">
278 
							   <option value="marketing">Marketing</option>
 285 
                        <p class="bold-details">Expiresat</p>
279 
						</select>
 286 
                    </div>
280 
					</div>
 287 
                    <div class="col-lg-6 form-group">
281 
				</div>
 288 
                        <input id="expireSat" name="dateTime" type="text" value="" class="form-control input-sm">
282
289 
                    </div>
283
290 
 
284 
				<div class="row">
 291 
                    <div class="col-lg-5 form-group">
285
292 
                        <p class="bold-details">Message Type</p>
286 
					<input class="btn btn-primary create-notification-button" type="button" value="Send Notification">
 293 
                    </div>
287 
				</div>
 294 
                    <div class="col-lg-6 form-group">
288
295 
                        <select id="messageType" name="messageType" class="form-control input-sm">
289 
				</div>
 296 
                            <option selected disabled>Message Type</option>
290 
		</form>
 297 
                            <option value="notification">Notification</option>
291 
	</div>
 298 
                            <option value="announcement">Announcement</option>
- 
 
 299 
                            <option value="scheme">Scheme</option>
- 
 
 300 
                            <option value="marketing">Marketing</option>
- 
 
 301 
                        </select>
- 
 
 302 
                    </div>
- 
 
 303 
                </div>
- 
 
 304 
 
- 
 
 305 
 
- 
 
 306 
                <div class="row">
- 
 
 307 
 
- 
 
 308 
                    <input class="btn btn-primary create-notification-button" type="button" value="Send Notification">
- 
 
 309 
                </div>
- 
 
 310 
 
- 
 
 311 
            </div>
- 
 
 312 
        </form>
- 
 
 313 
    </div>
292 
</section>
 314 
</section>
293 
 
 315