<div id="image-manager" image-type="{{ $imageType }}" uploaded-to="{{ $uploaded_to ?? 0 }}">
- <div overlay v-cloak @click="hide">
- <div class="popup-body" @click.stop="">
+
+ @exposeTranslations([
+ 'components.image_delete_success',
+ 'components.image_upload_success',
+ 'errors.server_upload_limit',
+ 'components.image_upload_remove',
+ 'components.file_upload_timeout',
+ ])
+
+ <div component="popup" class="popup-background" v-cloak @click="hide">
+ <div class="popup-body" tabindex="-1" @click.stop>
<div class="popup-header primary-background">
<div class="popup-title">{{ trans('components.image_select') }}</div>
</div>
<div>
<form @submit.prevent="searchImages" class="contained-search-box">
- <input placeholder="{{ trans('components.image_search_hint') }}" v-model="searchTerm">
+ <input placeholder="{{ trans('components.image_search_hint') }}" v-model="searchTerm" type="text">
<button :class="{active: searching}" title="{{ trans('common.search_clear') }}" type="button" @click="cancelSearch()" class="text-button cancel">@icon('close')</button>
<button title="{{ trans('common.search') }}" class="text-button">@icon('search')</button>
</form>
<button type="button" class="button icon outline" @click="deleteImage">@icon('delete')</button>
</div>
- <button class="button primary anim fadeIn float right" v-show="selectedImage" @click="callbackAndHide(selectedImage)">
+ <button class="button anim fadeIn float right" v-show="selectedImage" @click="callbackAndHide(selectedImage)">
{{ trans('components.image_select_image') }}
</button>
<div class="clearfix"></div>