github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/frontend/bv/src/BaseApp.vue (about)

     1  <template>
     2    <div id="app" class="d-flex flex-column h-100">
     3      <div>
     4        <b-navbar class="shadow-sm py-0" variant="primary">
     5          <b-navbar-brand class="pb-1 pt-0">
     6            <logo v-if="!hideLogo" />
     7            <strong v-b-tooltip.hover :title="version">
     8              {{ title }} {{ subTitle }}
     9            </strong>
    10          </b-navbar-brand>
    11          <b-navbar-nav class="ml-auto">
    12            <b-nav-item
    13              v-if="isAccueil"
    14              href="http://agora.acve.asso.fr"
    15              class="font-weight-bold text-dark"
    16            >
    17              Intranet
    18            </b-nav-item>
    19            <b-nav-item
    20              v-if="isAccueil"
    21              href="https://www.helloasso.com/associations/acve/formulaires/1"
    22              class="font-weight-bold text-dark"
    23            >
    24              Faire un don
    25            </b-nav-item>
    26            <b-nav-item
    27              href="http://acve.asso.fr"
    28              class="font-weight-bold text-dark"
    29            >
    30              Site de l'association
    31            </b-nav-item>
    32          </b-navbar-nav>
    33        </b-navbar>
    34      </div>
    35  
    36      <slot></slot>
    37  
    38      <footer class="footer bg-secondary text-dark mt-auto" v-if="!hideFooter">
    39        <img
    40          class="float-right px-2"
    41          style="margin-top: -14px;"
    42          src="./assets/ronds.png"
    43          alt="ligne ronds"
    44        />
    45        <div class="px-3 py-2">
    46          2020 - ACVE -
    47          <a href="/cgu" class="text-dark">Mentions légales et CGU</a>
    48          <!-- <span style="font-size: 0.8em;">
    49            <b>A</b>ssociation <b>C</b>hrétienne de <b>V</b>acances et de
    50            <b>L</b>oisirs
    51          </span>
    52          <br />
    53          <span style="font-size: 0.7em;">
    54            Siège social :
    55            <i>La Maison du Rocher - 26150 Chamaloc</i> - tél.
    56            <i>04 75 22 13 88</i> - <i>www.acve.asso.fr</i> - email:
    57            <i>contact@acve.asso.fr</i>
    58          </span>
    59          <br />
    60          <span class="d-none d-md-inline" style="font-size: 0.65em;">
    61            Association loi 1901 - N° Siret: 781 875 851 00037 - code APE: 552EB -
    62            Agréments : Centre de Vacances 26 069 1003 - Jeunesse et Sport :
    63            026ORG0163
    64          </span> -->
    65        </div>
    66      </footer>
    67    </div>
    68  </template>
    69  
    70  <script lang="ts">
    71  import Vue from "vue";
    72  import Component from "vue-class-component";
    73  
    74  import { Output } from "./shared/logic/notifications";
    75  import Logo from "@/shared/Logo.vue";
    76  
    77  const BaseAppProps = Vue.extend({
    78    props: {
    79      title: String,
    80      subTitle: {
    81        type: String,
    82        default: ""
    83      },
    84      output: Object as () => Output | null,
    85      hideLogo: Boolean,
    86      hideFooter: Boolean,
    87      // si oui, affiche les liens intranet et dons
    88      isAccueil: Boolean
    89    }
    90  });
    91  
    92  @Component({
    93    components: {
    94      Logo
    95    }
    96  })
    97  export default class BaseApp extends BaseAppProps {
    98    get version() {
    99      return "version " + process.env.VUE_APP_VERSION;
   100    }
   101  }
   102  </script>
   103  
   104  <style lang="scss">
   105  // Import custom SASS variable overrides, or alternatively
   106  // define your variable overrides here instead
   107  $primary: #c8db30;
   108  $secondary: #b8dbf1;
   109  
   110  $theme-colors: (
   111    "accent": #ffd100,
   112    "fushia": #e8318b
   113  );
   114  
   115  $link-color: #a8b927;
   116  
   117  // Import Bootstrap and BootstrapVue source SCSS files
   118  @import "~bootstrap/scss/bootstrap.scss";
   119  @import "~bootstrap-vue/src/index.scss";
   120  
   121  /* Workaround IE flex bug */
   122  header,
   123  footer {
   124    flex-shrink: 0;
   125  }
   126  
   127  .container {
   128    flex: 1 0 auto;
   129  }
   130  // end Workaround
   131  
   132  .fade-enter-active,
   133  .fade-leave-active {
   134    transition: opacity 0.5s;
   135  }
   136  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
   137    opacity: 0;
   138  }
   139  </style>