Add Project History Page (#553)

Co-Authored-By: Glandos <bugs-github@antipoul.fr>

All project activity can be tracked, using SQLAlchemy-continuum.
IP addresses can optionally be recorded.

4 files changed, 55 insertions, 1 deletions

diff --git a/ihatemoney/static/css/main.css b/ihatemoney/static/css/main.css
index fe8eec2..7d91c38 100644
--- a/ihatemoney/static/css/main.css
+++ b/ihatemoney/static/css/main.css
@@ -326,7 +326,8 @@ footer .footer-left {
 }
 
 #bill_table,
-#monthly_stats {
+#monthly_stats,
+#history_table {
   margin-top: 30px;
   margin-bottom: 30px;
 }
@@ -363,6 +364,36 @@ footer .footer-left {
   background: url("../images/see.png") no-repeat right;
 }
 
+.history_icon > .delete,
+.history_icon > .add,
+.history_icon > .edit {
+  font-size: 0px;
+  display: block;
+  width: 16px;
+  height: 16px;
+  margin: 2px;
+  margin-right: 10px;
+  margin-top: 3px;
+  float: left;
+}
+
+.history_icon > .delete {
+  background: url("../images/delete.png") no-repeat right;
+}
+
+.history_icon > .edit {
+  background: url("../images/edit.png") no-repeat right;
+}
+
+.history_icon > .add {
+  background: url("../images/add.png") no-repeat right;
+}
+
+.history_text {
+  display: table-cell;
+}
+
+
 .balance .balance-value {
   text-align: right;
 }
@@ -518,12 +549,23 @@ footer .icon svg {
   fill: white;
 }
 
+.icon.icon-red {
+  fill: #dc3545;
+}
+.btn:hover .icon.icon-red  {
+  fill: white !important;
+}
+
 /* align the first column */
 #monthly_stats tr *:first-child {
   text-align: right;
   width: 200px;
 }
 
+#history_warnings {
+  margin-top: 30px;
+}
+
 /* edit settings */
 
 .edit-project form {
diff --git a/ihatemoney/static/images/add.png b/ihatemoney/static/images/add.png
new file mode 100644
index 0000000..262891b
--- /dev/null
+++ b/ihatemoney/static/images/add.png
diff --git a/ihatemoney/static/images/x.svg b/ihatemoney/static/images/x.svg
new file mode 100644
index 0000000..3416d7a
--- /dev/null
+++ b/ihatemoney/static/images/x.svg
@@ -0,0 +1,8 @@
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 807 807"><g
+     transform="translate(-20,-20)"
+     id="g8"><polygon
+       id="polygon6"
+       points="173,20 423,269 673,20 827,173 577,423 827,673 673,827 423,577 173,827 20,673 269,423 20,173 "
+       class="fil0" /></g></svg>
\ No newline at end of file
diff --git a/ihatemoney/static/js/ihatemoney.js b/ihatemoney/static/js/ihatemoney.js
index c240dc1..9ffc877 100644
--- a/ihatemoney/static/js/ihatemoney.js
+++ b/ihatemoney/static/js/ihatemoney.js
@@ -5,3 +5,7 @@ function selectCheckboxes(value){
     els[i].checked = value;
   }
 }
+
+function localizeTime(utcTimestamp) {
+    return new Date(utcTimestamp).toLocaleString()
+}