Subversion Repositories SmartDukaan

Rev

Rev 9232 | Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
9064 manish.sha 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
	<head>
4
		<title>Saholic - Google Adwords Management</title>
5
		<link rel="stylesheet" href="css/jquery-ui.css">
6
		<link type = "text/css" href = "css/pincode.css" rel = "stylesheet"/>
7
		<link type = "text/css" href = "css/colorbox.css" rel = "stylesheet"/>
8
		<link type = "text/css" rel="stylesheet" href="css/jquery-ui.css">
9
		<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
10
		<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
11
        <script type = "text/javascript" src = "js/google-adwords.js"></script>
12
        <script type = "text/javascript" src = "js/jquery-ui.min.js"></script>
13
		 <script type="text/javascript">
14
		 	$(function() {
15
    			$( "#startDate" ).datepicker({
16
					changeMonth: true,
17
					changeYear: true,
18
					minDate: 0,
19
					yearRange: '2013:2037'
20
				});
21
				$( "#endDate" ).datepicker({
22
					changeMonth: true,
23
					changeYear: true,
24
					minDate: 1,
25
					yearRange: '2013:2037'
26
				});
27
				$('#adgroupName').attr({ maxLength : 255 });
28
				$('#headline').attr({ maxLength : 25 });
29
				$('#description1').attr({ maxLength : 35 });
30
				$('#description2').attr({ maxLength : 35 });
31
				$('#displayUrl').attr({ maxLength : 35 });
32
				$('#campaignAmount').keypress(function(e) {
33
                    var a = [];
34
                    var k = e.which;
35
 
36
                    for (i = 46; i < 58; i++){
37
                		if(i == 47){
38
                			continue;
39
                		}
40
                		else{
41
                        	a.push(i);
42
                		}
43
                	}
44
 
45
                    if (!(a.indexOf(k)>=0)){
46
                        e.preventDefault();
47
                	}
48
    			});
49
				$('#bidAmount').keypress(function(e) {
50
                    var a = [];
51
                    var k = e.which;
52
 
53
                    for (i = 46; i < 58; i++){
54
                		if(i == 47){
55
                			continue;
56
                		}
57
                		else{
58
                        	a.push(i);
59
                		}
60
                	}
61
 
62
                    if (!(a.indexOf(k)>=0)){
63
                        e.preventDefault();
64
                	}
65
    			});
66
				$('#bid1').keypress(function(e) {
67
                    var a = [];
68
                    var k = e.which;
69
 
70
                    for (i = 46; i < 58; i++){
71
                		if(i == 47){
72
                			continue;
73
                		}
74
                		else{
75
                        	a.push(i);
76
                		}
77
                	}
78
 
79
                    if (!(a.indexOf(k)>=0)){
80
                        e.preventDefault();
81
                	}
82
    			});
83
				$('#bid2').keypress(function(e) {
84
                    var a = [];
85
                    var k = e.which;
86
 
87
                    for (i = 46; i < 58; i++){
88
                		if(i == 47){
89
                			continue;
90
                		}
91
                		else{
92
                        	a.push(i);
93
                		}
94
                	}
95
 
96
                    if (!(a.indexOf(k)>=0)){
97
                        e.preventDefault();
98
                	}
99
    			});
100
				$('#bid3').keypress(function(e) {
101
                    var a = [];
102
                    var k = e.which;
103
 
104
                    for (i = 46; i < 58; i++){
105
                		if(i == 47){
106
                			continue;
107
                		}
108
                		else{
109
                        	a.push(i);
110
                		}
111
                	}
112
 
113
                    if (!(a.indexOf(k)>=0)){
114
                        e.preventDefault();
115
                	}
116
    			});
117
				$('#bid4').keypress(function(e) {
118
                    var a = [];
119
                    var k = e.which;
120
 
121
                    for (i = 46; i < 58; i++){
122
                		if(i == 47){
123
                			continue;
124
                		}
125
                		else{
126
                        	a.push(i);
127
                		}
128
                	}
129
 
130
                    if (!(a.indexOf(k)>=0)){
131
                        e.preventDefault();
132
                	}
133
    			});
134
				$('#bid5').keypress(function(e) {
135
                    var a = [];
136
                    var k = e.which;
137
 
138
                    for (i = 46; i < 58; i++){
139
                		if(i == 47){
140
                			continue;
141
                		}
142
                		else{
143
                        	a.push(i);
144
                		}
145
                	}
146
 
147
                    if (!(a.indexOf(k)>=0)){
148
                        e.preventDefault();
149
                	}
150
    			});
151
 			 });
152
 
153
         </script>
154
	</head>
155
	<body>
156
		<h3>Saholic - Google Adwords Management</h3>
157
		#set($campaigns = $action.getCampaigns())
158
		#set($errorMsg=$action.getErrorMsg())
159
		#if(!$errorMsg.isEmpty())
160
        <div style="color:red">
161
            $errorMsg
162
        </div>
163
		#end
164
		#set($successMsg=$action.getSuccessMessage())
165
		#if(!$successMsg.isEmpty())
166
        <div style="color:blue">
167
            $successMsg
168
        </div>
169
		#end
170
 
171
		<br>
172
		<br>
173
		<form id ='adwordsDataForm' name='adwordsDataForm' action='$request.getContextPath()/google-adwords' onsubmit="return validateFields()" method="post" >
174
		<div id='adwordsOperations'>
175
			<input type = 'radio' id = 'addOpRadio' name = 'adwordOpRadio' value = 'addOpRadio' />Add Operation
176
			<input type = 'radio' id = 'updateOpRadio' name = 'adwordOpRadio' value = 'updateOpRadio' />Update Operation
177
        </div>
178
		<div id='addRecordDataDiv' class='hidden'>
179
				<input type = 'radio' id = 'campaignRdo' name = 'adwordAddRadio' value = 'campaignRdo' />Campaign
180
				<input type = 'radio' id = 'adgroupRdo' name = 'adwordAddRadio' value = 'adgroupRdo' />AdGroup
181
				<input type = 'radio' id = 'textAdRdo' name = 'adwordAddRadio' value = 'textAdRdo' />TextAd
182
				<input type = 'radio' id = 'keywordRdo' name = 'adwordAddRadio' value = 'keywordRdo' />Keyword
183
 
184
				<div id='addCampaignDiv' class="hidden">
185
					<span>Name: </span>
186
					<input type="text" id="campaignName" name="campaignName"/>
187
						<br>
188
                    <span>Status: </span>
189
					<select id='campaignStatus' name='campaignStatus'>
190
						<option value='1'>ACTIVE</option>
191
						<option value='2' selected='selected'>PAUSED</option>
192
						<option value='3'>DELETED</option>
193
                    </select>
194
						<br>
195
                    <span>Start Date: </span><span style="color:red">*</span>
196
					<input id="startDate" name="startDate" type="text" size="25">
197
						<br>
198
					<span>End Date: </span><span style="color:red">*</span>
199
					<input id="endDate" name="endDate" type="text" size="25">
200
						<br>
201
					<span>Budget Amount: </span>
202
					<input type="text" id="campaignAmount" name="campaignAmount"/>
203
						<br>
204
					<span>Network Setting Type: </span><br>
205
					<span>Google Search And Search Network</span>
206
					<input type='checkBox' id = 'googleSearchNetwork' name = 'googleSearchNetwork'>
207
 
208
					<span>Display Network</span>
209
					<input type='checkBox' id = 'displayNetwork' name = 'displayNetwork'>
210
 
211
					<span>Google Partner Search Network</span>
212
					<input type='checkBox' id = 'partnerSearchNetwork' name = 'partnerSearchNetwork'>
213
					<br>
214
 
215
					<span style='font-size:14px;padding-left:5px;color:red;'>* Current Date as Start Date and 30-Dec-2037 as End Date will be passed if Dates are empty.</span>
216
					<br>
217
					</div>
218
 
219
				<div id='addAdgroupDiv' class="hidden">
220
					<span>Select Campaign: </span>
221
					<select id='campaignList1' name='campaignList1'>
222
						<option value='-1'>---Select Campaign--</option>
223
						#foreach($campaign in $campaigns)
224
							<option value='$campaign.getCampaignId()'>$campaign.getName()</option>
225
						#end 
226
                    </select>
227
						<br>
228
                    <span>Adgroup Name: </span>
229
					<input type='text' id='adgroupName' name='adgroupName'/><span style='font-size:12px;padding-left:5px;color:red;'>(Max. 255 Characters)</span>
230
						<br>
231
					<span>Status: </span>
232
					<select id='adgroupStatus' name='adgroupStatus'>
233
						<option value='1'>ENABLED</option>
234
						<option value='2' selected='selected'>PAUSED</option>
235
						<option value='3'>DELETED</option>
236
                    </select>
237
						<br>
238
					<span>Catalog Item Id: </span>
239
					<input type='text' id='catalogItemId' name='catalogItemId'/>
240
						<br>
241
                    <span>Bid Amount: </span>
242
					<input type='text' id='bidAmount' name='bidAmount'/><br>
243
					<span>Stock Linked</span>
244
					<input type='checkBox' id = 'stockLinked' name = 'stockLinked' checked='checked'>
245
                    <br>
246
                </div>
247
 
248
				<div id='addAdgroupAdDiv' class="hidden">
249
					<span>Select Campaign: </span>
250
					<select id='campaignList2' name='campaignList2'>
251
							<option value='-1'>---Select Campaign--</option>
252
						#foreach($campaign in $campaigns)
253
							<option value='$campaign.getCampaignId()'>$campaign.getName()</option>
254
						#end 
255
                    </select>
256
						<br>
257
					<span>Select Adgroup: </span>
258
					<select id='adgroupList1' name='adgroupList1'>
259
							<option value='-1'>---Select Adgroup--</option>
260
                    </select>
261
						<br>
262
					<span>HeadLine: </span>
263
                    <input type='text' id='headline' name='headline'/><span style='font-size:12px;padding-left:5px;color:red;'>(Max. 25 Characters)</span>
264
						<br>
265
					<span>Description 1: </span>
266
					<input type='text' id='description1' name='description1'/><span style='font-size:12px;padding-left:5px;color:red;'>(Max. 35 Characters)</span>
267
						<br>
268
					<span>Description 2: </span>
269
					<input type='text' id='description2' name='description2'/><span style='font-size:12px;padding-left:5px;color:red;'>(Max. 35 Characters)</span>
270
						<br>
271
					<span>Url: </span>
272
					<input type='text' id='url' name='url'/>
273
						<br>
274
					<span>Display Url: </span>
275
					<input type='text' id='displayUrl' name='displayUrl'/><span style='font-size:12px;padding-left:5px;color:red;'>(Max. 35 Characters)</span>
276
						<br>
277
                </div>
278
				<div id='addKeywordDiv' class="hidden">
279
					<span>Select Campaign: </span>
280
					<select id='campaignList3' name='campaignList3'>
281
							<option value='-1'>---Select Campaign--</option>
282
					    #foreach($campaign in $campaigns)
283
							<option value='$campaign.getCampaignId()'>$campaign.getName()</option>
284
						#end
285
                    </select>
286
						<br>
287
					<span>Select Adgroup: </span>
288
					<select id='adgroupList2' name='adgroupList2'>
289
							<option value='-1'>---Select Adgroup--</option>
290
                    </select>
291
						<br>
292
                    <span>Keywords: </span><br>
293
                    <input type='text' id='keyword1' name='keyword1'/><span> Bid: </span><span style="color:red">*</span><input type='text' id='bid1' name='bid1'/><span> Match Type: </span><select id='matchType1' name='matchType1'><option value='1'>EXACT</option><option value='2'>PHRASE</option><option value='3' selected='selected'>BROAD</option></select><br>
294
					<input type='text' id='keyword2' name='keyword2'/><span> Bid: </span><span style="color:red">*</span><input type='text' id='bid2' name='bid2'/><span> Match Type: </span><select id='matchType2' name='matchType2'><option value='1'>EXACT</option><option value='2'>PHRASE</option><option value='3' selected='selected'>BROAD</option></select><br>
295
					<input type='text' id='keyword3' name='keyword3'/><span> Bid: </span><span style="color:red">*</span><input type='text' id='bid3' name='bid3'/><span> Match Type: </span><select id='matchType3' name='matchType3'><option value='1'>EXACT</option><option value='2'>PHRASE</option><option value='3' selected='selected'>BROAD</option></select><br>
296
					<input type='text' id='keyword4' name='keyword4'/><span> Bid: </span><span style="color:red">*</span><input type='text' id='bid4' name='bid4'/><span> Match Type: </span><select id='matchType4' name='matchType4'><option value='1'>EXACT</option><option value='2'>PHRASE</option><option value='3' selected='selected'>BROAD</option></select><br>
297
					<input type='text' id='keyword5' name='keyword5'/><span> Bid: </span><span style="color:red">*</span><input type='text' id='bid5' name='bid5'/><span> Match Type: </span><select id='matchType5' name='matchType5'><option value='1'>EXACT</option><option value='2'>PHRASE</option><option value='3' selected='selected'>BROAD</option></select><br>
298
					<br>
299
					<span style='font-size:14px;padding-left:5px;color:red;'>* Default AdGroup Bid Amount will be passed if Bid Details are empty.</span>
300
                </div>
301
				<div id = 'addRecordsSubmitDiv'>
302
					<input disabled='disabled' type="submit" value = "Submit" id="addRecordSubmit"/>
303
					<input id='cancelAddRecords' type='button' value='Cancel'>
304
                </div>
305
        </div>
306
		<div id='updateRecordDataDiv' class='hidden'>
307
			<div>
308
            <span style='font-size:14px;padding-left:5px;color:red;'>Coming Soon</span></div>
309
        </div>
310
         </form>
311
		 <br><br>
312
			<a href='$request.getContextPath()/reports'>
313
    		Back to Dashboard
314
    	</a>
315
	</body>
316
 
317
<script type='text/javascript'>
318
    function validateFields() {
319
    	var adwordsOpRadioBtnValue = $("input[name='adwordOpRadio']:checked").val();
320
		var adwordsAddRadioBtnValue = $("input[name='adwordAddRadio']:checked").val();
321
		if(adwordsOpRadioBtnValue == 'addOpRadio'){
322
			if(adwordsAddRadioBtnValue == 'campaignRdo'){
323
				var campaignname = $("input[name='campaignName']").val();
324
				var budgetAmount = $("input[name='campaignAmount']").val();
325
				var googleSrchNetwork = $("input[name='googleSearchNetwork']").attr('checked');
326
				var displaynetwork = $("input[name='displayNetwork']").attr('checked');
327
				var partnerSrchNetwork = $("input[name='partnerSearchNetwork']").attr('checked');
328
				if(campaignname == null || campaignname==""){
329
					alert('Campaign Name is Mandatory');
330
					$('input[name=campaignName]').focus();
331
					return false;
332
				}
333
				if(budgetAmount == null || budgetAmount==""){
334
					alert('Budget Amount is Mandatory');
335
					$('input[name=budgetAmount]').focus();
336
					return false;
337
				}				
338
				if(!googleSrchNetwork && !displaynetwork && !partnerSrchNetwork){
339
					alert('Atleast One Option should be checked for Network Type Setting');
340
					return false;
341
				}
342
			}
343
 
344
			if(adwordsAddRadioBtnValue == 'adgroupRdo'){
345
				var campaignSelected = $("select[id='campaignList1']").val();
346
				var adgroupname = $("input[name='adgroupName']").val();
347
				var bidamount = $("input[name='bidAmount']").val();
348
				if(campaignSelected == '-1'){
349
					alert('Please Select a Campaign');
350
					$("select[id='campaignList1']").focus();
351
					return false;
352
				}
353
				if(adgroupname == null || adgroupname == ""){
354
					alert('AdGroup Name is Mandatory');
355
					$('input[name=adgroupName]').focus();
356
					return false;
357
				}
358
				if(bidamount == null || bidamount == ""){
359
					alert('Bid Amount is Mandatory');
360
					$('input[name=bidAmount]').focus();
361
					return false;
362
				}
363
			}
364
			if(adwordsAddRadioBtnValue == 'textAdRdo'){
365
				var campaignSeletced1 = $("select[id='campaignList2']").val();
366
				var adgroupSelected1 = $("select[id='adgroupList1']").val();
367
				var headline = $("input[name='headline']").val();
368
				var description1 = $("input[name='description1']").val();
369
				var description2 = $("input[name='description2']").val();
370
				var displayurl = $("input[name='displayUrl']").val();
371
				var url = $("input[name='url']").val();
372
				if(campaignSeletced1 == '-1'){
373
					alert('Please Select a Campaign');
374
					$("select[id='campaignList2']").focus();
375
					return false;
376
				}
377
				if(adgroupSelected1 == '-1'){
378
					alert('Please Select a AdGroup');
379
					$("select[id='adgroupList1']").focus();
380
					return false;
381
				}
382
				if(headline == null || headline == ""){
383
					alert('Headline is Mandatory for Text Ad');
384
					$('input[name=headline]').focus();
385
					return false;
386
				}
387
				if(description1 == null || description1 == ""){
388
					alert('Description1 is Mandatory for Text Ad');
389
					$('input[name=description1]').focus();
390
					return false;
391
				}
392
				if(description2 == null || description2 == ""){
393
					alert('Description2 is Mandatory for Text Ad');
394
					$('input[name=description2]').focus();
395
					return false;
396
				}
397
				if(displayurl == null || displayurl == ""){
398
					alert('Display Url is Mandatory for Text Ad');
399
					$('input[name=displayUrl]').focus();
400
					return false;
401
				}
402
				if(url == null || url == ""){
403
					alert('Url is Mandatory for Text Ad');
404
					$('input[name=url]').focus();
405
					return false;
406
				}
407
			}
408
			if(adwordsAddRadioBtnValue == 'keywordRdo'){
409
				var campaignSeletced2 = $("select[id='campaignList3']").val();
410
				var adgroupSelected2 = $("select[id='adgroupList2']").val();
411
				var keyword1 = $("input[name='keyword1']").val();
412
				var keyword2 = $("input[name='keyword2']").val();
413
				var keyword3 = $("input[name='keyword3']").val();
414
				var keyword4 = $("input[name='keyword4']").val();
415
				var keyword5 = $("input[name='keyword5']").val();
416
				if(campaignSeletced2 == '-1'){
417
					alert('Please Select a Campaign');
418
					$("select[id='campaignList3']").focus();
419
					return false;
420
				}
421
				if(adgroupSelected2 == '-1'){
422
					alert('Please Select a AdGroup');
423
					$("select[id='adgroupList2']").focus();
424
					return false;
425
				}
426
				if((keyword1 == null || keyword1 == "") && (keyword2 == null || keyword2 == "") && (keyword3 == null || keyword3 == "") && (keyword4 == null || keyword4 == "") && (keyword5 == null || keyword5 == "")){
427
					alert('Keyword is Mandatory. Please enter a Keyword');
428
					$('input[name=keyword1]').focus();
429
					return false;
430
				}
431
			}
432
		}
433
		return true;
434
    }
435
</script>
436
</html>