[REF] website_slides: lint course join widget

Just apply some linting and naming convention.

Commit linked to task ID 1942852 and PR #31394.

addons/website_sale_slides/views/website_slides_templates.xml

@@ -3,7 +3,7 @@
 
 <template id='course_main' inherit_id="website_slides.course_main">
     <!-- Channel main template: override button to join channel -->
-    <xpath expr="//div[hasclass('o_wslides_join_channel')]" position="inside">
+    <xpath expr="//div[hasclass('o_wslides_js_course_join')]" position="inside">
         <t t-if="not channel.is_member and channel.enroll == 'payment'">
             <t t-if="channel.product_id.website_published">
                 <h4>

addons/website_slides/static/src/js/slides_join_channel.js → addons/website_slides/static/src/js/slides_course_join.js

-odoo.define('website_slides.slides_join_channel', function (require) {
+odoo.define('website_slides.course.join.widget', function (require) {
 'use strict';
 
 var core = require('web.core');
@@ -8,9 +8,9 @@ require('website_slides.slides');
 
 var _t = core._t;
 
-var JoinChannelButton = Widget.extend({
+var CourseJoinWidget = Widget.extend({
     events: {
-        'click .o_wslides_join_channel_link': '_onClickJoin',
+        'click .o_wslides_js_course_join_link': '_onClickJoin',
     },
 
     //--------------------------------------------------------------------------
@@ -65,17 +65,27 @@ var JoinChannelButton = Widget.extend({
     },
 });
 
-sAnimations.registry.websiteSlidesJoinChannel = sAnimations.Class.extend({
-    selector: '#wrapwrap',
+sAnimations.registry.websiteSlidesCourseJoin = sAnimations.Class.extend({
+    selector: '.o_wslides_wrap',
 
     /**
      * @override
      * @param {Object} parent
      */
     start: function () {
+        var self = this;
         var defs = [this._super.apply(this, arguments)];
-        defs.push(new JoinChannelButton(this).attachTo($('.o_wslides_join_channel')));
+        $('.o_wslides_js_course_join').each(function () {
+            defs.push(new CourseJoinWidget(self).attachTo($(this)));
+        });
         return $.when.apply($, defs);
     },
 });
+
+
+return {
+    courseJoinWidget: CourseJoinWidget,
+    websiteSlidesCourseJoin: sAnimations.registry.websiteSlidesCourseJoin
+};
+
 });

addons/website_slides/views/assets.xml

@@ -12,7 +12,6 @@
             </xpath>
             <xpath expr="//script[last()]" position="after">
                 <script type="text/javascript" src="/website_slides/static/src/js/slides.js"/>
-                <script type="text/javascript" src="/website_slides/static/src/js/slides_join_channel.js"/>
                 <script type="text/javascript" src="/website_slides/static/src/js/slides_like.js"/>
                 <script type="text/javascript" src="/website_slides/static/src/js/slides_share.js"/>
                 <script type="text/javascript" src="/website_slides/static/src/js/slides_upload.js"/>
@@ -21,6 +20,7 @@
                 <script type="text/javascript" src="/website_slides/static/src/js/slides_course_slides_list.js"/>
                 <script type="text/javascript" src="/website_slides/static/src/js/slides_course_progress_bar.js"/>
                 <script type="text/javascript" src="/website_slides/static/src/js/slides_course_fullscreen_player.js"/>
+                <script type="text/javascript" src="/website_slides/static/src/js/slides_course_join.js"/>
                 <script type="text/javascript" src="/website_slides/static/src/js/slides_course_quiz.js"/>
             </xpath>
         </template>

addons/website_slides/views/website_slides_templates_course.xml

@@ -131,9 +131,9 @@
                         <!-- Channel presentation, aka general information + CTAs -->
                         <div class="col-md-4 col-xs-12 o_wslides_course_content_aside">
                             <div class="bg-white">
-                                <div class="row justify-content-center o_wslides_join_channel">
+                                <div class="row justify-content-center o_wslides_js_course_join">
                                     <a t-if="not channel.is_member and channel.enroll == 'public'" role="button"
-                                        class="col-10 mt8 btn btn-primary o_wslides_join_channel_link"
+                                        class="col-10 mt8 btn btn-primary o_wslides_js_course_join_link"
                                         title="Start Course" aria-label="Start Course Channel"
                                         t-att-href="'#'"
                                         t-att-data-channel-id="channel.id">