- help messages with db seeder and migration files

- update submit form with help messages
- extend 'PersonTable.vue' with help messages

database/seeds/MessagesTableSeeder.php

@@ -0,0 +1,281 @@
+<?php
+
+use Carbon\Carbon;
+// use Database\DisableForeignKeys;
+use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\DB;
+
+class MessagesTableSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        DB::table('messages')->insert([
+            [
+                // 1
+                'metadata_element' => 'dataset_language',
+                'help_text' => 'In Abhängigkeit der Publikationssprache sollten die Metadaten in Englisch oder Deutsch eingegeben werden.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 2 
+                'metadata_element' => 'dataset_type',
+                'help_text' => 'Hier ist die Datenpublikation nach fix vorgegebenen Kategorien zu klassifizieren.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 3
+                'metadata_element' => 'titles',
+                'help_text' => 'Hier werden Titel und gegebenenfalls weitere Titel, wie übersetzter Titel, 
+                Untertitel und alternativer Titel, angegeben.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 4
+                'metadata_element' => 'main_title',
+                'help_text' => 'Aussagekräftiger Haupttitel der Datenpublikation, mindestens vier Zeichen.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 5
+                'metadata_element' => 'additional_titles',
+                'help_text' => 'Durch das Anklicken des Pluszeichens können optional zusätzliche Titel mit 
+                vorgegebenen Kategorien (z.B. alternativer Titel, Untertitel, übersetzter Titel) in 
+                Deutsch und/oder Englisch angegeben werden.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 6
+                'metadata_element' => 'description',
+                'help_text' => 'Hier erfolgt die Beschreibung der Daten durch eine Zusammenfassung und bei Bedarf  
+                durch eine Methoden- und/oder technische Beschreibung. Wenn Deutsch als Hauptsprache ausgewählt wurde, 
+                so muss zusätzlich auch ein englischer Abstract publiziert werden.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 7
+                'metadata_element' => 'main_abstract',
+                'help_text' => 'Eine Beschreibung kann unter anderem eine Zusammenfassung, ein Inhaltsverzeichnis, 
+                eine grafische Darstellung oder eine Freitextbeschreibung der Datenpublikation sein 
+                (maximal 2.500 Zeichen).',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 8
+                'metadata_element' => 'additional_descriptions',
+                'help_text' => 'Zusätzliche Beschreibung nach vorgegebenen Kategorien, 
+                z.B. Methode, technische Beschreibung, Übersetzung; Sprachauswahl möglich (maximal 2.500 Zeichen).',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 9
+                'metadata_element' => 'creator',
+                'help_text' => 'Nennen des ursprünglichen Autors oder der Autorin  der Datenpublikation. 
+                Die Autorenschaft können Person(en) und Organisation(en) sein; mehrere Nennungen sind möglich; 
+                Angabe von Vorname, Nachname und E-Mail ist verpflichtend. ORCID  kann optional angegeben werden.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 10
+                'metadata_element' => 'contributor',
+                'help_text' => 'Nennen der Person(en) oder Organisation(en), die bei der Erstellung der 
+                Dateninhalte mitgewirkt haben. Mehrere Nennungen sind möglich, Angabe von Vorname, 
+                Nachname und E-Mail ist verpflichtend.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 11
+                'metadata_element' => 'orcid',
+                'help_text' => 'Optionale Eingabe einer ORCID (Open Researcher and Contributor Identifier ); 
+                dauerhafte digitale Kennung für Autorinnen und Autoren (Forschende).',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 12
+                'metadata_element' => 'corporate_name',
+                'help_text' => 'TETHYS Research Data Publisher for Geoscience Austria',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 13
+                'metadata_element' => 'terms_conditions',
+                'help_text' => 'Mit dem Setzen des Häkchens akzeptiere ich die Terms and Conditions und bestätige, 
+                dass ich diese gelesen und verstanden habe. [Link]',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 14
+                'metadata_element' => 'project',
+                'help_text' => 'In welchem Projekt wurde der Datensatz erzeugt?',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 15
+                'metadata_element' => 'embargo_date',
+                'help_text' => 'Zeitpunkt, zu dem die Datenpublikation frühestens veröffentlicht werden soll. 
+                Bei Angabe eines Embargo Date werden die Metadaten schon zum Lesen freigegeben, 
+                die mitpublizierten Datensätze und Dokumente sind bis zu dieser Frist für den Download 
+                allerdings gesperrt und können nicht heruntergeladen werden.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 16
+                'metadata_element' => 'geolocation',
+                'help_text' => 'Ist die räumliche Abgrenzung des Gebietes der Datenpublikation nach 
+                geografischen Koordinaten. Die Angabe kann durch das Aufziehen eines Rechtecks 
+                in der Karte oder durch die Eingabe der Koordinaten erfolgen.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 17
+                'metadata_element' => 'validate_coordinates',
+                'help_text' => 'Nach dem Aufziehen eines Rechtecks in der Karte oder der Eingabe von Koordinaten, 
+                müssen die Angaben validiert werden.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 18
+                'metadata_element' => 'coverage',
+                'help_text' => 'Hier können Informationen zur Höhe und/oder Tiefe in Meter und/oder 
+                Angaben von Zeit als absolute Werte oder als Spanne angegeben werden. 
+                Angabe der Zeit in yyyy-MM-dd HH:mm:ss.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 19
+                'metadata_element' => 'dataset_references',
+                'help_text' => 'Hier kann die Datenpublikation schon zu anderen Publikationen verlinkt werden 
+                durch die Angabe der ID, dem Typ, die Beziehung und die Bezeichnung der Referenz.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 20
+                'metadata_element' => 'reference_value',
+                'help_text' => 'Hier kann die ID wie eine DOI (z.B. https://doi.pangaea.de/10.1594/PANGAEA.701578), 
+                eine URL/URN (z.B. http://resource.geolba.ac.at/structure/167), 
+                eine ISBN (z.B. 978-3950462555), 
+                eine HANDEL (z.B. https://hdl.handle.net/20.500.11756/582326e3) 
+                oder ISSN (z.B. 1563-0846) angegeben werden .',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 21
+                'metadata_element' => 'reference_type',
+                'help_text' => 'Hier kann die ID wie eine DOI (z.B. https://doi.pangaea.de/10.1594/PANGAEA.701578), 
+                eine URL/URN (z.B. http://resource.geolba.ac.at/structure/167), 
+                eine ISBN (z.B. 978-3950462555), 
+                eine HANDEL (z.B. https://hdl.handle.net/20.500.11756/582326e3) 
+                oder ISSN (z.B. 1563-0846) angegeben werden .',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 22
+                'metadata_element' => 'reference_label',
+                'help_text' => 'Freitext zur Bezeichnung oder Beschreibung der hochgeladenen Datei.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 23
+                'metadata_element' => 'dataset_keywords',
+                'help_text' => 'Es sind mindestens drei Schlüsselwörter in der Hauptsprache anzugeben. 
+                Die angegebenen Schlüsselwörter kommen im Titel nicht vor. ',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 24
+                'metadata_element' => 'keyword_value',
+                'help_text' => 'Angabe eines Schlüsselwortes in Abhängigkeit von der 
+                gewählten Hauptsprache (Dataset_language).',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 25
+                'metadata_element' => 'keyword_type',
+                'help_text' => 'Aktuell können hier nur unkontrollierte Schlüsselwörter in Freitext  
+                angegeben werden und somit keine vordefinierte Vokabulare 
+                wie z.B. GEMET, AGROVOC, Keyword-Thesaurus etc.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 26
+                'metadata_element' => 'rights_list',
+                'help_text' => 'Nutzungsbestimmungen nach Creative Commons (Lizenzmodelle); 
+                Informationen über die Rechte bzw. auch Nutzung der Datenpublikation; 
+                Grundsätzlich sollten alle Beiträge für das Repository „Open Access“ sein. 
+                (Creative Commons – Namensnennung). 
+                Die Lizenzierung kann nach dem Publizieren nicht mehr verändert werden.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 27
+                'metadata_element' => 'file_upload',
+                'help_text' => 'Upload von Dokumenten bzw. Daten (mehrere Dokumente möglich) in 
+                vorgegebenen Datenformaten, wie z.B. csv, txt, pdf, GeoPackage etc. 
+                Die Daten können durch „Drag and Drop“ hineingeschoben oder durch 
+                das Anklicken der Box ausgewählt werden.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 28
+                'metadata_element' => 'file_label',
+                'help_text' => 'Freitext zur Bezeichnung oder Beschreibung der hochgeladenen Datei.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 29
+                'metadata_element' => 'upload_successfull_release',
+                'help_text' => 'Mit Release wird die Datenpublikation gespeichert. 
+                Die Datenpublikation kann später fortgesetzt oder gelöscht werden. ',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 29
+                'metadata_element' => 'release_define reviewer',
+                'help_text' => 'Optionale Angabe eines bevorzugten Reviewers.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+            [
+                // 29
+                'metadata_element' => 'release_release',
+                'help_text' => 'Mit Release wird die Datenpublikation in den Review-Prozess übergeben 
+                und kann nicht mehr bearbeitet werden.',
+                'created_at' => Carbon::now(),
+                'updated_at' => Carbon::now(),
+            ],
+        ]);
+    }
+}

resources/js/components/PersonTable.vue

@@ -9,7 +9,16 @@
           <th scope="col">First Name</th>
           <th scope="col">Last Name</th>
           <th scope="col">Email</th>
-          <th scope="col">Orcid</th>
+          <th scope="col">
+            <label for="language">
+              <span>
+                Orcid <i
+                  v-tooltip="{ content: messages.orcid, class: 'tooltip-custom tooltip-other-custom' }"
+                  class="far fa-lg fa-question-circle"
+                ></i>
+              </span>
+            </label>
+          </th>
           <th></th>
         </tr>
       </thead>
@@ -25,13 +34,15 @@
           v-bind:class="[item.status==true ? 'activeClass' : 'inactiveClass']"
         >
           <td scope="row">{{ index + 1 }}</td>
-           <td> <input             
+          <td>
+            <input
               v-bind:name="heading+'['+index+'][id]'"
               class="form-control"
               v-model="item.id"
               readonly
               data-vv-scope="step-1"
-            /></td>
+            />
+          </td>
           <td>
             <input
               v-bind:name="heading+'['+index+'][first_name]'"
@@ -45,7 +56,7 @@
           </td>
           <td>
             <input
-             v-bind:name="heading+'['+index+'][last_name]'"            
+              v-bind:name="heading+'['+index+'][last_name]'"
               class="form-control"
               placeholder="[LAST NAME]"
               v-model="item.last_name"
@@ -55,9 +66,9 @@
             />
           </td>
           <td>
-             <!-- v-validate="'required|email'" -->
+            <!-- v-validate="'required|email'" -->
             <input
-             v-bind:name="heading+'['+index+'][email]'"             
+              v-bind:name="heading+'['+index+'][email]'"
               class="form-control"
               placeholder="[EMAIL]"
               v-model="item.email"
@@ -117,6 +128,8 @@ export default class PersonTable extends Vue {
   rowIndex;
   @Prop(String)
   heading;
+  @Prop({ required: true, type: Array })
+  messages;
 
   // props: {
   //   personlist: {
@@ -152,10 +165,10 @@ export default class PersonTable extends Vue {
 .custom-actions button.ui.button > i.icon {
   margin: auto !important;
 }
- .activeClass {
+.activeClass {
-        background-color: aquamarine;
+  background-color: aquamarine;
-    }
+}
-    .inactiveClass {
+.inactiveClass {
-        background-color: orange;
+  background-color: orange;
-    }
+}
 </style>

resources/js/datasetPublish.js

@@ -43,8 +43,6 @@ import VueToast from 'vue-toast-notification';
 import 'vue-toast-notification/dist/index.css';
 Vue.use(VueToast);
 
-// import VTooltip from 'v-tooltip';
-// Vue.use(VTooltip);
 import Tooltip from 'vue-directive-tooltip';
 import 'vue-directive-tooltip/dist/vueDirectiveTooltip.css';
 Vue.use(Tooltip);

resources/views/publish/create-step1.blade.php

@@ -38,9 +38,15 @@
                     <legend>Dataset Language</legend>
                     <div class="pure-g">
                         <div class="pure-u-1 pure-u-md-1-2 pure-div">                            
-                            {!! Form::label('Language', 'Language..') !!}
+                            <label for="language">
+                                <span>
+                                    Language.. 
+                                    <i v-tooltip="{ content: messages.dataset_language, class: 'tooltip-custom tooltip-other-custom' }"
+                                        class="far fa-lg fa-question-circle"></i>
+                                </span>
+                            </label>
                             <div class="select  pure-u-23-24">
-                                {!! Form::select('Language', $languages, null, ['placeholder' => '[language]', 'v-model' => 'dataset.language', "v-validate"
+                                {!! Form::select('language', $languages, null, ['placeholder' => '[language]', 'v-model' => 'dataset.language', "v-validate"
                                 => "'required'", 'data-vv-scope' => 'step-0']) !!}
                             </div>
                             <small id="languageHelp" class="pure-form-message-inline">select dataset main language</small>
@@ -95,10 +101,19 @@
                 </div>
 
                 <fieldset id="fieldset-titles">
-                    <legend>Title(s)  <i  v-tooltip="{ content: messages.titles, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i> </legend>
+                    <legend>
+                        Title(s)  
+                        {{-- <i  v-tooltip="{ content: messages.titles, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i>  --}}
+                    </legend>
                     <div class="pure-g">
                         <div class="pure-u-1 pure-u-md-1-2 pure-div">                            
-                            {!! Form::label('TitleMain', 'Main Title ') !!} 
+                            <label for="TitleMain">
+                                <span>
+                                    Main Title  
+                                    <i v-tooltip="{ content: messages.main_title, class: 'tooltip-custom tooltip-other-custom' }"
+                                        class="far fa-lg fa-question-circle"></i>
+                                </span>
+                            </label>
                             {!! Form::text('TitleMain[Value]', null, ['class' => 'pure-u-23-24', 'v-model'
                             => 'dataset.title_main.value', "v-validate" => "'required|min:4|max:255'", "data-vv-as" => "Main Title", 'data-vv-scope' => 'step-1']) !!}
                         </div>
@@ -112,7 +127,13 @@
                         </div>                        
                     </div>
                     <div class="pure-u-1 pure-u-md-1-2 pure-div">                      
-                        {!! Form::label('TitleMain', 'Add additional title(s) ') !!} 
+                        <label>
+                            <span>
+                                Add additional title(s) <i
+                                    v-tooltip="{ content: messages.additional_titles, class: 'tooltip-custom tooltip-other-custom' }"
+                                    class="far fa-lg fa-question-circle"></i>
+                            </span>
+                        </label>
                         <button class="pure-button button-small" @click.prevent="addTitle()">+</button>
                     </div>
                     <table class="pure-table pure-table-horizontal"  v-if="dataset.titles.length">
@@ -151,7 +172,13 @@
                     <legend>Description</legend>
                     <div class="pure-g">                        
                         <div class="pure-u-1 pure-u-md-1-2 pure-div">                            
-                            {!! Form::label('TitleAbstract', 'Main Abstract ') !!} 
+                            <label for="TitleAbstract">
+                                <span>
+                                    Main Abstract 
+                                    <i v-tooltip="{ content: messages.main_abstract, class: 'tooltip-custom tooltip-other-custom' }"
+                                        class="far fa-lg fa-question-circle"></i>
+                                </span>
+                            </label>
                             {{ Form::textarea('TitleAbstract[Value]', null, ['class' => 'pure-u-23-24',
                             'size' => '70x6', 'v-model' => 'dataset.abstract_main.value', "v-validate" => "'required|min:4|max:2500'",
                             "data-vv-as" => "Main Abstract", 'data-vv-scope' => 'step-1']) }}
@@ -165,7 +192,13 @@
                             {!! Form::text('TitleAbstract[Language]', null, ['class' => 'pure-u-23-24', 'v-model' => 'dataset.abstract_main.language', 'readonly']) !!}
                         </div>
                         <div class="pure-u-1 pure-u-md-1-2 pure-div">                           
-                            {!! Form::label('AddtionalDescription', 'Add additional descriptions(s) ') !!} 
+                            <label>
+                                <span>
+                                    Add additional descriptions(s) <i
+                                        v-tooltip="{ content: messages.additional_descriptions, class: 'tooltip-custom tooltip-other-custom' }"
+                                        class="far fa-lg fa-question-circle"></i>
+                                </span>
+                            </label>
                             <button class="pure-button button-small" @click.prevent="addDescription()">+</button>
                         </div>
                     </div>
@@ -205,7 +238,10 @@
                 </fieldset>
 
                 <fieldset id="fieldset-creator">
-                    <legend>Creator(s)</legend>
+                    <legend>
+                        Creator 
+                        <i  v-tooltip="{ content: messages.creator, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i>
+                    </legend>
                     <div class="pure-g">
                         <div class="pure-u-1 pure-u-md-1-2 pure-div">
                             <my-autocomplete title="searching active person table" v-on:person="onAddAuthor"></my-autocomplete>
@@ -228,11 +264,14 @@
                         <button class="pure-button button-small" @click.prevent="addNewAuthor()">+</button>
                     </div>
                     <input name="persons" v-model="dataset.persons" type="hidden" class="form-check-input" v-validate="'required'" data-vv-as="Creator" data-vv-scope="step-1">                  
-                    <person-table name="persons" v-bind:heading="'creator table'" v-bind:personlist="dataset.persons"></person-table>  
+                    <person-table name="persons" v-bind:messages="messages" v-bind:heading="'creator table'" v-bind:personlist="dataset.persons"></person-table>  
                 </fieldset>
                 
                 <fieldset id="fieldset-contributors">
-                    <legend>Contributor(s)</legend>
+                    <legend>
+                        Contributor  
+                        <i  v-tooltip="{ content: messages.contributor, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i>
+                    </legend>
                     <div class="pure-g">
                         <div class="pure-u-1 pure-u-md-1-2 pure-div">
                             <my-autocomplete title="searching active person table" @person="onAddContributor"></my-autocomplete>                            
@@ -253,13 +292,19 @@
                         <button class="pure-button button-small" @click.prevent="addNewContributor()">+</button>
                     </div>                   
                     {{-- <h3>contributor table</h3> --}}
-                    <person-table name="contributors" v-bind:heading="'contributor table'" v-bind:personlist="dataset.contributors"></person-table> 
+                    <person-table name="contributors" v-bind:messages="messages" v-bind:heading="'contributor table'" v-bind:personlist="dataset.contributors"></person-table> 
                 </fieldset>  
 
                 <fieldset id="fieldset-publisher">
                     <legend>Creating Corporation</legend>
                     <div class="pure-u-1 pure-u-md-1-2 pure-div">                        
-                        {!! Form::label('CreatingCorporation', 'Corporation Name') !!} 
+                        <label for="CreatingCorporation">
+                            <span>
+                                Corporation Name  
+                                <i v-tooltip="{ content: messages.corporate_name, class: 'tooltip-custom tooltip-other-custom' }"
+                                    class="far fa-lg fa-question-circle"></i>
+                            </span>
+                        </label>
                         {!! Form::text('CreatingCorporation', null, ['readonly', 'class' =>
                         'pure-u-23-24', 'v-model' => 'dataset.creating_corporation', "v-validate" => "'required'", 'data-vv-scope' => 'step-1']) !!}
                     </div>
@@ -316,7 +361,13 @@
                     <div class="pure-g">
 
                         <div class="pure-u-1 pure-u-md-1-2 pure-div">                            
-                            {!! Form::label('project_id', 'Project..') !!}
+                            <label for="project_id">
+                                <span>
+                                    Project..
+                                    <i v-tooltip="{ content: messages.project, class: 'tooltip-custom tooltip-other-custom' }"
+                                        class="far fa-lg fa-question-circle"></i>
+                                </span>
+                            </label>
                             <div class="select pure-u-23-24">
                                 {!! Form::select('project_id', $projects, null, ['id' => 'project_id', 'placeholder' => '--no project--', 'v-model' => 'dataset.project_id', 'data-vv-scope' => 'step-2'])
                                 !!}
@@ -330,7 +381,13 @@
                 <fieldset id="fieldset-dates">
                     <legend>Date(s)</legend>
                     <div class="pure-u-1 pure-u-md-1-2 pure-div">                      
-                        {!! Form::label('EmbargoDate', 'Embargo Date') !!} 
+                        <label for="EmbargoDate">
+                            <span>
+                                Embargo Date..
+                                <i v-tooltip="{ content: messages.embargo_date, class: 'tooltip-custom tooltip-other-custom' }"
+                                    class="far fa-lg fa-question-circle"></i>
+                            </span>
+                        </label>
                         {!! Form::date('EmbargoDate', null, ['placeholder' => date('y-m-d'), 'class'
                         => 'pure-u-23-24', 'v-model' => 'dataset.embargo_date', 'data-vv-scope' => 'step-2']) !!}
                         <small id="projectHelp" class="pure-form-message-inline">EmbargoDate is optional</small>
@@ -338,7 +395,10 @@
                 </fieldset>                               
                 
                 <fieldset id="fieldset-geolocation">
-                    <legend>Geo Location</legend>
+                    <legend>
+                        Geo Location  
+                        <i  v-tooltip="{ content: messages.geolocation, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i>
+                    </legend>
                     <div class="pure-g">
                         <div class="pure-u-1 pure-u-md-1 pure-u-lg-1 pure-div">
                             <locations-map v-bind:geolocation="dataset.coverage"></locations-map>
@@ -369,7 +429,10 @@
                 </fieldset>   
                 
                <fieldset id="fieldset-coverage">
-                    <legend>Coverage</legend>
+                    <legend>
+                        Coverage 
+                        <i  v-tooltip="{ content: messages.coverage, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i>
+                    </legend>
                     <div class="pure-g">
                        
                         <div class="pure-u-1 pure-u-md-1-2">
@@ -481,15 +544,39 @@
                 </fieldset>
                 
                 <fieldset id="fieldset-references">                    
-                    <legend>Dataset References</legend>
+                    <legend>
+                        Dataset References  
+                        <i  v-tooltip="{ content: messages.dataset_references, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i>
+                    </legend>
                     <button class="pure-button button-small" @click.prevent="addReference()">Add Reference</button>
                     <table class="table table-hover"  v-if="dataset.references.length">
                         <thead>
                             <tr>
-                                <th style="width: 20px;">Value of the identifier</th>
+                                <th style="width: 20px;">                                   
-                                <th>Type</th>
+                                    <span>
+                                        Value of the identifier <i
+                                          v-tooltip="{ content: messages.reference_value, class: 'tooltip-custom tooltip-other-custom' }"
+                                          class="far fa-lg fa-question-circle"
+                                        ></i>
+                                      </span>
+                                </th>
+                                <th>
+                                    <span>
+                                        Type <i
+                                          v-tooltip="{ content: messages.reference_type, class: 'tooltip-custom tooltip-other-custom' }"
+                                          class="far fa-lg fa-question-circle"
+                                        ></i>
+                                      </span>
+                                </th>
                                 <th>Relation</th>
-                                <th>Label</th>
+                                <th>
+                                    <span>
+                                        Label <i
+                                          v-tooltip="{ content: messages.reference_label, class: 'tooltip-custom tooltip-other-custom' }"
+                                          class="far fa-lg fa-question-circle"
+                                        ></i>
+                                      </span>
+                                </th>
                                 <th style="width: 130px;"></th>
                             </tr>
                         </thead>
@@ -519,14 +606,30 @@
 
                
                 <fieldset id="fieldset-keywords">
-                    <legend>Dataset Keywords</legend>
+                    <legend>
+                        Dataset Keywords   
+                        <i  v-tooltip="{ content: messages.dataset_keywords, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i>
+                    </legend>
                     <input type="hidden" v-validate:keywords_length="'min_value:3'" data-vv-scope="step-2" data-vv-as="keyword list" name="keywords_list">
                     <button class="pure-button button-small" @click.prevent="addKeyword()">Add Keyword</button>
                     <table class="table table-hover" v-if="dataset.subjects.length">
-                        <thead>
+                       <thead>
                             <tr>
-                                <th style="width: 20px;">Keyword</th>
+                                <th style="width: 20px;">
-                                <th>Type</th>
+                                    <span>
+                                        Keyword Value <i
+                                            v-tooltip="{ content: messages.keyword_value, class: 'tooltip-custom tooltip-other-custom' }"
+                                            class="far fa-lg fa-question-circle"></i>
+                                    </span>
+                                </th>
+                                <th>
+                                    <span>
+                                        Keyword Type <i
+                                          v-tooltip="{ content: messages.keyword_type, class: 'tooltip-custom tooltip-other-custom' }"
+                                          class="far fa-lg fa-question-circle"
+                                        ></i>
+                                      </span>
+                                </th>
                                 <th>Language</th>
                                 <th style="width: 130px;"></th>
                             </tr>
@@ -580,7 +683,10 @@
                 <h1>Step 3: Other Elements</h1> 
                 
                 <fieldset id="fieldset-licenses">                    
-                    <legend>Rights List</legend>
+                    <legend>
+                        Rights List   
+                        <i  v-tooltip="{ content: messages.rights_list, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i>
+                    </legend>
 
                     <div class="pure-control-group checkboxlist">
                         @foreach ($licenses as $indexKey => $license)
@@ -621,7 +727,10 @@
             </div>
 
             <div v-if="step === 4 && (isInitial || isSaving)" data-vv-scope="step-4">
-                <h1>File Upload</h1>
+                <h1>
+                    File Upload
+                    <i  v-tooltip="{ content: messages.file_upload, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i>
+                </h1>
                 
                 <div class="dropbox">
                     <input type="hidden" v-validate:files_length="'min_value:1'" data-vv-scope="step-4" data-vv-as="files list" name="files_list">
@@ -641,7 +750,14 @@
                         <tr>
                             <th style="width: 20px;">Sorting</th>
                             <th>File</th>
-                            <th>Label</th>
+                            <th>
+                                <span>
+                                    Label <i
+                                      v-tooltip="{ content: messages.file_label, class: 'tooltip-custom tooltip-other-custom' }"
+                                      class="far fa-lg fa-question-circle"
+                                    ></i>
+                                  </span>
+                            </th>
                             <th style="width: 130px;"></th>
                         </tr>
                     </thead>
@@ -664,7 +780,7 @@
                 </table>
                 <button @click.prevent="prev()" class="pure-button button-small">
                         <i class="fa fa-arrow-left"></i>
-                        <span>Zurück</span>
+                        <span>Back</span>
                 </button>
                 <button @click.prevent="submit('step-4')" class="pure-button button-small" v-bind:disabled="errors.any()">               
                     <i class="fa fa-save"></i>
@@ -699,6 +815,7 @@
                             <i class="fa fa-share"></i>
                             <span>Release</span>
                     </a>
+                    <i v-tooltip="{ content: messages.upload_successfull_release, class: 'tooltip-custom tooltip-other-custom' }" class="far fa-lg fa-question-circle"></i>
                     <a href="javascript:void(0)" @click="deleteNewDataset()" class="pure-button button-small">
                             <i class="fa fa-trash"></i>
                             <span>Delete</span>