[IMP] website_slides: allow to toggle free preview from frontend

Purpose of this commit is to ease slides / lessons management in eLearning
frontend.

The publisher will now be able to see if a slide is in preview mode from
the slide list in frontend of eLearning.

He'll be able to activate/deactivate the free preview mode with a button.

Task 1999705.

closes odoo/odoo#34182

Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>

3 files changed, 56 insertions, 0 deletions

diff --git a/addons/website_slides/static/src/js/slides_slide_toggle_is_preview.js b/addons/website_slides/static/src/js/slides_slide_toggle_is_preview.js
new file mode 100644
index 00000000000..604170b646a
--- /dev/null
+++ b/addons/website_slides/static/src/js/slides_slide_toggle_is_preview.js
@@ -0,0 +1,40 @@
+odoo.define('website_slides.slide.preview', function (require) {
+    'use strict';
+
+    var publicWidget = require('web.public.widget');
+
+    publicWidget.registry.websiteSlidesSlideToggleIsPreview = publicWidget.Widget.extend({
+        selector: '.o_wslides_js_slide_toggle_is_preview',
+        xmlDependencies: ['/website_slides/static/src/xml/slide_management.xml'],
+        events: {
+            'click': '_onPreviewSlideClick',
+        },
+
+        _toggleSlidePreview: function($slideTarget) {
+            this._rpc({
+                route: '/slides/slide/toggle_is_preview',
+                params: {
+                    slide_id: $slideTarget.data('slideId')
+                },
+            }).then(function (isPreview) {
+                if (isPreview) {
+                    $slideTarget.removeClass('badge-light badge-hide border');
+                    $slideTarget.addClass('badge-success');
+                } else {
+                    $slideTarget.removeClass('badge-success');
+                    $slideTarget.addClass('badge-light badge-hide border');
+                }
+            });
+        },
+
+        _onPreviewSlideClick: function (ev) {
+            ev.preventDefault();
+            this._toggleSlidePreview($(ev.currentTarget));
+        },
+    });
+
+    return {
+        websiteSlidesSlideToggleIsPreview: publicWidget.registry.websiteSlidesSlideToggleIsPreview
+    };
+
+});
diff --git a/addons/website_slides/static/src/scss/website_slides.scss b/addons/website_slides/static/src/scss/website_slides.scss
index 0f64a46ea8e..4a3a1278b83 100644
--- a/addons/website_slides/static/src/scss/website_slides.scss
+++ b/addons/website_slides/static/src/scss/website_slides.scss
@@ -272,6 +272,21 @@ $o-wslides-fs-side-width: 300px;
             border: 1px solid $border-color;
         }
 
+        .o_wslides_slides_list_slide {
+
+            a {
+                text-decoration: none;
+            }
+
+            .badge-hide {
+                display: none;
+            }
+
+            &:hover .badge-hide {
+                display: block;
+            }
+        }
+
         .o_wslides_slides_list_slide_hilight {
             background-color: #1252F3;
             height: 1px;
diff --git a/addons/website_slides/static/src/xml/slide_management.xml b/addons/website_slides/static/src/xml/slide_management.xml
index b402c1e3fd3..53397b20e12 100644
--- a/addons/website_slides/static/src/xml/slide_management.xml
+++ b/addons/website_slides/static/src/xml/slide_management.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <templates xml:space="preserve">
+
     <t t-name="slides.slide.archive">
         <div>
             <p>Are you sure you want to archive this slide ?</p>