Add archive button. Closes #9.

CHANGELOG.md

@@ -6,6 +6,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 ### Added
+- added archive button
 - added automatic latitude longitude fill provided by OpenStreetMap
 - added RSS source type
 

src/components/ProposedEvents.vue

@@ -76,7 +76,7 @@ export default {
   },
   methods: {
     paginatedProposedEvents () {
-      return this.$store.state.proposed_events.slice((this.page - 1) * 10, this.page * 10)
+      return this.$store.getters.proposed_events.slice((this.page - 1) * 10, this.page * 10)
     },
     acceptEvent(url) {
       this.$store.commit('updateEventURL', url)

src/components/modals/proposed_events/Accept.vue

@@ -61,6 +61,14 @@
           >
             Eintragen
           </button>
+          <button
+            type="button"
+            class="btn btn-danger"
+            data-dismiss="modal"
+            @click="$store.commit('archiveEvent', $store.state.selection.eventURL)"
+          >
+            Archivieren
+          </button>
         </div>
       </div>
     </div>

src/store/index.js

@@ -32,11 +32,16 @@ export default new Vuex.Store({
       state.proposed_events = state.proposed_events.filter((e) => e.url !== url)
     }
   },
+  getters: {
+    proposed_events(state, getters) {
+      return state.proposed_events.filter((event) => !getters.archivedEvents.has(event.url))
+    }
+  },
   modules: {
     auth,
     selection
   },
   plugins: [createPersistedState({
-    paths: ['auth']
+    paths: ['auth', 'selection.archivedEvents']
   })]
 })

src/store/selection.js

@@ -2,9 +2,18 @@ export default {
   state: {
     locationName: null,
     sourceURL: null,
-    eventURL: null
+    eventURL: null,
+    archivedEvents: []
+  },
+  getters: {
+    archivedEvents (state) {
+      return new Set(state.archivedEvents)
+    }
   },
   mutations: {
+    archiveEvent(state, url) {
+      state.archivedEvents.push(url)
+    },
     updateLocationName(state, name) {
       state.locationName = name
     },