Subversion Repositories SmartDukaan

Rev

Rev 9155 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
8578 kshitij.so 1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
6848 kshitij.so 2
 
8578 kshitij.so 3
<html>
9155 kshitij.so 4
#set ($bannerType = $action.getBannerType())
5
#set ($banner = $action.getUpdates($bannerType))
6
#set ($mapdetails = $action.getbannermapdetail($bannerType))
7
#set ($uriMap = $action.getUriMapping($bannerType))
6848 kshitij.so 8
<head>
9
<link href="/css/imgareaselect-default.css" type="text/css" rel="stylesheet">
10
<script type="text/javascript" src="/js/jquery-1.4.2.js"></script>
11
<script type="text/javascript" src="/js/jquery.validate.js"></script>
12
<script type="text/javascript" src="/js/jquery.js"></script>
13
<script src="/js/jquery.imgareaselect.pack.js" type="text/javascript"></script>
14
<script type="text/javascript">
15
 function showHide(option) {
16
 if (option.value == 'True') {
17
     document.getElementById('image-map-div').style.display = 'block';
18
    }
19
    else{
20
    document.getElementById('image-map-div').style.display = 'none';
21
    }
22
 }
23
</script>
8433 amit.gupta 24
<script type="text/javascript">
6875 kshitij.so 25
function validateForm()
26
{
27
var x=document.forms["uploadFileToMyFolder"]["bannerName"].value;
28
if (x==null || x=="")
29
  {
30
  alert("Banner name must be filled out");
31
  return false;
32
  }
33
}
34
</script>
6848 kshitij.so 35
<script type="text/javascript">
36
	$(function() {
37
	$('#add-map').live('click', function(){
38
		$('<br/><br/><label>Coordinates : </label> <input id="mapCoordinates" name = "mapCoordinates" type = "textbox"/>'
39
				+'<br/><br/><label>Link : </label> <input id="mapLink" name = "mapLink" type = "textbox"/>').appendTo('#image-map-container');
40
	});
41
   });
6875 kshitij.so 42
   $(document).ready(function() {
43
  $('#cancelbutton').click(function(e) {
44
    window.location.href = '/user-image';
45
  });
46
});
6848 kshitij.so 47
</script>
48
<script type="text/javascript">
49
function preview(img, selection) {
50
    if (!selection.width || !selection.height)
51
        return;
52
 
53
    var scaleX = 100 / selection.width;
54
    var scaleY = 100 / selection.height;
55
 
56
    $('#preview img').css({
57
        width: Math.round(scaleX * 300),
58
        height: Math.round(scaleY * 300),
59
        marginLeft: -Math.round(scaleX * selection.x1),
60
        marginTop: -Math.round(scaleY * selection.y1)
61
    });
62
 
63
    $('#x1').val((Math.round(selection.x1*1.29)));
64
    $('#y1').val((Math.round(selection.y1*1.34)));
65
    $('#x2').val((Math.round(selection.x2*1.29)));
66
    $('#y2').val((Math.round(selection.y2*1.34)));  
67
}
68
 
69
$(function () {
70
    $('#photo').imgAreaSelect({ handles: true,
71
        fadeSpeed: 200, onSelectChange: preview });
72
});
73
</script>
8578 kshitij.so 74
<script>
75
$(function() {
76
	$('#add-uri').live('click', function(){
10095 kshitij.so 77
		$('<br/><br/><label>On Page: </label> <input id="uri" name = "uri" type = "textbox"/>'
78
		+'<br><br><label>Acitive / InActive : </label><select id ="isActive" name="isActive"><option selected="selected" value="False">InActive</option><option value="True">Active</option></select><br><br><label>Target: </label><select id ="linkTarget" name="linkTarget"><option selected="selected" value="False">Same Window</option><option value="True">New Window</option></select>').appendTo('#uri-container');
8578 kshitij.so 79
	 });
80
	});
81
</script>
6848 kshitij.so 82
 
83
	#if (!$banner.isHasMap())
84
		<style>
85
			#image-map-div {
86
			display : none
87
			}
88
			</style>
89
	#end
90
<style>
91
* { font-family: Verdana; font-size: 96%; }
92
		label {
93
    float: left;
94
    width: 150px;
95
}
96
select {
97
    width: 100px;
98
}
99
</style>
100
<title>Edit $action.getBannerName()</title>
101
</head>
102
<body>
8917 kshitij.so 103
<a href="/user-image">Back to listing</a>
6848 kshitij.so 104
<h2>Edit $action.getBannerName()</h2>
105
<div id="image" style="padding-bottom: 10px; height: 175px;">
106
	<img src='/images/banners/$banner.getImageName()' id="photo" style="float: left; width: 550px; height: 150px;">
107
		<div style="float: left; width: 18%; margin-bottom: 10px; margin-left: 10px;">
108
    <table style="">
109
      <thead>
110
        <tr>
111
          <th colspan="2" style="font-size: 110%; font-weight: bold; text-align: left; padding-left: 0.1em;">
112
            Coordinates
113
          </th>
114
        </tr>
115
      </thead>
116
      <tbody>
117
        <tr>
118
          <td style="width: 10%;"><b>X<sub>1</sub>:</b></td>
119
 		      <td style="width: 30%;"><input type="text" id="x1" value="-"></td>
120
        </tr>
121
        <tr>
122
          <td><b>Y<sub>1</sub>:</b></td>
123
          <td><input type="text" id="y1" value="-"></td>
124
        </tr>
125
        <tr>
126
          <td><b>X<sub>2</sub>:</b></td>
127
          <td><input type="text" id="x2" value="-"></td>
128
          <td></td>
129
          <td></td>
130
        </tr>
131
        <tr>
132
          <td><b>Y<sub>2</sub>:</b></td>
133
          <td><input type="text" id="y2" value="-"></td>
134
          <td></td>
135
          <td></td>
136
        </tr>
137
      </tbody>
138
    </table>
139
  </div>
140
	</div>
141
<div style="padding-bottom: 20px;" id="upload-form">
6875 kshitij.so 142
<form id="uploadFileToMyFolder" name="userImage" action="/user-image" onsubmit="return validateForm()" enctype="multipart/form-data" method="post">
6848 kshitij.so 143
	  <label for="imagePath">Image Path: </label>
144
	  <input name="userImage" id="file" type="file">
145
	  <br></br>
146
	  <label for="bannerName">Banner Name: </label>
147
      <input id="bannerName" name="bannerName" value='$banner.getBannerName()'type="text"/>
148
      <br></br>
9155 kshitij.so 149
	  <label for="bannerType">Banner Type : </label>
150
	  <select name="bannerType" id="bannerType">
151
	  #foreach( $bannerType in ['WEBSITE','MOBILE_SITE'] )
152
		#if ($bannerType == $action.getBannerType())
153
				<option value='$bannerType' selected="selected">$bannerType</option>
154
			#else
155
				<option value='$bannerType'>$bannerType</option>
156
			#end	
157
	  #end
158
	  </select>
159
	  <br></br>
8917 kshitij.so 160
	  <label for="fileExtenstion">Image Extention : </label>
161
	  <select name="fileExtention" id="fileExtention">
162
	  #foreach( $ext in ['jpg','jpeg','png','gif'] )
163
		#if ($ext == $action.getFileExtention())
164
				<option value='$ext' selected="selected">$ext</option>
165
			#else
166
				<option value='$ext'>$ext</option>
167
			#end	
168
	  #end
169
	  </select>
170
	  <br></br>
6848 kshitij.so 171
      <label for="link">Link: </label>
172
      <input id="link" name="link" value='$banner.getLink()' type="text"/>
173
	  <br></br>
8578 kshitij.so 174
	  <div id="uri-div">
175
		<div id="uri-container">
176
			#foreach ($uri in $uriMap)
10095 kshitij.so 177
			<label>On Page: </label>
8578 kshitij.so 178
			<input id="uri" name="uri" value = "$uri.getUri()" type="textbox"/>
179
			<br><br>
180
			<label>Acitive / InActive : </label>
181
			#if ($uri.isIsActive())
182
				<select name="isActive"><option selected="selected" value="True">Active</option><option value="False">InActive</option></select>
183
			#else
184
				<select name="isActive"><option selected="selected" value="False">InActive</option><option value="True">Active</option></select>
185
			#end
186
			<br><br>
10095 kshitij.so 187
			<label>Target : </label>
188
			#if ($uri.isTarget())
189
				<select name="linkTarget"><option selected="selected" value="True">New Window</option><option value="False">Same Window</option></select>
190
			#else
191
				<select name="linkTarget"><option selected="selected" value="False">Same Window</option><option value="True">New Window</option></select>
8578 kshitij.so 192
			#end
10095 kshitij.so 193
			<br><br>
194
			#end
8578 kshitij.so 195
		</div>
196
	  <img id = "add-uri" src = "/images/add.png" />
197
	  </div>
6848 kshitij.so 198
      <label for="priority">Priority: </label>
199
	  <select name="priority">
200
		#foreach( $val in [1..10] )
201
			#if ($val == $banner.getPriority())
202
				<option value='$val' selected="selected">$val</option>
203
			#else
204
				<option value='$val'>$val</option>
205
			#end	
206
		#end
207
		</select>
208
	  <br></br>
209
	  <label for="hasMap">Add Map : </label>
210
	  #if ($banner.isHasMap())
211
		<select name="hasMap" id="has_Map" onchange="showHide(this)"><option selected="selected" value="True">Yes</option><option value="False">No</option></select>
212
	  #else
213
		<select name="hasMap" id="has_Map" onchange="showHide(this)"><option selected="selected" value="False">No</option><option value="True">Yes</option></select>
214
	  #end
215
      <br></br>
216
	  <div id = "image-map-div" align = "left">
217
				<h3>Map Details</h5>
218
                <div id = "image-map-container">
219
					#if (!$banner.isHasMap())
220
						<label>Coordinates : </label>
221
    				    <input id="mapCoordinates" name = "mapCoordinates" type = "textbox"/>
222
					    <br></br>
223
    				    <label>Link : </label>
224
    				    <input id="mapLink" name = "mapLink" type = "textbox"/>
225
					#end
226
					#foreach($mapdetail in $mapdetails)
227
    				<label>Coordinates : </label>
228
    				<input id="mapCoordinates" name = "mapCoordinates" value="$mapdetail.getCoordinates()" type = "text"/>
229
					<br></br>
230
    				<label>Link : </label>
231
    				<input id="mapLink" name = "mapLink" value="$mapdetail.getMapLink()" type = "text"/>
232
					<br></br>
233
					#end
234
                </div>
235
				<img id = "add-map" src = "/images/add.png" />
236
            </div>
237
	  <br>
238
	  <input style="margin-top: 8px;" name="upload" value="Update" type="submit">
6875 kshitij.so 239
	  <input type="button" id="cancelbutton" name="cancel" value="Cancel"/>
9155 kshitij.so 240
	  <input id="Action" value="$action.getBannerName()" name="action" style="visibility: hidden;" />
241
	  <input id="ActionType" value="$action.getBannerType()" name="actionType" style="visibility: hidden;">
6848 kshitij.so 242
</form>
243
</div>
244
</body>
245
</html>