Merge branch 'fix/auth-sequence-list' into 'develop'

Fix/auth sequence list

See merge request geovisio/website!122

.yarnrc.yml

@@ -1 +0,0 @@
-nodeLinker: node-modules

package.json

@@ -81,6 +81,5 @@
   },
   "jest": {
     "preset": "@vue/cli-plugin-unit-jest/presets/typescript-and-babel"
-  },
-  "packageManager": "yarn@4.0.2"
+  }
 }

src/components/Viewer.vue

@@ -154,7 +154,7 @@ async function setupViewerMap(tiles: string): Promise<void> {
 }
 async function setupMap(tiles: string): Promise<void> {
   let paramsMap: MapInterface
-  paramsMap = { users: [props.userId] }
+  paramsMap = { users: [props.userId], minZoom: 7 }
   if (tiles && tiles.length) {
     const style = tiles.includes('wxs.ign.fr') ? await getIgnTiles() : tiles
     paramsMap = {

src/views/MySequencesView.vue

@@ -59,7 +59,9 @@
           {{ $t('pages.sequences.title') }}
         </h1>
         <Button
-          v-if="filterDate.start || filterDate.end || sortDate.sortBy"
+          v-if="
+            filterDate.start || filterDate.end || sortDate.sortBy || filterBbox
+          "
           look="button-border--black"
           :text="$t('pages.sequences.reset_filter_button')"
           @trigger="resetAllFilter"
@@ -121,7 +123,7 @@
         <li
           v-if="userSequences.length"
           v-for="item in userSequences"
-          class="sequence-item"
+          :class="['sequence-item', { 'sequence-selected': item.id === seqId }]"
           @mouseover="goToSequence(item)"
         >
           <router-link
@@ -130,7 +132,6 @@
               name: 'sequence',
               params: { id: item.id }
             }"
-            @mouseover.stop
           >
             <div class="wrapper-thumb">
               <img
@@ -334,6 +335,7 @@ const headerLisPos = ref<PositionInterface | null>(null)
 async function resetAllFilter(): Promise<void> {
   filterDate.value = { start: null, end: null, type: '' }
   sortDate.value = { sortBy: null }
+  filterBbox.value = null
   formatUri()
   await updateSequence(uri.value)
 }
@@ -573,7 +575,7 @@ async function updateFilters(value: {
 watchEffect(() => {
   if (viewerRef.value && viewerRef.value.viewer) {
     viewerRef.value.viewer.addEventListener(
-      'hover',
+      'select',
       (e: { detail: { seqId: string } }) => {
         if (seqId.value === e.detail.seqId) return
         seqId.value = e.detail.seqId
@@ -679,9 +681,9 @@ watchEffect(() => {
   &:nth-child(2n) {
     background-color: var(--white);
   }
-  &:hover {
+  &:hover,
+  &.sequence-selected {
     background-color: var(--blue-semi);
-    color: var(--white);
   }
 }
 .wrapper-button {