el-dialog(
:title="modal_title"
:visible.sync="visible"
:modal-append-to-body="false"
@close="close()"
)
section.form(v-if="digital_assets")
.form_group(v-if="is_bulk && updated_bulk_digital_asset")
.form_item
label Add tags
el-select(
v-model="updated_bulk_digital_asset.tag_list"
multiple
allow-create
filterable
placeholder="Select existing or type in new tags"
)
el-option(
v-for="tag in tag_list"
:key="tag"
:label="tag"
:value="tag"
)
.form_error
.form_item
label Select asset expiration date
.d-flex.justify-content-between
el-date-picker.m-r-1-0(
v-model="updated_bulk_digital_asset.expires_at"
placeholder="Expiration date"
type="date"
format="MMMM d, yyyy"
)
.form_error
.form_item
el-checkbox(
v-model="updated_bulk_digital_asset.rep_only"
:label="`Only visible to ${division_alias}`"
)
.form_error
.row(v-else-if="!is_bulk && updated_digital_asset")
.col-md-6(v-if="is_visible")
embed_file(
v-if="updated_digital_asset.external_video_url"
:video_url="updated_digital_asset.external_video_url"
)
.asset_image(
v-else
)
media_image(
:digital_asset="updated_digital_asset"
:key="updated_digital_asset.id"
:class="{ view_larger_image: !updated_digital_asset.is_zip && !updated_digital_asset.is_video }"
@click.native="view_asset_larger"
)
div.gray-light-font-color
div.m-t-0-3
small(
v-if="updated_digital_asset.created_at"
)
| Created on {{ updated_digital_asset.created_at | date_format }}
div.m-t-0-3(
v-if="updated_digital_asset.file"
)
small(v-if="['image', 'video'].includes(updated_digital_asset.file.resource_type) && updated_digital_asset.file.format != 'pdf'")
| Dimensions: {{updated_digital_asset.file.width}} x {{updated_digital_asset.file.height}}
small(v-else) Size: {{format_size(updated_digital_asset.file.bytes)}}
div.m-t-0-3
small
| {{ updated_digital_asset.download_count }} {{ 'Download' | inflect(updated_digital_asset.download_count) }}
.col-md-6.form_group
.form_item
label Name the asset
el-input(v-model='updated_digital_asset.name' placeholder="Asset name")
.form_error
.form_item
label Describe the asset
el-input(v-model='updated_digital_asset.description' type='textarea' placeholder="Asset description")
.form_error
.form_item
label Add tags
el-select(
v-model="updated_digital_asset.tag_list"
multiple
allow-create
filterable
placeholder="Select existing or type in new tags"
)
el-option(
v-for="tag in tag_list"
:key="tag"
:label="tag"
:value="tag"
)
.form_error
.form_item
label Select asset expiration date
.d-flex.justify-content-between
el-date-picker.m-r-1-0(
v-model="updated_digital_asset.expires_at"
placeholder="Expiration date"
type="date"
format="MMMM d, yyyy"
)
.form_error
.form_item
el-checkbox(
v-model="updated_digital_asset.rep_only"
:label="`Only visible to ${division_alias}`"
)
.form_error
div(v-else)
label Sorry! Nothing to edit
span.dialog-footer.clearfix(
slot="footer"
)
el-button.pull-left(
v-if="is_bulk && digital_assets"
type="text"
@click="delete_assets()"
) Delete {{digital_assets.length}} Assets
el-button.pull-left(
v-if="!is_bulk && digital_assets"
type="text"
@click="delete_assets()"
) Delete Asset
el-button(
type="default"
@click="close()"
) Close
el-button.m-l-15(
v-if="is_bulk && digital_assets"
@click="edit_submit_bulk()"
type="info"
:disabled="has_errors"
) Save
el-button.m-l-15(
v-else-if="!is_bulk && digital_assets"
@click="edit_submit()"
type="info"
:disabled="has_errors"
) Save