« back to all changes in this revision
Viewing changes to src/TSEP/Bundle/AdminBundle/Resources/views/form.admin.html.twig
- browse files at revision 52
- compare with another revision
- download diff
- download tarball
- view history from revision 52
- Committer: webmaster at geoffish
- Date: 2011-07-12 01:50:36 UTC
- Revision ID: webmaster@geoffish.tk-20110712015036-vcz04clw3vf0d8fn
refractored templates
- files modified:
- .bzrignore
added
removed
src/TSEP/Bundle/AdminBundle/Resources/views/form.admin.html.twig
1
{% extends '::admin.html.twig' %}
2
{% block page %}
3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4
<html xmlns="http://www.w3.org/1999/xhtml">
5
<head>
6
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
7
<title>Internet Dreams</title>
8
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
9
<!--[if IE]>
10
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
11
<![endif]-->
12
13
<!-- jquery core -->
14
<script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
15
16
<!-- checkbox styling script -->
17
<script src="js/jquery/ui.core.js" type="text/javascript"></script>
18
<script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
19
<script src="js/jquery/jquery.bind.js" type="text/javascript"></script>
20
<script type="text/javascript">
21
$(function(){
22
$('input').checkBox();
23
$('#toggle-all').click(function(){
24
$('#toggle-all').toggleClass('toggle-checked');
25
$('#mainform input[type=checkbox]').checkBox('toggle');
26
return false;
27
});
28
});
29
</script>
30
31
32
<![if !IE 7]>
33
34
<!-- styled select box script version 1 -->
35
<script src="js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
36
<script type="text/javascript">
37
$(document).ready(function() {
38
$('.styledselect').selectbox({ inputClass: "selectbox_styled" });
39
});
40
</script>
41
42
43
<![endif]>
44
45
46
<!-- styled select box script version 2 -->
47
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
48
<script type="text/javascript">
49
$(document).ready(function() {
50
$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
51
$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
52
});
53
</script>
54
55
<!-- styled select box script version 3 -->
56
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
57
<script type="text/javascript">
58
$(document).ready(function() {
59
$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
60
});
61
</script>
62
63
<!-- styled file upload script -->
64
<script src="js/jquery/jquery.filestyle.js" type="text/javascript"></script>
65
<script type="text/javascript" charset="utf-8">
66
$(function() {
67
$("input.file_1").filestyle({
68
image: "images/forms/upload_file.gif",
69
imageheight : 29,
70
imagewidth : 78,
71
width : 300
72
});
73
});
74
</script>
75
76
<!-- Custom jquery scripts -->
77
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>
78
79
<!-- Tooltips -->
80
<script src="js/jquery/jquery.tooltip.js" type="text/javascript"></script>
81
<script src="js/jquery/jquery.dimensions.js" type="text/javascript"></script>
82
<script type="text/javascript">
83
$(function() {
84
$('a.info-tooltip ').tooltip({
85
track: true,
86
delay: 0,
87
fixPNG: true,
88
showURL: false,
89
showBody: " - ",
90
top: -35,
91
left: 5
92
});
93
});
94
</script>
95
96
<!-- date picker script -->
97
<link rel="stylesheet" href="css/datePicker.css" type="text/css" />
98
<script src="js/jquery/date.js" type="text/javascript"></script>
99
<script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>
100
<script type="text/javascript" charset="utf-8">
101
$(function()
102
{
103
104
// initialise the "Select date" link
105
$('#date-pick')
106
.datePicker(
107
// associate the link with a date picker
108
{
109
createButton:false,
110
startDate:'01/01/2005',
111
endDate:'31/12/2020'
112
}
113
).bind(
114
// when the link is clicked display the date picker
115
'click',
116
function()
117
{
118
updateSelects($(this).dpGetSelected()[0]);
119
$(this).dpDisplay();
120
return false;
121
}
122
).bind(
123
// when a date is selected update the SELECTs
124
'dateSelected',
125
function(e, selectedDate, $td, state)
126
{
127
updateSelects(selectedDate);
128
}
129
).bind(
130
'dpClosed',
131
function(e, selected)
132
{
133
updateSelects(selected[0]);
134
}
135
);
136
137
var updateSelects = function (selectedDate)
138
{
139
var selectedDate = new Date(selectedDate);
140
$('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
141
$('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
142
$('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
143
}
144
// listen for when the selects are changed and update the picker
145
$('#d, #m, #y')
146
.bind(
147
'change',
148
function()
149
{
150
var d = new Date(
151
$('#y').val(),
152
$('#m').val()-1,
153
$('#d').val()
154
);
155
$('#date-pick').dpSetSelected(d.asString());
156
}
157
);
158
159
// default the position of the selects to today
160
var today = new Date();
161
updateSelects(today.getTime());
162
163
// and update the datePicker to reflect it...
164
$('#d').trigger('change');
165
});
166
</script>
167
168
<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
169
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
170
<script type="text/javascript">
171
$(document).ready(function(){
172
$(document).pngFix( );
173
});
174
</script>
175
</head>
176
<body>
177
<!-- Start: page-top-outer -->
178
<div id="page-top-outer">
179
180
<!-- Start: page-top -->
181
<div id="page-top">
182
183
<!-- start logo -->
184
<div id="logo">
185
<a href=""><img src="images/shared/logo.png" width="156" height="40" alt="" /></a>
186
</div>
187
<!-- end logo -->
188
189
<!-- start top-search -->
190
<div id="top-search">
191
<table border="0" cellpadding="0" cellspacing="0">
192
<tr>
193
<td><input type="text" value="Search" onblur="if (this.value=='') { this.value='Search'; }" onfocus="if (this.value=='Search') { this.value=''; }" class="top-search-inp" /></td>
194
<td>
195
196
<select class="styledselect">
197
<option value="">All</option>
198
<option value="">Products</option>
199
<option value="">Categories</option>
200
<option value="">Clients</option>
201
<option value="">News</option>
202
</select>
203
204
</td>
205
<td>
206
<input type="image" src="images/shared/top_search_btn.gif" />
207
</td>
208
</tr>
209
</table>
210
</div>
211
<!-- end top-search -->
212
<div class="clear"></div>
213
214
</div>
215
<!-- End: page-top -->
216
217
</div>
218
<!-- End: page-top-outer -->
219
220
<div class="clear"> </div>
221
222
<!-- start nav-outer-repeat................................................................................................. START -->
223
<div class="nav-outer-repeat">
224
<!-- start nav-outer -->
225
<div class="nav-outer">
226
227
<!-- start nav-right -->
228
<div id="nav-right">
229
230
<div class="nav-divider"> </div>
231
<div class="showhide-account"><img src="images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
232
<div class="nav-divider"> </div>
233
<a href="" id="logout"><img src="images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
234
<div class="clear"> </div>
235
236
<!-- start account-content -->
237
<div class="account-content">
238
<div class="account-drop-inner">
239
<a href="" id="acc-settings">Settings</a>
240
<div class="clear"> </div>
241
<div class="acc-line"> </div>
242
<a href="" id="acc-details">Personal details </a>
243
<div class="clear"> </div>
244
<div class="acc-line"> </div>
245
<a href="" id="acc-project">Project details</a>
246
<div class="clear"> </div>
247
<div class="acc-line"> </div>
248
<a href="" id="acc-inbox">Inbox</a>
249
<div class="clear"> </div>
250
<div class="acc-line"> </div>
251
<a href="" id="acc-stats">Statistics</a>
252
</div>
253
</div>
254
<!-- end account-content -->
255
256
</div>
257
<!-- end nav-right -->
258
259
260
<!-- start nav -->
261
<div class="nav">
262
<div class="table">
263
264
<ul class="select"><li><a href="#nogo"><b>Dashboard</b><!--[if IE 7]><!--></a><!--<![endif]-->
265
<!--[if lte IE 6]><table><tr><td><![endif]-->
266
<div class="select_sub">
267
<ul class="sub">
268
<li><a href="#nogo">Dashboard Details 1</a></li>
269
<li><a href="#nogo">Dashboard Details 2</a></li>
270
<li><a href="#nogo">Dashboard Details 3</a></li>
271
</ul>
272
</div>
273
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
274
</li>
275
</ul>
276
277
<div class="nav-divider"> </div>
278
279
<ul class="current"><li><a href="#nogo"><b>Products</b><!--[if IE 7]><!--></a><!--<![endif]-->
280
<!--[if lte IE 6]><table><tr><td><![endif]-->
281
<div class="select_sub show">
282
<ul class="sub">
283
<li><a href="#nogo">View all products</a></li>
284
<li class="sub_show"><a href="#nogo">Add product</a></li>
285
<li><a href="#nogo">Delete products</a></li>
286
</ul>
287
</div>
288
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
289
</li>
290
</ul>
291
292
<div class="nav-divider"> </div>
293
294
<ul class="select"><li><a href="#nogo"><b>Categories</b><!--[if IE 7]><!--></a><!--<![endif]-->
295
<!--[if lte IE 6]><table><tr><td><![endif]-->
296
<div class="select_sub">
297
<ul class="sub">
298
<li><a href="#nogo">Categories Details 1</a></li>
299
<li><a href="#nogo">Categories Details 2</a></li>
300
<li><a href="#nogo">Categories Details 3</a></li>
301
</ul>
302
</div>
303
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
304
</li>
305
</ul>
306
307
<div class="nav-divider"> </div>
308
309
<ul class="select"><li><a href="#nogo"><b>Clients</b><!--[if IE 7]><!--></a><!--<![endif]-->
310
<!--[if lte IE 6]><table><tr><td><![endif]-->
311
<div class="select_sub">
312
<ul class="sub">
313
<li><a href="#nogo">Clients Details 1</a></li>
314
<li><a href="#nogo">Clients Details 2</a></li>
315
<li><a href="#nogo">Clients Details 3</a></li>
316
317
</ul>
318
</div>
319
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
320
</li>
321
</ul>
322
323
<div class="nav-divider"> </div>
324
325
<ul class="select"><li><a href="#nogo"><b>News</b><!--[if IE 7]><!--></a><!--<![endif]-->
326
<!--[if lte IE 6]><table><tr><td><![endif]-->
327
<div class="select_sub">
328
<ul class="sub">
329
<li><a href="#nogo">News details 1</a></li>
330
<li><a href="#nogo">News details 2</a></li>
331
<li><a href="#nogo">News details 3</a></li>
332
</ul>
333
</div>
334
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
335
</li>
336
</ul>
337
338
<div class="clear"></div>
339
</div>
340
<div class="clear"></div>
341
</div>
342
<!-- start nav -->
343
344
</div>
345
<div class="clear"></div>
346
<!-- start nav-outer -->
347
</div>
348
<!-- start nav-outer-repeat................................................... END -->
349
350
<div class="clear"></div>
351
352
<!-- start content-outer -->
353
<div id="content-outer">
354
<!-- start content -->
355
<div id="content">
356
357
358
<div id="page-heading"><h1>Add product</h1></div>
359
360
361
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
362
<tr>
363
<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
364
<th class="topleft"></th>
365
<td id="tbl-border-top"> </td>
366
<th class="topright"></th>
367
<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
368
</tr>
369
<tr>
370
<td id="tbl-border-left"></td>
371
<td>
372
<!-- start content-table-inner -->
373
<div id="content-table-inner">
374
375
<table border="0" width="100%" cellpadding="0" cellspacing="0">
376
<tr valign="top">
377
<td>
378
379
380
<!-- start step-holder -->
381
<div id="step-holder">
382
<div class="step-no">1</div>
383
<div class="step-dark-left"><a href="">Add product details</a></div>
384
<div class="step-dark-right"> </div>
385
<div class="step-no-off">2</div>
386
<div class="step-light-left">Select related products</div>
387
<div class="step-light-right"> </div>
388
<div class="step-no-off">3</div>
389
<div class="step-light-left">Preview</div>
390
<div class="step-light-round"> </div>
391
<div class="clear"></div>
392
</div>
393
<!-- end step-holder -->
394
395
<!-- start id-form -->
396
<table border="0" cellpadding="0" cellspacing="0" id="id-form">
397
<tr>
398
<th valign="top">Product name:</th>
399
<td><input type="text" class="inp-form" /></td>
400
<td></td>
401
</tr>
402
<tr>
403
<th valign="top">Product name:</th>
404
<td><input type="text" class="inp-form-error" /></td>
405
<td>
406
<div class="error-left"></div>
407
<div class="error-inner">This field is required.</div>
408
</td>
409
</tr>
410
<tr>
411
<th valign="top">Category:</th>
412
<td>
413
<select class="styledselect_form_1">
414
<option value="">All</option>
415
<option value="">Products</option>
416
<option value="">Categories</option>
417
<option value="">Clients</option>
418
<option value="">News</option>
419
</select>
420
</td>
421
<td></td>
422
</tr>
423
<tr>
424
<th valign="top">Sub Category:</th>
425
<td>
426
<select class="styledselect_form_1">
427
<option value="">All</option>
428
<option value="">Products</option>
429
<option value="">Categories</option>
430
<option value="">Clients</option>
431
<option value="">News</option>
432
</select>
433
</td>
434
<td></td>
435
</tr>
436
<tr>
437
<th valign="top">Price:</th>
438
<td><input type="text" class="inp-form" /></td>
439
<td></td>
440
</tr>
441
<tr>
442
<th valign="top">Select a date:</th>
443
<td class="noheight">
444
445
<table border="0" cellpadding="0" cellspacing="0">
446
<tr valign="top">
447
<td>
448
<form id="chooseDateForm" action="#">
449
450
<select id="d" class="styledselect-day">
451
<option value="">dd</option>
452
<option value="1">1</option>
453
<option value="2">2</option>
454
<option value="3">3</option>
455
<option value="4">4</option>
456
<option value="5">5</option>
457
<option value="6">6</option>
458
<option value="7">7</option>
459
<option value="8">8</option>
460
<option value="9">9</option>
461
<option value="10">10</option>
462
<option value="11">11</option>
463
<option value="12">12</option>
464
<option value="13">13</option>
465
<option value="14">14</option>
466
<option value="15">15</option>
467
<option value="16">16</option>
468
<option value="17">17</option>
469
<option value="18">18</option>
470
<option value="19">19</option>
471
<option value="20">20</option>
472
<option value="21">21</option>
473
<option value="22">22</option>
474
<option value="23">23</option>
475
<option value="24">24</option>
476
<option value="25">25</option>
477
<option value="26">26</option>
478
<option value="27">27</option>
479
<option value="28">28</option>
480
<option value="29">29</option>
481
<option value="30">30</option>
482
<option value="31">31</option>
483
</select>
484
</td>
485
<td>
486
<select id="m" class="styledselect-month">
487
<option value="">mmm</option>
488
<option value="1">Jan</option>
489
<option value="2">Feb</option>
490
<option value="3">Mar</option>
491
<option value="4">Apr</option>
492
<option value="5">May</option>
493
<option value="6">Jun</option>
494
<option value="7">Jul</option>
495
<option value="8">Aug</option>
496
<option value="9">Sep</option>
497
<option value="10">Oct</option>
498
<option value="11">Nov</option>
499
<option value="12">Dec</option>
500
</select>
501
</td>
502
<td>
503
<select id="y" class="styledselect-year">
504
<option value="">yyyy</option>
505
<option value="2005">2005</option>
506
<option value="2006">2006</option>
507
<option value="2007">2007</option>
508
<option value="2008">2008</option>
509
<option value="2009">2009</option>
510
<option value="2010">2010</option>
511
</select>
512
</form>
513
</td>
514
<td><a href="" id="date-pick"><img src="images/forms/icon_calendar.jpg" alt="" /></a></td>
515
</tr>
516
</table>
517
518
</td>
519
<td></td>
520
</tr>
521
<tr>
522
<th valign="top">Description:</th>
523
<td><textarea rows="" cols="" class="form-textarea"></textarea></td>
524
<td></td>
525
</tr>
526
<tr>
527
<th>Image 1:</th>
528
<td><input type="file" class="file_1" /></td>
529
<td>
530
<div class="bubble-left"></div>
531
<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
532
<div class="bubble-right"></div>
533
</td>
534
</tr>
535
<tr>
536
<th>Image 2:</th>
537
<td> <input type="file" class="file_1" /></td>
538
<td><div class="bubble-left"></div>
539
<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
540
<div class="bubble-right"></div></td>
541
</tr>
542
<tr>
543
<th>Image 3:</th>
544
<td><input type="file" class="file_1" /></td>
545
<td><div class="bubble-left"></div>
546
<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
547
<div class="bubble-right"></div></td>
548
</tr>
549
<tr>
550
<th> </th>
551
<td valign="top">
552
<input type="button" value="" class="form-submit" />
553
<input type="reset" value="" class="form-reset" />
554
</td>
555
<td></td>
556
</tr>
557
</table>
558
<!-- end id-form -->
559
560
</td>
561
<td>
562
563
<!-- start related-activities -->
564
<div id="related-activities">
565
566
<!-- start related-act-top -->
567
<div id="related-act-top">
568
<img src="images/forms/header_related_act.gif" width="271" height="43" alt="" />
569
</div>
570
<!-- end related-act-top -->
571
572
<!-- start related-act-bottom -->
573
<div id="related-act-bottom">
574
575
<!-- start related-act-inner -->
576
<div id="related-act-inner">
577
578
<div class="left"><a href=""><img src="images/forms/icon_plus.gif" width="21" height="21" alt="" /></a></div>
579
<div class="right">
580
<h5>Add another product</h5>
581
Lorem ipsum dolor sit amet consectetur
582
adipisicing elitsed do eiusmod tempor.
583
<ul class="greyarrow">
584
<li><a href="">Click here to visit</a></li>
585
<li><a href="">Click here to visit</a> </li>
586
</ul>
587
</div>
588
589
<div class="clear"></div>
590
<div class="lines-dotted-short"></div>
591
592
<div class="left"><a href=""><img src="images/forms/icon_minus.gif" width="21" height="21" alt="" /></a></div>
593
<div class="right">
594
<h5>Delete products</h5>
595
Lorem ipsum dolor sit amet consectetur
596
adipisicing elitsed do eiusmod tempor.
597
<ul class="greyarrow">
598
<li><a href="">Click here to visit</a></li>
599
<li><a href="">Click here to visit</a> </li>
600
</ul>
601
</div>
602
603
<div class="clear"></div>
604
<div class="lines-dotted-short"></div>
605
606
<div class="left"><a href=""><img src="images/forms/icon_edit.gif" width="21" height="21" alt="" /></a></div>
607
<div class="right">
608
<h5>Edit categories</h5>
609
Lorem ipsum dolor sit amet consectetur
610
adipisicing elitsed do eiusmod tempor.
611
<ul class="greyarrow">
612
<li><a href="">Click here to visit</a></li>
613
<li><a href="">Click here to visit</a> </li>
614
</ul>
615
</div>
616
<div class="clear"></div>
617
618
</div>
619
<!-- end related-act-inner -->
620
<div class="clear"></div>
621
622
</div>
623
<!-- end related-act-bottom -->
624
625
</div>
626
<!-- end related-activities -->
627
628
</td>
629
</tr>
630
<tr>
631
<td><img src="images/shared/blank.gif" width="695" height="1" alt="blank" /></td>
632
<td></td>
633
</tr>
634
</table>
635
636
<div class="clear"></div>
637
638
639
</div>
640
<!-- end content-table-inner -->
641
</td>
642
<td id="tbl-border-right"></td>
643
</tr>
644
<tr>
645
<th class="sized bottomleft"></th>
646
<td id="tbl-border-bottom"> </td>
647
<th class="sized bottomright"></th>
648
</tr>
649
</table>
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
<div class="clear"> </div>
666
667
</div>
668
<!-- end content -->
669
<div class="clear"> </div>
670
</div>
671
<!-- end content-outer -->
672
673
674
675
<div class="clear"> </div>
676
677
<!-- start footer -->
678
<div id="footer">
679
<!-- start footer-left -->
680
<div id="footer-left">
681
Admin Skin © Copyright Internet Dreams Ltd. <a href="">www.netdreams.co.uk</a>. All rights reserved.</div>
682
<!-- end footer-left -->
683
<div class="clear"> </div>
684
</div>
685
<!-- end footer -->
686
687
</body>
688
</html>
689
{% endblock %}
b'\\ No newline at end of file'
Loggerhead is a web-based interface for Breezy
Version: 2.0.1