alahouze/accountant-ui
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
6f36d7970f
accountant-ui/src/html/index.html

131 lines
6.4 KiB
HTML
Raw Normal View History

Initialized project.
2013-01-07 18:42:02 +01:00
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Entries</title>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="datepicker/css/datepicker.css" rel="stylesheet" media="screen">
Added chart, organized file tree, fixed add behaviour.
2013-01-12 13:56:52 +01:00
<link href="jqplot/jquery.jqplot.min.css" rel="stylesheet" type="text/css">
Initialized project.
2013-01-07 18:42:02 +01:00
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
Improved UI, improved API, improved other things...
2013-01-09 23:39:26 +01:00
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<a class="brand" href="#">&nbsp;Comptes</a>
<ul class="nav" data-bind="foreach: accounts, value: account">
<li data-bind="css: { active: $data === $root.account() }"><a href="#" data-bind="click: $parent.selectAccount"><span data-bind="text: name"></span><br/>
Frenchized terms :)
2013-01-09 23:58:47 +01:00
courant&nbsp;:&nbsp;<span data-bind="text: current, css: {'text-error': $data.current < 0 }"></span><br/>
point&eacute;&nbsp;:&nbsp;<span data-bind="text: pointed, css: {'text-error': $data.pointed < 0 }"></span><br/>
futur&nbsp;:&nbsp;<span data-bind="text: future, css: {'text-error': $data.future < 0 }"></span></a>
Improved UI, improved API, improved other things...
2013-01-09 23:39:26 +01:00
</li>
</ul>
</div>
</div>
Initialized project.
2013-01-07 18:42:02 +01:00
Improved UI, improved API, improved other things...
2013-01-09 23:39:26 +01:00
<div class="navbar navbar-fixed-bottom">
<div class="navbar-inner">
<ul data-bind="foreach: months()" class="nav">
<li data-bind="css: {'active': $data == $root.month()}"><a href="#" data-bind="click: $parent.selectMonth"><span data-bind="text: $data.year"></span>-<span data-bind="text: $data.month"></span></a></li>
</ul>
</div>
</div>
Initialized project.
2013-01-07 18:42:02 +01:00
Tuned the top and bottom margins.
2013-01-09 23:47:04 +01:00
<div class="content" style="margin-top: 116px; margin-bottom: 41px">
Initialized project.
2013-01-07 18:42:02 +01:00
Changed chart display, in order to add another chart. Changed remove item confirmation dialog to bootstrap modal.
2013-01-12 16:36:33 +01:00
<div class="container-fluid">
<div class="span8">
<div id="chart-placeholder" data-bind="chart: $root.entriesChart"></div>
</div>
Initialized project.
2013-01-07 18:42:02 +01:00
Changed chart display, in order to add another chart. Changed remove item confirmation dialog to bootstrap modal.
2013-01-12 16:36:33 +01:00
<div class="span4"></div>
</div>
<div id="message-placeholder"></div>
Added chart, organized file tree, fixed add behaviour.
2013-01-12 13:56:52 +01:00
Frenchized terms :)
2013-01-09 23:58:47 +01:00
<a class="btn btn-primary" data-bind="click: $root.add" href="#" title="Add entry"><i class="icon-plus"></i>&nbsp;Ajouter une entr&eacute;e</a>
Changed month selection behaviour.
2013-01-08 18:50:47 +01:00
<table class="table table-striped table-condensed table-hover">
<thead>
<tr>
Frenchized terms :)
2013-01-09 23:58:47 +01:00
<th style="width: 100px">Date de valeur</th>
<th style="width: 100px">Date de l'op&eacute;ration</th>
Frenchized label.
2013-01-10 00:00:08 +01:00
<th>Libell&eacute; de l'op&eacute;ration</th>
Frenchized terms :)
2013-01-09 23:58:47 +01:00
<th style="width: 50px">Montant</th>
<th style="width: 50px">Solde</th>
<th style="width: 50px">Solde point&eacute;</th>
Changed month selection behaviour.
2013-01-08 18:50:47 +01:00
<th style="width: 60px">Actions</th>
</tr>
</thead>
<tbody data-bind="template:{name: templateToUse, foreach: entries}">
</tbody>
</table>
</div>
Initialized project.
2013-01-07 18:42:02 +01:00
</div>
</div>
</div>
Changed chart display, in order to add another chart. Changed remove item confirmation dialog to bootstrap modal.
2013-01-12 16:36:33 +01:00
<div id="remove-confirm" class="modal hide fade">
<div class="modal-header">
<h3>Confirmer la suppression</h3>
</div>
<div class="modal-body">
<p>Confirmez-vous la suppression de cette entr&eacute;e ?</p>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Non</a>
<a href="#" class="btn" data-bind="click: confirmRemove">Oui</a>
</div>
</div>
Initialized project.
2013-01-07 18:42:02 +01:00
<script id="itemsTmpl" type="text/html">
<tr data-bind="css: { 'error': sold() < 0 }">
<td data-bind="date: value_date"></td>
<td data-bind="date: operation_date"></td>
<td data-bind="text: label"></td>
<td data-bind="text: value, css: {'text-error': value() < 0 }"></td>
<td data-bind="text: sold, css: {'text-error': sold() < 0 }"></td>
<td data-bind="text: pointedSold, css: {'text-error': pointedSold() < 0 }"></td>
<td class="buttons">
<a class="btn btn-mini" data-bind="click: $root.edit" href="#" title="edit"><i class="icon-edit"></i></a>
<a class="btn btn-mini" data-bind="click: $root.remove" href="#" title="remove"><i class="icon-trash"></i></a>
</td>
</tr>
</script>
<script id="editTmpl" type="text/html">
<tr data-bind="css: { 'error': sold() < 0 }">
<td><input type="text" class="input-small" data-bind="dateValue: value_date" data-date-format="yyyy-mm-dd" id="value_date"/></td>
Added clear button on operation edit field.
2013-01-08 18:03:25 +01:00
<td><div class="input-append"><input type="text" class="input-small" data-bind="dateValue: operation_date" data-date-format="yyyy-mm-dd" id="operation_date"/><button class="btn" type="button"><i class="icon-remove" id="operation_date_clear"></i></button></div></td>
Initialized project.
2013-01-07 18:42:02 +01:00
<td><input type="text" class="input-xxlarge" data-bind="value: label"/></td>
<td><input type="text" class="input-mini" data-bind="value: value"/></td>
<td data-bind="text: sold"></td>
<td data-bind="text: pointedSold"></td>
<td class="buttons">
<a class="btn btn-mini btn-success" data-bind="click: $root.save" href="#" title="save"><i class="icon-ok"></i></a>
<a class="btn btn-mini" data-bind="click: $root.cancel" href="#" title="cancel"><i class="icon-ban-circle"></i></a>
</td>
</tr>
</script>
Added chart, organized file tree, fixed add behaviour.
2013-01-12 13:56:52 +01:00
<script type="text/javascript" src="jquery/jquery.js"></script>
Added jquery resize plugin to enable the set of the resizing event directly on the element.
2013-01-12 19:16:48 +01:00
<script type="text/javascript" src="jquery/jquery.ba-resize.min.js"></script>
Added chart, organized file tree, fixed add behaviour.
2013-01-12 13:56:52 +01:00
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="knockout/knockout.js"></script>
<script type="text/javascript" src="jqplot/jquery.jqplot.js"></script>
<script type="text/javascript" src="jqplot/plugins/jqplot.dateAxisRenderer.js"></script>
<script type="text/javascript" src="jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script type="text/javascript" src="jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="jqplot/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
<script type="text/javascript" src="jqplot/plugins/jqplot.ohlcRenderer.min.js"></script>
<script type="text/javascript" src="jqplot/plugins/jqplot.highlighter.min.js"></script>
Initialized project.
2013-01-07 18:42:02 +01:00
Added chart, organized file tree, fixed add behaviour.
2013-01-12 13:56:52 +01:00
<script type="text/javascript" src="js/entries.js"></script>
Initialized project.
2013-01-07 18:42:02 +01:00
</body>
</html>
Reference in New Issue Copy Permalink