on centralise le setItem du localStorage, apres chaque ajax et apres le

rendu

js/gamutable.es6.js

@@ -140,6 +140,19 @@ let monTableau = {
 				this.parPage = e;
 			}
 		},
+		table() {
+			let $table = [];
+			$table = [
+				...[
+					{
+						header: this.header,
+						crayons: this.crayons,
+					},
+				],
+				...this.table,
+			];
+			localStorage.setItem('gamuTable', JSON.stringify($table));
+		},
 	},
 	methods: {
 		chargerJson(id) {
@@ -149,7 +162,7 @@ let monTableau = {
 			} else {
 				let data = localStorage.getItem('gamuTable');
 				data = recupJson(data);
-				if (data) {
+				if (data && data.length) {
 					let config = data.shift();
 					this.header = config.header;
 					this.crayons = config.crayons;
@@ -163,12 +176,11 @@ let monTableau = {
 			fetch(url)
 				.then((response) => response.json())
 				.then((data) => {
-					localStorage.setItem('gamuTable', JSON.stringify(data));
 					let config = data.shift();
 					this.header = config.header;
 					this.crayons = config.crayons;
 					if (parseInt(id) > 0) {
-						let i = this.table.findIndex((ligne) => ligne.id === parseInt(id));
+						let i = this.table.findIndex((ligne) => ligne.html.id === parseInt(id));
 						Vue.set(this.table, i, data[0]);
 					} else {
 						this.table = data;

js/gamutable.js

@@ -1,5 +1,13 @@
 "use strict";
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
@@ -151,6 +159,14 @@ var monTableau = {
       } else {
         this.parPage = e;
       }
+    },
+    table: function table() {
+      var $table = [];
+      $table = [{
+        header: this.header,
+        crayons: this.crayons
+      }].concat(_toConsumableArray(this.table));
+      localStorage.setItem('gamuTable', JSON.stringify($table));
     }
   },
   methods: {
@@ -165,7 +181,7 @@ var monTableau = {
         var data = localStorage.getItem('gamuTable');
         data = recupJson(data);
 
-        if (data) {
+        if (data && data.length) {
           var config = data.shift();
           this.header = config.header;
           this.crayons = config.crayons;
@@ -182,14 +198,13 @@ var monTableau = {
       fetch(url).then(function (response) {
         return response.json();
       }).then(function (data) {
-        localStorage.setItem('gamuTable', JSON.stringify(data));
         var config = data.shift();
         _this2.header = config.header;
         _this2.crayons = config.crayons;
 
         if (parseInt(id) > 0) {
           var i = _this2.table.findIndex(function (ligne) {
-            return ligne.id === parseInt(id);
+            return ligne.html.id === parseInt(id);
           });
 
           Vue.set(_this2.table, i, data[0]);