EP-4283

Opetushallitus · Jun 10, 2024 · 748bbbe · 748bbbe
1 parent 1367d6f
commit 748bbbe
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 8 deletions.
diff --git a/eperusteet-frontend-utils b/eperusteet-frontend-utils
diff --git a/src/components/EpJulkaisu/EpMuutosmaarays.vue b/src/components/EpJulkaisu/EpMuutosmaarays.vue
@@ -10,7 +10,11 @@
       <b-tab v-for="kieli in kielet" :key='"kieli"+kieli' :title="$t('translatiivi-' + kieli)"/>
     </b-tabs>
 
-    <b-form-group :label="$t('lataa-uusi-muutosmaarays') + isRequired" >
+    <b-form-group>
+      <div slot="label" class="d-flex">
+        <span>{{$t('lataa-uusi-muutosmaarays') + isRequired}}</span>
+        <EpInfoPopover class="ml-2" unique-id="11">{{ $t('pdf-tiedoston-maksimikoko', { koko: fileMaxSize }) }}</EpInfoPopover>
+      </div>
       <EpMaaraysLiitteet v-model="model.liitteet[kieli].liitteet" :isEditing="isEditing" :tyyppi="MAARAYSDOKUMENTTI" yksittainen/>
     </b-form-group>
 
@@ -26,7 +30,11 @@
       <ep-content v-model="model.kuvaus" layout="simplified_w_links" :is-editable="isEditing"/>
     </b-form-group>
 
-    <b-form-group :label="$t('liitteet') + ' (pdf)'" class="mt-4">
+    <b-form-group class="mt-4">
+      <div slot="label" class="d-flex">
+        <span>{{$t('liitteet') + ' (pdf)'}}</span>
+        <EpInfoPopover class="ml-2" unique-id="12">{{ $t('pdf-tiedoston-maksimikoko', { koko: fileMaxSize }) }}</EpInfoPopover>
+      </div>
       <EpMaaraysLiitteet v-model="model.liitteet[kieli].liitteet" :isEditing="isEditing" :tyyppi="LIITE" nimisyote/>
     </b-form-group>
 
@@ -59,9 +67,9 @@
 
 <script lang="ts">
 import * as _ from 'lodash';
-import { Component, Prop, ProvideReactive, Vue, Watch } from 'vue-property-decorator';
+import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
 import EpToggle from '@shared/components/forms/EpToggle.vue';
-import { Maaraykset, MaaraysDto, MaaraysDtoLiittyyTyyppiEnum, MaaraysKevytDto, MaaraysLiiteDtoTyyppiEnum } from '@shared/api/eperusteet';
+import { MaaraysDto, MaaraysDtoLiittyyTyyppiEnum, MaaraysKevytDto, MaaraysLiiteDtoTyyppiEnum } from '@shared/api/eperusteet';
 import EpMaaraysLiittyyMuuttaaValinta from '@/components/maaraykset/EpMaaraysLiittyyMuuttaaValinta.vue';
 import { Kielet, UiKielet } from '@shared/stores/kieli';
 import EpMaaraysAsiasanat from '@/components/maaraykset/EpMaaraysAsiasanat.vue';
@@ -71,9 +79,11 @@ import EpMaaraysLiitteet from '@/components/maaraykset/EpMaaraysLiitteet.vue';
 import EpSpinner from '@shared/components/EpSpinner/EpSpinner.vue';
 import EpContent from '@shared/components/EpContent/EpContent.vue';
 import { Kieli } from '@shared/tyypit';
+import EpInfoPopover from '@shared/components/EpInfoPopover/EpInfoPopover.vue';
 
 @Component({
   components: {
+    EpInfoPopover,
     EpToggle,
     EpMaaraysLiittyyMuuttaaValinta,
     EpMaaraysAsiasanat,
@@ -100,6 +110,7 @@ export default class EpMuutosmaarays extends Vue {
   @Prop({ required: true })
   maarayksetNimella!: MaaraysKevytDto[];
 
+  private fileMaxSize = 10;
   private tabindex = 0;
 
   set model(val) {

diff --git a/src/views/RoutePerusteenTiedot.vue b/src/views/RoutePerusteenTiedot.vue
@@ -210,7 +210,10 @@
           <b-tab :title="$t('liitteet-ja-maaraykset')">
             <b-container fluid="xl" class="perustiedot-container">
 
-              <h3>{{$t('maarayskirje')}}</h3>
+              <div class="d-flex">
+                <h3>{{$t('maarayskirje')}}</h3>
+                <EpInfoPopover v-if="isEditing" class="ml-2" unique-id="4">{{ $t('pdf-tiedoston-maksimikoko', { koko: fileMaxSize }) }}</EpInfoPopover>
+              </div>
 
               <b-row no-gutters>
                 <b-col class="mb-4">
@@ -277,7 +280,10 @@
                     <h3 slot="label">{{$t('saamen-kielelle-kaannetyt-perusteet')}}</h3>
                     <ep-spinner v-if="!liitteet" />
                     <div v-if="isEditing" class="mb-4">
-                      <div class="lataaliite mb-3">{{ $t('lataa-uusi-liitetiedosto') }}</div>
+                      <div class="d-flex">
+                        <div class="lataaliite mb-3">{{ $t('lataa-uusi-liitetiedosto') }}</div>
+                        <EpInfoPopover v-if="isEditing" class="ml-2" unique-id="5">{{ $t('pdf-tiedoston-maksimikoko', { koko: fileMaxSize }) }}</EpInfoPopover>
+                      </div>
                       <ep-tiedosto-lataus :fileTypes="['application/pdf']" v-model="kaannosFile" :as-binary="true" />
                     </div>
                     <b-table v-if="kaannokset.length > 0"
@@ -334,7 +340,10 @@
 
                     <div v-if="data.poikkeamismaaraysTyyppi === 'koulutusvientiliite'">
                       <div v-if="isEditing">
-                        <div class="lataaliite">{{ $t('lataa-uusi-liitetiedosto') }}</div>
+                        <div class="d-flex">
+                          <div class="lataaliite">{{ $t('lataa-uusi-liitetiedosto') }}</div>
+                          <EpInfoPopover v-if="isEditing" class="ml-2" unique-id="6">{{ $t('pdf-tiedoston-maksimikoko', { koko: fileMaxSize }) }}</EpInfoPopover>
+                        </div>
                         <div class="liiteohje" v-html="$t('koulutusviennin-lataus-ohje')"></div>
                         <ep-tiedosto-lataus :fileTypes="['application/pdf']"
                                             v-model="koulutusvienninOhjeFile"
@@ -521,6 +530,7 @@ export default class RoutePerusteenTiedot extends PerusteprojektiRoute {
   private korvattavatPerusteet: { [diaari: string]: any } = {};
   private korvattavaDiaarinumero = '';
   private poikkeamismaaraysTyyppi: 'ei_tarvita_ohjetta' | 'ei_voi_poiketa' | 'koulutusvientiliite' | null = null;
+  private fileMaxSize = 10;
 
   async onProjektiChange(projektiId: number, perusteId: number) {
     this.store = new EditointiStore(new PerusteEditStore(projektiId, perusteId, this.perusteStore, this.tallennaKoulutusvienninOhjeDiaari));