Sortable account list.

frontend/src/pages/accounts/index.js

@@ -17,23 +17,23 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
+require('../../bootstrap');
 
 import Vue from "vue";
 import Index from "../../components/accounts/Index";
 import store from "../../components/store";
-import {BTable, BPagination} from 'bootstrap-vue';
-
-require('../../bootstrap');
+import {BPagination, BTable} from 'bootstrap-vue';
+import Calendar from "../../components/dashboard/Calendar";
+import IndexOptions from "../../components/accounts/IndexOptions";
+//import Vuex from "vuex";
 
 // i18n
 let i18n = require('../../i18n');
-
 let props = {};
 
-
 Vue.component('b-table', BTable);
 Vue.component('b-pagination', BPagination);
-
+//Vue.use(Vuex);
 
 new Vue({
             i18n,
@@ -43,10 +43,34 @@ new Vue({
                 return createElement(Index, {props: props});
             },
             beforeCreate() {
+                // init the old root store (TODO remove me)
                 this.$store.commit('initialiseStore');
                 this.$store.dispatch('updateCurrencyPreference');
-                this.$store.dispatch('updateListPageSizePreference');
+
+                // init the new root store (dont care about results)
+                this.$store.dispatch('root/initialiseStore');
+
                 // also init the dashboard store.
                 this.$store.dispatch('dashboard/index/initialiseStore');
             },
         });
+
+new Vue({
+            i18n,
+            store,
+            el: "#calendar",
+            render: (createElement) => {
+                return createElement(Calendar, {props: props});
+            },
+            // TODO init store as well?
+        });
+
+new Vue({
+            i18n,
+            store,
+            el: "#indexOptions",
+            render: (createElement) => {
+                return createElement(IndexOptions, {props: props});
+            },
+            // TODO init store as well?
+        });