-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.tpl
136 lines (113 loc) · 4.02 KB
/
index.tpl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<html>
<head>
<title>Homebank - déclaration de dépense</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script type="text/javascript" src="js/jquery-2.2.3.js"></script>
<script type="text/javascript" src="js/moment-with-locales.js"></script>
<script type="text/javascript" src="js/transition.js"></script>
<script type="text/javascript" src="js/collapse.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
<link rel="stylesheet" href="css/custom.css" />
</head>
<body style="overflow-x: hidden;">
<script type="text/javascript">
$(function () {
$('#dbdate').datetimepicker({
format: 'DD/MM/YYYY',
locale: 'fr'
});
});
</script>
<form class="form-horizontal" method="post">
<fieldset>
<!-- Alert bar -->
<TMPL_IF NAME="ALERT">
<div class="form-group">
<label class="col-md-4 control-label" for="alertbar"></label>
<div class="col-md-4 alert <TMPL_VAR ALERT_STYLE>">
<strong><TMPL_VAR ALERT_RES></strong> <TMPL_VAR ALERT_MSG>
</div>
</div>
</TMPL_IF>
<!-- Form Name -->
<div class="form-group">
<label class="col-md-4 control-label" for="titleinput"></label>
<div class='col-md-4'>
<label>Homebank - déclaration de dépense</label>
</div>
</div>
<!-- Date input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Date</label>
<div class='col-md-2'>
<div class='input-group date' id='dbdate'>
<input id="dateinput" name="dateinput" placeholder="placeholder" class="form-control input-md" type='text' />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
<span class="help-block">Saisir la date de la dépense</span>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Montant</label>
<div class="col-md-4">
<input id="textinput" name="textinput" placeholder="placeholder" class="form-control input-md" type="text">
<span class="help-block">Saisir le montant (symbole + : vous gagnez de l'argent, symbole - : vous perdez de l'argent</span>
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectbasic">Catégorie</label>
<div class="col-md-4">
<select id="selectbasic" name="selectbasic" class="form-control">
<TMPL_VAR NAME=CATEGORIES>
</select>
<span class="help-block">Sélectionner la catégorie de la dépense</span>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="textinputdesc">Description</label>
<div class="col-md-4">
<input id="textinputdesc" name="textinputdesc" placeholder="placeholder" class="form-control input-md" type="text">
<span class="help-block">Saisir la description de la dépense</span>
</div>
</div>
<!-- Button (Double) -->
<div class="form-group">
<label class="col-md-4 control-label" for="button1id"></label>
<div class="col-md-4 controlbuttons">
<button id="button1id" type="submit" name="button1id" class="btn btn-success">Valider</button>
<button id="button2id" type="reset" name="button2id" class="btn btn-danger">Annuler</button>
</div>
</div>
</fieldset>
</form>
<div class="table-responsive">
<table class="table table-hover">
<tr>
<th>Date</th>
<th>Montant</th>
<th>Catégorie</th>
<th>Description</th>
</tr>
<TMPL_LOOP NAME=OPERATIONS>
<!-- <TMPL_VAR NAME=date> -->
<tr>
<td><TMPL_VAR NAME=pdate></td>
<td><TMPL_VAR NAME=amount></td>
<td><TMPL_VAR NAME=category></td>
<td><TMPL_VAR NAME=wording></td>
</tr>
</TMPL_LOOP>
</table>
</div>
</body>
</html>