diff --git a/src/admin/components/edition/importer-edition-form.vue b/src/admin/components/edition/importer-edition-form.vue index 2a4b14981..370880b80 100644 --- a/src/admin/components/edition/importer-edition-form.vue +++ b/src/admin/components/edition/importer-edition-form.vue @@ -6,91 +6,107 @@ class="tainacan-form" label-width="120px" v-if="importer != undefined && importer != null"> - - - - - -
-
- - - - - - {{ $i18n.get('new_blank_collection') }} +
+
+ +
+
+
- - - -
-
- - - - - - -
- -
-
-

+

+ + + +
+
+ + + + -

-

{{ $i18n.get('instruction_drop_file_or_click_to_upload') }}

+ icon="plus-circle" + size="is-small" + type="is-secondary"/> + {{ $i18n.get('new_blank_collection') }}
-
-
-
{{ importerFile[0].name }}
-
+ + + + + +
+ +
+
+

+ +

+

{{ $i18n.get('instruction_drop_file_or_click_to_upload') }}

+
+
+
+
+ {{ importerFile[0].name }} + + + + + +
+
- - - - - + + + + + + +
+
-
+
- @@ -365,6 +380,14 @@ export default { @import "../../scss/_variables.scss"; + .columns.is-gapless { + padding-left: $page-side-padding; + padding-right: $page-side-padding; + + .column:not(:first-child) { + margin-left: $page-side-padding; + } + } .field { position: relative; @@ -412,6 +435,20 @@ export default { } } + .source-file-upload { + width: 100%; + display: grid; + } + + .selected-source-file { + border: 1px solid $gray2; + padding: 2px 10px; + font-size: .75rem; + display: flex; + justify-content: space-between; + align-items: center; + } + diff --git a/src/admin/components/edition/importer-mapping-form.vue b/src/admin/components/edition/importer-mapping-form.vue index a0d457223..548f47ddc 100644 --- a/src/admin/components/edition/importer-mapping-form.vue +++ b/src/admin/components/edition/importer-mapping-form.vue @@ -85,19 +85,22 @@ class="tainacan-modal-content">

{{ $i18n.get('instruction_select_metadatum_type') }}

+ {{ $i18n.get('exit') }}
- - - +
+ +
diff --git a/src/admin/scss/_modals.scss b/src/admin/scss/_modals.scss index 6242c382c..7820e57af 100644 --- a/src/admin/scss/_modals.scss +++ b/src/admin/scss/_modals.scss @@ -40,7 +40,7 @@ } .form-submit { - padding: 80px 0em 0.4em 0em !important; + padding: 40px 0em 0.4em 0em !important; } } // Bulma modals customized for Tainacan diff --git a/src/admin/scss/tainacan-admin.scss b/src/admin/scss/tainacan-admin.scss index 3efa3d435..a83dfc2a3 100644 --- a/src/admin/scss/tainacan-admin.scss +++ b/src/admin/scss/tainacan-admin.scss @@ -74,7 +74,7 @@ a:hover { margin-top: 0; } - .is-primary, .is-primary:hover, .is-primary:focus { + .is-primary:not(.upload-draggable), .is-primary:hover, .is-primary:focus { background-color: $blue4 !important; color: white !important; } diff --git a/src/admin/tainacan-admin-i18n.php b/src/admin/tainacan-admin-i18n.php index 36d97bf72..d6e7e5fd4 100644 --- a/src/admin/tainacan-admin-i18n.php +++ b/src/admin/tainacan-admin-i18n.php @@ -44,6 +44,7 @@ return apply_filters( 'tainacan-admin-i18n', [ 'save' => __( 'Save', 'tainacan' ), 'next' => __( 'Next', 'tainacan' ), 'back' => __( 'Back', 'tainacan' ), + 'exit' => __( 'Exit', 'tainacan' ), 'see' => __( 'View', 'tainacan' ), 'search' => __( 'Search', 'tainacan' ), 'advanced_search' => __( 'Advanced Search', 'tainacan' ), @@ -301,7 +302,7 @@ return apply_filters( 'tainacan-admin-i18n', [ 'instruction_select_a_mapper' => __( 'Select a mapper', 'tainacan' ), 'instruction_select_an_importer_type' => __( 'Select an importer type from the options above:', 'tainacan' ), 'instruction_drop_file_or_click_to_upload' => __( 'Drop your source file or click here to upload.', 'tainacan' ), - 'instruction_select_metadatum_type' => __( 'Select a metadatum type.', 'tainacan' ), + 'instruction_select_metadatum_type' => __( 'Select a metadatum type', 'tainacan' ), 'instruction_configure_new_metadatum' => __( 'Configure new metadatum.', 'tainacan' ), 'instruction_insert_mapper_metadatum_info' => __( 'Insert the new mapper\'s metadatum info', 'tainacan' ), 'instruction_select_max_options_to_show' => __( 'Select max options to show', 'tainacan' ),