147 lines
9.9 KiB
XML
147 lines
9.9 KiB
XML
|
<?xml version="1.0" ?>
|
||
|
|
<odoo>
|
||
|
|
<data>
|
||
|
|
<!--
|
||
|
|
This template is the PDF Viewer. It will mostly rendered throught an iFrame.
|
||
|
|
The js file to bind event is slides_embed.js
|
||
|
|
-->
|
||
|
|
<template id="embed_slide" name="Embedded Slide Page">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title><t t-esc="slide.name"/></title>
|
||
|
|
<t t-call-assets="website_slides.slide_embed_assets"/>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="PDFViewer" class="o_wslides_fs_pdf_viewer d-flex flex-column h-100">
|
||
|
|
<!-- PDF Viewer Header : contains the name, and the share links -->
|
||
|
|
<div t-if="is_external_embed" class="oe_slides_share_bar">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row align-items-center">
|
||
|
|
<div class="col">
|
||
|
|
<div class="oe_slides_ellipsis">
|
||
|
|
<a target="_new" t-att-href="slide.website_url">
|
||
|
|
<span t-esc="slide.name" t-att-title="slide.name"/>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col flex-grow-0 d-flex text-nowrap small">
|
||
|
|
<a class="oe_slide_js_embed_option_link" href="#" data-bs-toggle="modal" t-attf-data-bs-target="#slideShareModal_{{slide.id}}">
|
||
|
|
<i class="fa fa-share-alt" aria-label="Share" title="Share"/>
|
||
|
|
Share
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- PDF Viewer Body : contains the canvas, the loader, or the image-->
|
||
|
|
<div id="PDFSlideViewer" class="d-flex align-items-start position-relative flex-grow-1 overflow-auto" style="height: 0;"
|
||
|
|
t-attf-data-slideid="#{slide.id}"
|
||
|
|
t-attf-data-slideurl="/slides/slide/#{slug(slide)}/pdf_content"
|
||
|
|
t-attf-data-downloadable="#{False}"
|
||
|
|
t-att-data-defaultpage="page">
|
||
|
|
<t t-if="is_external_embed">
|
||
|
|
<t t-call="website_slides.slide_share_modal">
|
||
|
|
<t t-set="record" t-value="slide"/>
|
||
|
|
<t t-set="email_sharing" t-value="slide.channel_id.share_slide_template_id"/>
|
||
|
|
<t t-set="website_share_url" t-value="slide.channel_id.website_share_url"/>
|
||
|
|
<t t-set="include_embed" t-value="True"/>
|
||
|
|
<t t-set="embed_hide_starting_page" t-value="True"/>
|
||
|
|
</t>
|
||
|
|
</t>
|
||
|
|
<div id="slide_suggest" class="oe_slide_embed_option bg-300 container-fluid overflow-auto d-none">
|
||
|
|
<div class="row">
|
||
|
|
<t t-foreach="related_slides" t-as="suggest_slide">
|
||
|
|
<div class="col-6 col-md-4 col-lg-3 oe_slides_suggestion_media">
|
||
|
|
<div class="card mb-3">
|
||
|
|
<a t-att-href="suggest_slide.website_url" target="_new" class="card-img-top ratio ratio-16x9">
|
||
|
|
<img t-att-src="website.image_url(suggest_slide, 'image_1024')" class="card-img-top embed-responsive-item" t-att-alt="suggest_slide.name"/>
|
||
|
|
</a>
|
||
|
|
<div class="card-body">
|
||
|
|
<h6 class="card-title">
|
||
|
|
<a t-att-href="suggest_slide.website_url" target="_new">
|
||
|
|
<t t-esc="suggest_slide.name"/>
|
||
|
|
</a>
|
||
|
|
</h6>
|
||
|
|
<div class="oe_slides_suggestion_caption"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</t>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<t t-if="slide.slide_category == 'document'">
|
||
|
|
<div id="PDFViewerLoader" class="oe_slides_loader mt-3 mx-2 w-100">
|
||
|
|
<div class="toast show mx-auto">
|
||
|
|
<div class="toast-header">
|
||
|
|
<i class="fa fa-circle-o-notch fa-spin me-2"/><b>Loading...</b>
|
||
|
|
</div>
|
||
|
|
<div class="toast-body p-0">
|
||
|
|
<img class="img-fluid w-100" t-att-src="website.image_url(slide, 'image_256')"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<canvas id="PDFViewerCanvas" class="mx-auto" style="display: none;"></canvas>
|
||
|
|
</t>
|
||
|
|
<t t-if="slide.slide_category == 'infographic'">
|
||
|
|
<img t-att-src="website.image_url(slide, 'image_1024')" class="img-fluid" style="width: 100%" alt="Slide image"/>
|
||
|
|
</t>
|
||
|
|
</div>
|
||
|
|
<!-- Fixed bottom navbar -->
|
||
|
|
<div id="PDFViewerNav" class="pt-2 pb-2 bg-light text-white" role="navigation" t-if="slide.slide_category == 'document'">
|
||
|
|
<div class="container-fluid oe_slides_panel_footer">
|
||
|
|
<div class="row align-items-center">
|
||
|
|
<div class="col-3 d-flex align-items-center">
|
||
|
|
<div class="input-group input-group-sm flex-nowrap" style="max-width: 100px">
|
||
|
|
<input type="number" class="form-control text-center" id="page_number" style="min-width: 60px"/>
|
||
|
|
<span class="input-group-text" id="page_count"/>
|
||
|
|
</div>
|
||
|
|
<span id="zoomout" class="d-none d-sm-inline ms-2 me-2" title="Zoom out" aria-label="Zoom out" role="button">
|
||
|
|
<i class="fa fa-search-minus" />
|
||
|
|
</span>
|
||
|
|
<span id="zoomin" class="d-none d-sm-inline" title="Zoom in" aria-label="Zoom in" role="button">
|
||
|
|
<i class="fa fa-search-plus" />
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="col text-center">
|
||
|
|
<span id="first" class="me-1 me-sm-2" title="First slide" aria-label="First slide" role="button"><i class="fa fa-step-backward"/></span>
|
||
|
|
<span id="previous" class="mx-1 mx-sm-2" title="Previous slide" aria-label="Previous slide" role="button"><i class="fa fa-arrow-circle-left"/></span>
|
||
|
|
<span id="next" class="mx-1 mx-sm-2" title="Next slide" aria-label="Next slide" role="button"><i class="fa fa-arrow-circle-right"/></span>
|
||
|
|
<span id="last" class="mx-1 mx-sm-2" title="Last slide" aria-label="Last slide" role="button"><i class="fa fa-step-forward"/></span>
|
||
|
|
<a t-if="slide.slide_resource_downloadable" id="download" t-attf-href="/web/content/slide.slide/#{slide.id}/binary_content?download=true"
|
||
|
|
class="ms-1 ms-sm-2" title="Download Content" aria-label="Download" role="button">
|
||
|
|
<i class="fa fa-download" />
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-3 text-end flex-grow-0">
|
||
|
|
<span id="fullscreen" class="ms-1 ms-sm-2"
|
||
|
|
title="View fullscreen" aria-label="Fullscreen" role="button">
|
||
|
|
<i class="fa fa-arrows-alt"/>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<!--
|
||
|
|
Template render isntead of Embedded Slide, it this one is forbidden.
|
||
|
|
So, it will mostly be rendered throught an iFrame
|
||
|
|
-->
|
||
|
|
<template id="embed_slide_forbidden" name="Forbidden Embedded Slide">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<t t-call-assets="website_slides.slide_embed_assets" t-js="false"/>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="slide-private-view">
|
||
|
|
<h3 style="border-bottom: 1px solid !important;padding-bottom: 10px;"><i class="fa fa-exclamation-triangle" role="img" aria-label="Attention" title="Attention"></i> This document is private.</h3>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
</template>
|
||
|
|
</data>
|
||
|
|
</odoo>
|