alahouze/accountant-ui
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Changed chart display, in order to add another chart. Changed remove item confirmation dialog to bootstrap modal.

Browse Source
This commit is contained in:
Alexis Lahouze 2013-01-12 16:36:33 +01:00
parent 631b7f50f5
commit d044300680
2 changed files with 35 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/html/index.html
View File

@ -35,9 +35,15 @@
<div class="content" style="margin-top: 116px; margin-bottom: 41px">
<div id="message-placeholder"></div>
<div class="container-fluid">
<div class="span8">
<div id="chart-placeholder" data-bind="chart: $root.entriesChart"></div>
</div>
<div id="chart-placeholder" data-bind="chart: $root.entriesChart"></div>
<div class="span4"></div>
</div>
<div id="message-placeholder"></div>
<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>
@ -62,6 +68,19 @@
</div>
</div>
<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>
<script id="itemsTmpl" type="text/html">
<tr data-bind="css: { 'error': sold() < 0 }">
<td data-bind="date: value_date"></td>

23
src/html/js/entries.js
View File

@ -40,6 +40,7 @@ var ListViewModel = function() {
self.selectedItem = ko.observable();
self.savedItem = ko.observable();
self.itemToRemove = ko.observable();
self.entriesChart = ko.computed(function() {
var entries = self.entries().slice().reverse();
@ -250,17 +251,24 @@ var ListViewModel = function() {
self.remove = function (item) {
if (item.id()) {
if (confirm('Are you sure you wish to delete this item?')) {
$.post("api/entry.php", {action: "remove_entry", entry:item}).success(function (result) {
self.selectedItem(null);
self.loadAccounts();
});
}
self.itemToRemove(item);
$('#remove-confirm').modal();
} else {
self.entries.remove(item);
}
};
self.confirmRemove = function() {
var item = self.itemToRemove();
$.post("api/entry.php", {action: "remove_entry", entry:item}).success(function (result) {
self.loadAccounts();
}).complete(function (result) {
self.itemToRemove(null);
$('#remove-confirm').modal('hide');
});
};
self.selectMonth = function(month) {
if(month) {
self.month(month);
@ -383,9 +391,6 @@ ko.bindingHandlers.chart = {
$.jqplot(element.id, chartValues, {
axes:{
xaxis:{
//autoscale: true,
//min: firstDate.toString(),
//max: lastDate.toString(),
renderer:$.jqplot.DateAxisRenderer,
tickOptions: {formatString: "%F"}
},