79 lines
3.1 KiB
XML
79 lines
3.1 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<templates xml:space="preserve">
|
|
|
|
<t t-name="web_widget_video.VideoField.Video" owl="1">
|
|
<video controls="controls"
|
|
class="w-100"
|
|
t-att-alt="this.state.fileName"
|
|
>
|
|
<source t-att-src="url"/>
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
</t>
|
|
|
|
<t t-name="web_widget_video.VideoField" owl="1">
|
|
<t t-if="!props.readonly">
|
|
<t t-if="props.value">
|
|
<div class="w-100">
|
|
<div class="w-100 d-inline-flex">
|
|
<FileUploader
|
|
acceptedFileExtensions="props.acceptedFileExtensions"
|
|
file="{ data: props.value, name: fileName }"
|
|
type="'video'"
|
|
onUploaded.bind="update"
|
|
>
|
|
<t if="props.record.resId">
|
|
<button
|
|
class="btn btn-secondary fa fa-download"
|
|
data-tooltip="Download"
|
|
aria-label="Download"
|
|
t-on-click="onFileDownload"
|
|
/>
|
|
</t>
|
|
<t t-set-slot="toggler">
|
|
<input type="text" class="o_input" t-att-value="fileName" readonly="readonly"/>
|
|
<button
|
|
class="btn btn-secondary fa fa-pencil o_select_file_button"
|
|
data-tooltip="Edit"
|
|
aria-label="Edit"
|
|
/>
|
|
</t>
|
|
<button
|
|
class="btn btn-secondary fa fa-trash o_clear_file_button"
|
|
data-tooltip="Clear"
|
|
aria-label="Clear"
|
|
t-on-click="() => this.update({})"
|
|
/>
|
|
</FileUploader>
|
|
</div>
|
|
<t t-call="web_widget_video.VideoField.Video"/>
|
|
</div>
|
|
</t>
|
|
<t t-else="">
|
|
<label class="o_select_file_button btn btn-primary">
|
|
<FileUploader
|
|
acceptedFileExtensions="props.acceptedFileExtensions"
|
|
onUploaded.bind="update"
|
|
>
|
|
<t t-set-slot="toggler">
|
|
Upload your file
|
|
</t>
|
|
</FileUploader>
|
|
</label>
|
|
</t>
|
|
</t>
|
|
<t t-elif="props.record.resId and props.value">
|
|
<div>
|
|
<div>
|
|
<a class="o_form_uri" href="#" t-on-click.prevent="onFileDownload">
|
|
<span class="fa fa-download me-2"/>
|
|
<t t-if="state.fileName" t-esc="state.fileName"/>
|
|
</a>
|
|
</div>
|
|
<t t-call="web_widget_video.VideoField.Video"/>
|
|
</div>
|
|
</t>
|
|
</t>
|
|
|
|
</templates>
|