Loading indicator and metadata reloading on metadata mapping list.

src/views/admin/components/lists/metadata-mapping-list.vue

@@ -139,6 +139,7 @@
                 <div class="control">
                     <button
                             @click.prevent="onUpdateMetadataMapperMetadataClick"
+                            :class="{ 'is-loading': isMapperMetadataLoading }"
                             class="button is-success">{{ $i18n.get('save') }}</button>
                 </div>
             </div>
@@ -235,8 +236,8 @@ export default {
         this.fetchMetadatumMappers()
             .then(() => {
                 this.isLoadingMetadatumMappers = false;
-
+                
-                if (this.metadatumMappers.length == 1)
+                if (this.metadatumMappers.length >= 1)
                     this.onSelectMetadataMapper(this.metadatumMappers[0])
             })
             .catch(() => {
@@ -257,7 +258,7 @@ export default {
             this.isMapperMetadataLoading = true;
             this.mapper = metadatumMapper; //TODO try to use v-model again
             this.mapperMetadata = [];
-            
+
             if (metadatumMapper != '') {
                 for (var k in metadatumMapper.metadata) {
                     var item = metadatumMapper.metadata[k];

src/views/admin/pages/lists/metadata-page.vue

@@ -342,7 +342,9 @@
 
                 <!-- Mapping --------------- -->
                 <b-tab-item :label="$i18n.get('mapping')">
-                    <metadata-mapping-list :is-repository-level="isRepositoryLevel"/>
+                    <metadata-mapping-list
+                            v-if="activeTab == 1"
+                            :is-repository-level="isRepositoryLevel"/>
                 </b-tab-item>
             </b-tabs>
             <section