REDMINE_ISSUE-13695 | Bouton "Voir tous les signalements"

src/views/Project/ProjectDetail.vue

@@ -61,7 +61,7 @@
             />
           </div>
 
-          <div class="eight wide column">
+          <div class="eight wide column map-container">
             <div
               :class="{ active: mapLoading }"
               class="ui inverted dimmer"
@@ -70,10 +70,23 @@
                 Chargement de la carte...
               </div>
             </div>
+
             <div
               id="map"
               ref="map"
             />
+
+            <div
+              class="ui button fluid teal"
+              @click="$router.push({
+                name: 'liste-signalements',
+                params: { slug: slug },
+              })"
+            >
+              <i class="ui icon arrow right" />
+              Voir tous les signalements
+            </div>
+
             <div 
               id="popup" 
               class="ol-popup"
@@ -467,10 +480,19 @@ export default {
 };
 </script>
 
-<style scoped>
+<style lang="less" scoped>
 
 .fullwidth {
   width: 100%;
 }
 
+.map-container {
+  display: flex !important;
+  flex-direction: column;
+
+  .button {
+    margin-top: 0.5em;
+  }
+}
+
 </style>