include search_structures raw html+scss from ot_typo3 project

components/NuxtLogo.vue

@@ -1,11 +0,0 @@
-<template>
-  <svg class="nuxt-logo" viewBox="0 0 45 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M24.7203 29.704H41.1008C41.6211 29.7041 42.1322 29.5669 42.5828 29.3061C43.0334 29.0454 43.4075 28.6704 43.6675 28.2188C43.9275 27.7672 44.0643 27.2549 44.0641 26.7335C44.0639 26.2121 43.9266 25.6999 43.6662 25.2485L32.6655 6.15312C32.4055 5.70162 32.0315 5.32667 31.581 5.06598C31.1305 4.8053 30.6195 4.66805 30.0994 4.66805C29.5792 4.66805 29.0682 4.8053 28.6177 5.06598C28.1672 5.32667 27.7932 5.70162 27.5332 6.15312L24.7203 11.039L19.2208 1.48485C18.9606 1.03338 18.5864 0.658493 18.1358 0.397853C17.6852 0.137213 17.1741 0 16.6538 0C16.1336 0 15.6225 0.137213 15.1719 0.397853C14.7213 0.658493 14.3471 1.03338 14.0868 1.48485L0.397874 25.2485C0.137452 25.6999 0.000226653 26.2121 2.8053e-07 26.7335C-0.000226092 27.2549 0.136554 27.7672 0.396584 28.2188C0.656614 28.6704 1.03072 29.0454 1.48129 29.3061C1.93185 29.5669 2.44298 29.7041 2.96326 29.704H13.2456C17.3195 29.704 20.3239 27.9106 22.3912 24.4118L27.4102 15.7008L30.0986 11.039L38.1667 25.0422H27.4102L24.7203 29.704ZM13.0779 25.0374L5.9022 25.0358L16.6586 6.36589L22.0257 15.7008L18.4322 21.9401C17.0593 24.2103 15.4996 25.0374 13.0779 25.0374Z" fill="#00DC82" />
-  </svg>
-</template>
-
-<style>
-.nuxt-logo {
-  height: 180px;
-}
-</style>

components/VuetifyLogo.vue

@@ -1,22 +0,0 @@
-<template>
-  <img
-    class="VuetifyLogo"
-    alt="Vuetify Logo"
-    src="/vuetify-logo.svg"
-  >
-</template>
-
-<style>
-.VuetifyLogo {
-  height: 180px;
-  width: 180px;
-  transform: rotateY(560deg);
-  animation: turn 3.5s ease-out forwards 1s;
-}
-
-@keyframes turn {
-  100% {
-    transform: rotateY(0deg);
-  }
-}
-</style>

layouts/default.vue

@@ -1,117 +1,21 @@
 <template>
   <v-app dark>
-    <v-navigation-drawer
-      v-model="drawer"
-      :mini-variant="miniVariant"
-      :clipped="clipped"
-      fixed
-      app
-    >
-      <v-list>
-        <v-list-item
-          v-for="(item, i) in items"
-          :key="i"
-          :to="item.to"
-          router
-          exact
-        >
-          <v-list-item-action>
-            <v-icon>{{ item.icon }}</v-icon>
-          </v-list-item-action>
-          <v-list-item-content>
-            <v-list-item-title v-text="item.title" />
-          </v-list-item-content>
-        </v-list-item>
-      </v-list>
-    </v-navigation-drawer>
-    <v-app-bar
-      :clipped-left="clipped"
-      fixed
-      app
-    >
-      <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
-      <v-btn
-        icon
-        @click.stop="miniVariant = !miniVariant"
-      >
-        <v-icon>mdi-{{ `chevron-${miniVariant ? 'right' : 'left'}` }}</v-icon>
-      </v-btn>
-      <v-btn
-        icon
-        @click.stop="clipped = !clipped"
-      >
-        <v-icon>mdi-application</v-icon>
-      </v-btn>
-      <v-btn
-        icon
-        @click.stop="fixed = !fixed"
-      >
-        <v-icon>mdi-minus</v-icon>
-      </v-btn>
-      <v-toolbar-title v-text="title" />
-      <v-spacer />
-      <v-btn
-        icon
-        @click.stop="rightDrawer = !rightDrawer"
-      >
-        <v-icon>mdi-menu</v-icon>
-      </v-btn>
-    </v-app-bar>
     <v-main>
       <v-container>
         <Nuxt />
       </v-container>
     </v-main>
-    <v-navigation-drawer
-      v-model="rightDrawer"
-      :right="right"
-      temporary
-      fixed
-    >
-      <v-list>
-        <v-list-item @click.native="right = !right">
-          <v-list-item-action>
-            <v-icon light>
-              mdi-repeat
-            </v-icon>
-          </v-list-item-action>
-          <v-list-item-title>Switch drawer (click me)</v-list-item-title>
-        </v-list-item>
-      </v-list>
-    </v-navigation-drawer>
+
     <v-footer
       :absolute="!fixed"
       app
     >
-      <span>&copy; {{ new Date().getFullYear() }}</span>
+      <span>&copy; Opentalent {{ new Date().getFullYear() }}</span>
     </v-footer>
   </v-app>
 </template>
 
 <script>
 export default {
-  data () {
-    return {
-      clipped: false,
-      drawer: false,
-      fixed: false,
-      items: [
-        {
-          icon: 'mdi-apps',
-          title: 'Welcome',
-          to: '/'
-        },
-        {
-          icon: 'mdi-chart-bubble',
-          title: 'Inspire',
-          to: '/inspire'
-        }
-      ],
-      miniVariant: false,
-      right: true,
-      rightDrawer: false,
-      title: 'Vuetify.js'
-    }
-  }
 }
 </script>

nuxt.config.js

@@ -1,18 +1,20 @@
 import colors from 'vuetify/es5/util/colors'
 
 export default {
-  // Global page headers: https://go.nuxtjs.dev/config-head
+
+  // Enable server-side rendering (https://go.nuxtjs.dev/ssr-mode)
+  ssr: true,
+
+  // Auto import components (https://go.nuxtjs.dev/config-components)
+  components: true,
+
   head: {
-    titleTemplate: '%s - frames',
+    titleTemplate: 'Frames, par Opentalent',
     title: 'frames',
-    htmlAttrs: {
-      lang: 'en'
-    },
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
       { hid: 'description', name: 'description', content: '' },
-      { name: 'format-detection', content: 'telephone=no' }
     ],
     link: [
       { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
@@ -21,37 +23,48 @@ export default {
 
   // Global CSS: https://go.nuxtjs.dev/config-css
   css: [
+    '~/assets/style/global.scss'
   ],
 
+  i18n: {
+    locales: [
+      {
+        code: 'fr',
+        file: 'fr-FR.js'
+      }
+    ],
+    lazy: true,
+    langDir: 'lang/',
+    defaultLocale: 'fr',
+    vueI18n: {
+      silentTranslationWarn: true,
+      silentFallbackWarn: true
+    }
+  },
+
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
   plugins: [
   ],
 
-  // Auto import components: https://go.nuxtjs.dev/config-components
-  components: true,
-
   // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
   buildModules: [
     // https://go.nuxtjs.dev/typescript
     '@nuxt/typescript-build',
     // https://go.nuxtjs.dev/vuetify
-    '@nuxtjs/vuetify'
+    '@nuxtjs/vuetify',
+    '@nuxt/image'
   ],
 
   // Modules: https://go.nuxtjs.dev/config-modules
   modules: [
-    // https://go.nuxtjs.dev/axios
-    '@nuxtjs/axios'
+    '@nuxtjs/i18n'
   ],
 
-  // Axios module configuration: https://go.nuxtjs.dev/config-axios
-  axios: {},
-
   // Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify
   vuetify: {
-    customVariables: ['~/assets/variables.scss'],
+    customVariables: ['~/assets/style/variables.scss'],
     theme: {
-      dark: true,
+      dark: false,
       themes: {
         dark: {
           primary: colors.blue.darken2,

package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "dev": "nuxt",
+    "dev": "nuxt --hostname '0.0.0.0' --port 3333",
     "build": "nuxt build",
     "start": "nuxt start",
     "generate": "nuxt generate",
@@ -12,7 +12,8 @@
     "test": "jest"
   },
   "dependencies": {
-    "@nuxtjs/axios": "^5.13.6",
+    "@nuxt/image": "^0.6.0",
+    "@nuxtjs/i18n": "^7.0.3",
     "core-js": "^3.15.1",
     "nuxt": "^2.15.7",
     "vuetify": "^2.5.5"
@@ -34,4 +35,4 @@
     "ts-jest": "^27.0.3",
     "vue-jest": "^3.0.4"
   }
-}
+}

pages/index.vue

@@ -1,77 +1,7 @@
 <template>
   <v-row justify="center" align="center">
     <v-col cols="12" sm="8" md="6">
-      <v-card class="logo py-4 d-flex justify-center">
-        <NuxtLogo />
-        <VuetifyLogo />
-      </v-card>
-      <v-card>
-        <v-card-title class="headline">
-          Welcome to the Vuetify + Nuxt.js template
-        </v-card-title>
-        <v-card-text>
-          <p>Vuetify is a progressive Material Design component framework for Vue.js. It was designed to empower developers to create amazing applications.</p>
-          <p>
-            For more information on Vuetify, check out the <a
-              href="https://vuetifyjs.com"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              documentation
-            </a>.
-          </p>
-          <p>
-            If you have questions, please join the official <a
-              href="https://chat.vuetifyjs.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-              title="chat"
-            >
-              discord
-            </a>.
-          </p>
-          <p>
-            Find a bug? Report it on the github <a
-              href="https://github.com/vuetifyjs/vuetify/issues"
-              target="_blank"
-              rel="noopener noreferrer"
-              title="contribute"
-            >
-              issue board
-            </a>.
-          </p>
-          <p>Thank you for developing with Vuetify and I look forward to bringing more exciting features in the future.</p>
-          <div class="text-xs-right">
-            <em><small>&mdash; John Leider</small></em>
-          </div>
-          <hr class="my-3">
-          <a
-            href="https://nuxtjs.org/"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Nuxt Documentation
-          </a>
-          <br>
-          <a
-            href="https://github.com/nuxt/nuxt.js"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Nuxt GitHub
-          </a>
-        </v-card-text>
-        <v-card-actions>
-          <v-spacer />
-          <v-btn
-            color="primary"
-            nuxt
-            to="/inspire"
-          >
-            Continue
-          </v-btn>
-        </v-card-actions>
-      </v-card>
+      <h1>Frames, par Opentalent</h1>
     </v-col>
   </v-row>
 </template>

pages/inspire.vue

@@ -1,19 +0,0 @@
-<template>
-  <v-row>
-    <v-col class="text-center">
-      <img
-        src="/v.png"
-        alt="Vuetify.js"
-        class="mb-5"
-      >
-      <blockquote class="blockquote">
-        &#8220;First, solve the problem. Then, write the code.&#8221;
-        <footer>
-          <small>
-            <em>&mdash;John Johnson</em>
-          </small>
-        </footer>
-      </blockquote>
-    </v-col>
-  </v-row>
-</template>

pages/structures_adherentes/_id.vue

@@ -0,0 +1,93 @@
+<template>
+  <LayoutContainer>
+    <header>
+      <a class="go-back" href="#"><i class="fas fa-chevron-left" />{{ $t('go_back') }}</a>
+    </header>
+    <span class="please-wait">
+      <nuxt-img
+        src="/images/gear.gif"
+        :alt="$t('please_wait')"
+        style="margin-top:100px; width:70px"
+      />
+    </span>
+    <div class="content" style="display: none">
+      <div class="structure-header">
+        <nuxt-img class="default-logo" src="/images/event-default.jpg" alt="logo" />
+        <img class="logo" src="" alt="logo" style="display:none">
+
+        <h3 class="structure-name" />
+
+        <span class="social">
+          <a href="" class="facebook" target="_blank" style="display: none" :title="$t('find_us_on') + ' Facebook'">
+            <i class="fab fa-facebook" />
+          </a>
+          <a href="" class="instagram" target="_blank" style="display: none">
+            <i class="fab fa-instagram-square" :title="$t('find_us_on') + ' Instagram'" />
+          </a>
+          <a href="" class="twitter" target="_blank" style="display: none">
+            <i class="fab fa-twitter" title="$t('find_us_on') + ' Twitter'" />
+          </a>
+        </span>
+      </div>
+      <div class="illustration-container">
+        <nuxt-img src="/images/event-default-modern.jpg" alt="" />
+      </div>
+      <div class="structure-practices">
+        <span class="structure-practice-model" style="display: none" />
+      </div>
+      <div class="details">
+        <div class="description">
+          <h4>{{ $t('descriptive') }}</h4>
+
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+            ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
+            eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+            deserunt mollit anim id est laborum.
+          </p>
+        </div>
+        <div class="contact">
+          <h4>{{ $t('contact') }}</h4>
+
+          <table>
+            <tr>
+              <td><i class="fas fa-map-marker-alt" /></td>
+              <td class="address" />
+            </tr>
+            <tr>
+              <td><i class="fas fa-phone-alt" /></td>
+              <td class="phone">
+                <a href="" />
+              </td>
+            </tr>
+            <tr>
+              <td><i class="fas fa-envelope" /></td>
+              <td class="mail">
+                <a href="" />
+              </td>
+            </tr>
+            <tr>
+              <td><i class="fas fa-globe-europe" /></td>
+              <td class="website">
+                <a href="" />
+              </td>
+            </tr>
+            <tr>
+              <td><i class="fas fa-project-diagram" /></td>
+              <td class="network" />
+            </tr>
+          </table>
+        </div>
+      </div>
+
+      <div class="spot-on-bar">
+        <button disabled>
+          {{ $t('spot_on_from') }} 01/01/2021
+        </button>
+      </div>
+
+      <div id="structure-details-map" style="display: none" />
+    </div>
+  </LayoutContainer>
+</template>

pages/structures_adherentes/index.vue

@@ -0,0 +1,413 @@
+<template>
+  <LayoutContainer>
+    <!-- All members -->
+    <div
+      class="ot-structures-frame map-view"
+    >
+      <header>
+        <h2>{{ $t("member_companies") }}</h2>
+        <a href="#" class="activate-map-view">{{ $t("map") }}</a>
+        <a href="#" class="activate-list-view">{{ $t("list") }}</a>
+      </header>
+
+      <div class="structure-col structure-col-map">
+        <div id="structure-map-wrapper">
+          <div id="structure-map" />
+        </div>
+
+        <div id="structure-map-bar">
+          <div class="advice">
+            {{ $t("click_on_land_to_go_there") }}
+          </div>
+          <ul id="overseas-provinces-list">
+            <li><nuxt-img src="/images/metropole.png" alt="Metropole" data="{map-fit: '51.03,-5.78;41.2,9.70'}" /></li>
+            <li><nuxt-img src="/images/guadeloupe.png" alt="Guadeloupe" data="{map-fit: '16.62,-62.03;15.74,-60.97'}" /></li>
+            <li><nuxt-img src="/images/martinique.png" alt="Martinique" data="{map-fit: '14.95,-61.43;14.28,-60.60'}" /></li>
+            <li><nuxt-img src="/images/mayotte.png" alt="Mayotte" data="{map-fit: '-12.51,44.86;-13.19,45.45'}" /></li>
+            <li><nuxt-img src="/images/la_reunion.png" alt="La Réunion" data="{map-fit: '-20.65,54.92;-21.65,56.15'}" /></li>
+            <li><nuxt-img src="/images/guyane.png" alt="Guyane" data="{map-fit: '6.24,-54.62;1.87,-50.59'}" /></li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="structure-col structure-col-results">
+        <div class="structure-search">
+          <v-form id="structure-search-form" method="get">
+            <div class="structure-search-row">
+              <div class="search-bar-wrapper">
+                <v-text-field
+                  type="text"
+                  class="search-bar"
+                  name="search-query"
+                  :placeholder="$t('what') + ' ?'"
+                >
+                  <button
+                    class="search-bar-btn"
+                    name="submit-search"
+                  >
+                    <i class="fas fa-search" />
+                  </button>
+                </v-text-field>
+              </div>
+              <div class="search-bar-wrapper">
+                <v-text-field
+                  type="text"
+                  name="search-city"
+                  class="search-bar"
+                  :placeholder="$t('what') + ' ?'"
+                  autocomplete="off"
+                >
+                  <button
+                    class="search-bar-btn"
+                    name="search-localize"
+                  >
+                    <i class="fas fa-crosshairs" />
+                  </button>
+                  <div class="city-search-dropdown" style="display: none;">
+                    <div class="city-search-loading">
+                      <nuxt-img
+                        src="EXT:ot_templating/Resources/Public/media/gear.gif"
+                        :alt="$t('please_wait')"
+                      />
+                    </div>
+                    <div class="city-search-no-result">
+                      {{ $t('no_result') }}
+                    </div>
+                    <div class="city-search-results" />
+                  </div>
+                  <input type="hidden" name="lat" value="{ot:request.getArgument(argument: 'lat')}">
+                  <input type="hidden" name="long" value="{ot:request.getArgument(argument: 'long')}">
+                </v-text-field>
+              </div>
+            </div>
+            <div class="structure-search-row filters">
+              <select name="search-practice" disabled>
+                <option value="">
+                  Type
+                </option>
+              </select>
+              <select name="search-province">
+                <option value="">
+                  Département
+                </option>
+                <option value="01">
+                  01 - Ain
+                </option><option value="02">
+                  02 - Aisne
+                </option><option value="03">
+                  03 - Allier
+                </option><option value="04">
+                  04 - Alpes-de-Haute-Provence
+                </option><option value="05">
+                  05 - Hautes-Alpes
+                </option><option value="06">
+                  06 - Alpes-Maritimes
+                </option><option value="07">
+                  07 - Ardèche
+                </option><option value="08">
+                  08 - Ardennes
+                </option><option value="09">
+                  09 - Ariège
+                </option><option value="10">
+                  10 - Aube
+                </option><option value="11">
+                  11 - Aude
+                </option><option value="12">
+                  12 - Aveyron
+                </option><option value="13">
+                  13 - Bouches-du-Rhône
+                </option><option value="14">
+                  14 - Calvados
+                </option><option value="15">
+                  15 - Cantal
+                </option><option value="16">
+                  16 - Charente
+                </option><option value="17">
+                  17 - Charente-Maritime
+                </option><option value="18">
+                  18 - Cher
+                </option><option value="19">
+                  19 - Corrèze
+                </option><option value="2A">
+                  2A - Corse-du-Sud
+                </option><option value="2B">
+                  2B - Haute-Corse
+                </option><option value="21">
+                  21 - Côte-d'Or
+                </option><option value="22">
+                  22 - Côtes-d'Armor
+                </option><option value="23">
+                  23 - Creuse
+                </option><option value="24">
+                  24 - Dordogne
+                </option><option value="25">
+                  25 - Doubs
+                </option><option value="26">
+                  26 - Drôme
+                </option><option value="27">
+                  27 - Eure
+                </option><option value="28">
+                  28 - Eure-et-Loir
+                </option><option value="29">
+                  29 - Finistère
+                </option><option value="2A">
+                  2A - Corse-du-Sud
+                </option><option value="2B">
+                  2B - Haute-Corse
+                </option><option value="30">
+                  30 - Gard
+                </option><option value="31">
+                  31 - Haute-Garonne
+                </option><option value="32">
+                  32 - Gers
+                </option><option value="33">
+                  33 - Gironde
+                </option><option value="34">
+                  34 - Hérault
+                </option><option value="35">
+                  35 - Ille-et-Vilaine
+                </option><option value="36">
+                  36 - Indre
+                </option><option value="37">
+                  37 - Indre-et-Loire
+                </option><option value="38">
+                  38 - Isère
+                </option><option value="39">
+                  39 - Jura
+                </option><option value="40">
+                  40 - Landes
+                </option><option value="41">
+                  41 - Loir-et-Cher
+                </option><option value="42">
+                  42 - Loire
+                </option><option value="43">
+                  43 - Haute-Loire
+                </option><option value="44">
+                  44 - Loire-Atlantique
+                </option><option value="45">
+                  45 - Loiret
+                </option><option value="46">
+                  46 - Lot
+                </option><option value="47">
+                  47 - Lot-et-Garonne
+                </option><option value="48">
+                  48 - Lozère
+                </option><option value="49">
+                  49 - Maine-et-Loire
+                </option><option value="50">
+                  50 - Manche
+                </option><option value="51">
+                  51 - Marne
+                </option><option value="52">
+                  52 - Haute-Marne
+                </option><option value="53">
+                  53 - Mayenne
+                </option><option value="54">
+                  54 - Meurthe-et-Moselle
+                </option><option value="55">
+                  55 - Meuse
+                </option><option value="56">
+                  56 - Morbihan
+                </option><option value="57">
+                  57 - Moselle
+                </option><option value="58">
+                  58 - Nièvre
+                </option><option value="59">
+                  59 - Nord
+                </option><option value="60">
+                  60 - Oise
+                </option><option value="61">
+                  61 - Orne
+                </option><option value="62">
+                  62 - Pas-de-Calais
+                </option><option value="63">
+                  63 - Puy-de-Dôme
+                </option><option value="64">
+                  64 - Pyrénées-Atlantiques
+                </option><option value="65">
+                  65 - Hautes-Pyrénées
+                </option><option value="66">
+                  66 - Pyrénées-Orientales
+                </option><option value="67">
+                  67 - Bas-Rhin
+                </option><option value="68">
+                  68 - Haut-Rhin
+                </option><option value="69">
+                  69 - Rhône
+                </option><option value="70">
+                  70 - Haute-Saône
+                </option><option value="71">
+                  71 - Saône-et-Loire
+                </option><option value="72">
+                  72 - Sarthe
+                </option><option value="73">
+                  73 - Savoie
+                </option><option value="74">
+                  74 - Haute-Savoie
+                </option><option value="75">
+                  75 - Paris
+                </option><option value="76">
+                  76 - Seine-Maritime
+                </option><option value="77">
+                  77 - Seine-et-Marne
+                </option><option value="78">
+                  78 - Yvelines
+                </option><option value="79">
+                  79 - Deux-Sèvres
+                </option><option value="80">
+                  80 - Somme
+                </option><option value="81">
+                  81 - Tarn
+                </option><option value="82">
+                  82 - Tarn-et-Garonne
+                </option><option value="83">
+                  83 - Var
+                </option><option value="84">
+                  84 - Vaucluse
+                </option><option value="85">
+                  85 - Vendée
+                </option><option value="86">
+                  86 - Vienne
+                </option><option value="87">
+                  87 - Haute-Vienne
+                </option><option value="88">
+                  88 - Vosges
+                </option><option value="89">
+                  89 - Yonne
+                </option><option value="90">
+                  90 - Territoire de Belfort
+                </option><option value="91">
+                  91 - Essonne
+                </option><option value="92">
+                  92 - Hauts-de-Seine
+                </option><option value="93">
+                  93 - Seine-Saint-Denis
+                </option><option value="94">
+                  94 - Val-de-Marne
+                </option><option value="95">
+                  95 - Val-d'Oise
+                </option><option value="971">
+                  971 - Guadeloupe
+                </option><option value="972">
+                  972 - Martinique
+                </option><option value="973">
+                  973 - Guyane
+                </option><option value="974">
+                  974 - La Réunion
+                </option><option value="976">
+                  976 - Mayotte
+                </option>
+              </select>
+
+              <select name="search-federation" disabled>
+                <option value="">
+                  Fédération
+                </option>
+                <option value="-1" />
+              </select>
+
+              <select name="search-radius">
+                <option value="">
+                  Distance
+                </option>
+                <option value="10">
+                  10km
+                </option>
+                <option value="30">
+                  30km
+                </option>
+                <option value="50">
+                  50km
+                </option>
+                <option value="100">
+                  100km
+                </option>
+                <option value="200">
+                  200km
+                </option>
+              </select>
+            </div>
+            <div class="structure-search-row search-buttons">
+              <button class="reset-search">
+                Réinitialiser
+              </button>
+              <span class="spacer" />
+              <button class="submit-search" name="submit-search">
+                Rechercher
+              </button>
+            </div>
+          </v-form>
+        </div>
+
+        <div class="structure-results">
+          <span class="please-wait">
+            <nuxt-img
+              src="/images/gear.gif"
+              :alt="$t('please_wait')"
+              style="margin-top:100px; width:70px"
+            />
+          </span>
+
+          <span class="no-result" style="display: none">{{ $t("no_result") }}</span>
+          <span class="error-message" style="display: none">{{ $t("an_error_occured") }}</span>
+          <span class="results-count-message" style="display: none">
+            <i class="count" />&nbsp;<i>{{ $t("results") }}</i>
+          </span>
+
+          <div class="structures-page">
+            <div class="structure-card-model" data-id="" style="display: none">
+              <div class="structure-poster">
+                <nuxt-img src="images/event-default.jpg" alt="poster" />
+              </div>
+
+              <div class="structure-details">
+                <div class="structure-practices">
+                  <span class="structure-practice-model" style="display: none" />
+                </div>
+
+                <div class="structure-name">
+                  <a target="_blank" href="" />
+                </div>
+                <table class="structure-details-table">
+                  <tr class="structure-details-entry structure-address">
+                    <td><i class="fas fa-map-marker-alt" /></td>
+                    <td class="structure-details-address" />
+                  </tr>
+                  <tr class="structure-details-entry structure-federation">
+                    <td><i class="fas fa-project-diagram" /></td>
+                    <td class="structure-details-federation" />
+                  </tr>
+                </table>
+              </div>
+
+              <div class="spacer" />
+
+              <a class="btn structure-see" data-organization-id="" href="#">
+                <span>{{ $t("see_more") }}</span>
+                <i class="fa fa-caret-right" style="margin-left: 5px;" />
+              </a>
+            </div>
+          </div>
+
+          <div class="pagination-bar" style="display:none;">
+            <a class="goto-page goto-first-page" data-page="1" href="#" :title="$t('go_to_first_page')">
+              <i class="fa fa-angle-double-left" />
+            </a>
+
+            <ul class="pagination-list">
+              <li class="goto-page-li-model" style="display: none;">
+                <a class="goto-page" data-page="1" href="#" :title="$t('go_to_page')">
+                  1
+                </a>
+              </li>
+            </ul>
+
+            <a class="goto-page goto-last-page" data-page="-1" href="#" :title="$t('go_to_last_page')">
+              <i class="fa fa-angle-double-right" />
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </LayoutContainer>
+</template>

static/vuetify-logo.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>

tsconfig.json

@@ -25,7 +25,7 @@
     },
     "types": [
       "@nuxt/types",
-      "@nuxtjs/axios",
+      "@nuxtjs/i18n",
       "@types/node"
     ]
   },