initial commit 2

5 files changed, 751 insertions, 0 deletions

diff --git a/addons/website_slides/static/src/scss/rating_rating_views.scss b/addons/website_slides/static/src/scss/rating_rating_views.scss
new file mode 100644
index 00000000..fa920c1b
--- /dev/null
+++ b/addons/website_slides/static/src/scss/rating_rating_views.scss
@@ -0,0 +1,15 @@
+$o-kanban-large-record-width: 350px;
+
+.o_kanban_view.o_slide_rating_kanban {
+    .o_kanban_record {
+        width: $o-kanban-large-record-width
+    }
+
+    .o_slide_rating_kanban_left {
+        min-width: 80px;
+
+        .o_slide_rating_value {
+            font-size: 4rem;
+        }
+    }
+}
diff --git a/addons/website_slides/static/src/scss/slide_views.scss b/addons/website_slides/static/src/scss/slide_views.scss
new file mode 100644
index 00000000..035f4699
--- /dev/null
+++ b/addons/website_slides/static/src/scss/slide_views.scss
@@ -0,0 +1,17 @@
+$o-kanban-large-record-width: 400px;
+
+.o_kanban_view.o_slide_kanban {
+    .o_kanban_group:not(.o_column_folded) {
+        width: $o-kanban-large-record-width + 2*$o-kanban-group-padding;
+    }
+    .o_kanban_record {
+        width: $o-kanban-large-record-width;
+    }
+}
+
+table.o_section_list_view tr.o_data_row.o_is_section {
+    font-weight: bold;
+    background-color: #DDD;
+    border-top: 1px solid #BBB;
+    border-bottom: 1px solid #BBB;
+}
diff --git a/addons/website_slides/static/src/scss/slides_slide_fullscreen.scss b/addons/website_slides/static/src/scss/slides_slide_fullscreen.scss
new file mode 100644
index 00000000..c00bc120
--- /dev/null
+++ b/addons/website_slides/static/src/scss/slides_slide_fullscreen.scss
@@ -0,0 +1,124 @@
+
+.o_wslides_fs_main {
+    @include o-position-absolute(0,0,0,0);
+    z-index: $zindex-website-header + 1;
+    background-image: linear-gradient(120deg, $o-wslides-color-dark2, $o-wslides-color-dark3);
+
+    .o_wslides_slide_fs_header {
+        background-image: linear-gradient(-6deg, $o-wslides-color-dark1, $o-wslides-color-dark2);
+        height: 50px;
+
+        > div > a {
+            background-color: rgba($o-wslides-color-dark3, 0.5);
+            @include o-hover-text-color(rgba(white, 0.8), white);
+            text-decoration: none!important;
+
+            + a {
+                margin-left: 1px;
+            }
+
+            &:hover {
+                background-color: rgba($o-wslides-color-dark3, 0.2);
+            }
+
+            &.active{
+                background-color: $o-wslides-color-dark1;
+                color: #fff;
+            }
+        }
+    }
+
+    .o_wslides_fs_player, .o_wslides_fs_sidebar, .o_wslides_fs_sidebar_content {
+        transition: all .2s ease-in;
+    }
+
+    .o_wslides_fs_sidebar {
+        background-image: linear-gradient(160deg, $o-wslides-color-dark1, $o-wslides-color-dark2);
+        position: relative;
+        z-index: $zindex-fixed;
+
+        .o_wslides_fs_sidebar_content {
+            min-width: $o-wslides-fs-side-width;
+        }
+
+        .o_wslides_fs_toggle_sidebar {
+            @include o-position-absolute(0, auto, 0, 100%);
+            width: 700px;
+            background: rgba(black, 0.2);
+        }
+
+        @include media-breakpoint-down (md) {
+            @include o-position-absolute(0, auto, 0, 0);
+            box-shadow: 5px 0 15px rgba(black, 0.2);
+
+            &.o_wslides_fs_sidebar_hidden {
+                display: none;
+            }
+        }
+
+        @include media-breakpoint-up (md) {
+            width: $o-wslides-fs-side-width;
+
+            &.o_wslides_fs_sidebar_hidden {
+                width: 0;
+
+                .o_wslides_fs_sidebar_content {
+                    transform: translateX(-100%);
+                }
+            }
+        }
+
+        a {
+            text-decoration: none !important;
+            @include o-hover-text-color(rgba(white, 0.8), white);
+        }
+
+        .o_wslides_fs_sidebar_section {
+            background-color: rgba($o-wslides-color-dark3, 0.3);
+            margin-bottom: 1px;
+        }
+
+        .o_wslides_fs_sidebar_section_slides li {
+            color: rgba(white, 0.8);
+            line-height: 1.3;
+
+            &.active {
+                box-shadow: inset 2px 0 0 theme-color('primary');
+                background-color: rgba($o-wslides-color-dark3, 0.5);
+
+                &, a {
+                    color: white;
+                }
+            }
+
+            .o_wslides_fs_slide_name {
+                line-height: 1;
+            }
+        }
+    }
+
+    .o_wslides_js_lesson_quiz_question {
+        .list-group-item  {
+            font-size: 1rem;
+
+            input:checked + i.fa-circle {
+                color: $primary !important;
+            }
+        }
+
+        &.disabled {
+            opacity: 0.5;
+            pointer-events: none;
+        }
+
+        &.completed-disabled{
+            pointer-events: none;
+        }
+    }
+}
+
+.modal-open {
+    > .modal-backdrop {
+        z-index: $zindex-modal-backdrop;
+    }
+}
diff --git a/addons/website_slides/static/src/scss/website_slides.scss b/addons/website_slides/static/src/scss/website_slides.scss
new file mode 100644
index 00000000..c3b87821
--- /dev/null
+++ b/addons/website_slides/static/src/scss/website_slides.scss
@@ -0,0 +1,591 @@
+$MAX-Z-INDEX : 2147483647 !default;
+
+// Retrive the tab's height by summ its properties
+$o-wslides-tabs-height: ($nav-link-padding-y*2) + ($font-size-base * $line-height-base);
+
+// Overal page bg-color: Blend it 'over' the color chosen by the user
+// ($body-bg), rather than force it replacing the variable's value.
+$o-wslides-color-bg: mix($body-bg, #efeff4);
+
+$o-wslides-color-dark1: #47525f;
+$o-wslides-color-dark2: #1f262d;
+$o-wslides-color-dark3: #101216;
+$o-wslides-fs-side-width: 300px;
+
+
+// Common to new slides pages
+// **************************************************
+.o_wslides_gradient {
+    background-image: linear-gradient(120deg, #875A7B, darken(#875A7B, 10%));
+}
+
+.o_wslides_course_pict {
+    @include size(100%);
+    object-fit: cover;
+
+    @include media-breakpoint-up(md)  {
+        border: 1px solid darken(#875A7B, 10%);
+        border-bottom-width: 0;
+    }
+}
+
+.o_wslides_arrow {
+    position: absolute;
+    height: 24px;
+    margin-left: -5px;
+    margin-top: 10px;
+    line-height: 1.8em;
+    padding-left: 8px;
+    padding-right: 5px;  
+    background: #17A2B8;
+    color: white;
+    box-shadow: 0px 0px 3px  gray;
+    z-index: 1;
+
+    text-decoration: none;
+
+    &:after {
+        // the triangle
+        content: "";
+        position: absolute;
+        height: 0px;
+        width: 0px;
+        right: 0; 
+        margin-right: -15px;
+        border-left: 15px solid #17A2B8;
+        border-bottom: 12px solid transparent;
+        border-top: 12px solid transparent;
+    }
+}
+
+// Color tags according to assigned background color.
+.o_wslides_channel_tag {
+    vertical-align: middle;
+    @for $size from 1 through length($o-colors) {
+        &.o_tag_color_#{$size - 1} {
+            $background-color: white;
+            // no color selected
+            @if $size == 1 {
+                & {
+                    color: black;
+                    background-color: $background-color;
+                    box-shadow: inset 0 0 0 1px nth($o-colors, $size);
+                }
+            } @else {
+                $background-color: nth($o-colors, $size);
+                & {
+                    color: white;
+                    background-color: $background-color;
+                }
+            }
+            @at-root a#{&} {
+                &:hover {
+                    color: color-yiq($background-color);
+                    background-color: darken($background-color, 10%);
+                }
+            }
+        }
+    }
+}
+
+.o_wslides_body {
+    background-color: $o-wslides-color-bg;
+
+    .o_wslides_home_nav {
+        top: -40px;
+
+        @include media-breakpoint-up(lg) {
+            font-size: 1rem;
+
+            .o_wslides_nav_navbar_right {
+                padding-left: $spacer;
+                margin-left: auto;
+                border-left: 1px solid $border-color;
+            }
+        }
+    }
+
+    .o_wslides_js_slide_like_up,
+    .o_wslides_js_slide_like_down {
+        &:not(.disabled) {
+            cursor: pointer;
+            color: $link-color;
+        }
+    }
+
+    .o_wslides_js_lesson_quiz {
+        i.o_wslides_js_quiz_icon {
+            cursor: pointer;
+        }
+
+        i.o_wslides_js_quiz_icon:hover {
+            color: black !important;
+        }
+    }
+
+    .o_wslides_js_lesson_quiz_question {
+        .list-group-item  {
+            font-size: 1rem;
+
+            input:checked + i.fa-circle {
+                color: $primary !important;
+            }
+        }
+
+        &.disabled {
+            opacity: 0.5;
+            pointer-events: none;
+        }
+
+        &.completed-disabled{
+            pointer-events: none;
+        }
+    }
+
+    a.o_wslides_js_quiz_is_correct {
+        color: black;
+        input:checked + i.fa-check-circle-o {
+            color: $primary !important;
+        }
+    }
+
+    .o_wslides_js_quiz_sequence_highlight {
+        background-color: #1252F3;
+        height: 1px;
+        z-index: 3;
+
+        &:before, &:after {
+            content: "";
+            @include size(6px);
+            display: block;
+            border-radius: 100%;
+            background-color: inherit;
+            @include o-position-absolute(-2px, -2px);
+        }
+
+        &:after {
+            right: auto;
+            left: -2px;
+        }
+    }
+
+    // tools
+    // ****************************************
+    .text_small_caps {
+        font-variant: small-caps;
+    }
+
+    .o_wslides_entry_muted {
+        opacity: 0.5;
+    }
+
+    // Solve an overfow issue caused in some
+    // circumstances by flex containers.
+    hr {
+        min-height: 1px;
+    }
+
+    // Truncate text descriptions to a specific number of lines.
+    // If '-webkit-line-clamp' is not supported, a less effective
+    // 'line-height' fallback will be used instead.
+    $truncate-limits: 2, 3, 10;
+
+    @each $limit in $truncate-limits {
+        .o_wslides_desc_truncate_#{$limit} {
+            $line-height: 1.3;
+            max-height: $limit * $line-height * 1.2em;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: normal;
+            line-height: $line-height;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: $limit;
+        }
+    }
+}
+
+// New home page
+// **************************************************
+.o_wslides_home_main {
+    .o_wslides_home_aside_loggedin {
+        @include media-breakpoint-up(lg) {
+            background: none;
+            border: none;
+        }
+    }
+
+    .o_wprofile_progress_circle {
+        margin-left: auto;
+        margin-right: auto;
+        max-width: 200px;
+    }
+}
+
+// Courses Card
+// **************************************************
+.o_wslides_course_card.o_wslides_course_unpublished {
+    opacity: 0.5;
+}
+
+// New course page
+// **************************************************
+
+.o_wslides_course_sidebar {
+    border: 1px solid $border-color;
+
+    @include media-breakpoint-up(md) {
+        border-top-width: 0;
+    }
+
+    .o_wslides_js_channel_unsubscribe {
+        > .fa-times {
+            display: none;
+        }
+
+        &:hover {
+            > .fa-check {
+                display: none;
+            }
+
+            > .fa-times {
+                display: inline-block;
+            }
+        }
+    }
+
+    .o_wslides_js_channel_enroll {
+        cursor: pointer;
+
+        &:hover, &:hover .o_wslides_enroll_msg small {
+            font-weight: bold;
+        }
+    }
+
+    .o_wslides_enroll_msg {
+        p {
+            display: inline-block;
+            margin-bottom: 0px;
+        }
+    }
+}
+
+@mixin o-wslides-tabs($tab-active-color: $o-wslides-color-bg) {
+    margin-top: ($o-wslides-tabs-height * -1);
+    border-bottom: 0;
+
+    .nav-link {
+        border-radius: 0;
+        border-width: 0 1px;
+        line-height: $line-height-base;
+        @include o-hover-text-color(rgba(white, 0.8), white);
+
+        & {
+            border-color: transparent;
+        }
+
+        &:hover {
+            background: #3d2938;
+        }
+
+        &.active {
+            color: color-yiq($tab-active-color);
+            background: $tab-active-color;
+            border-color: $tab-active-color;
+        }
+    }
+}
+
+@mixin o-wslides-header-bar() {
+    &:before {
+        content: "";
+        @include o-position-absolute(auto, 0, 0, 0);
+        height: $o-wslides-tabs-height;
+        background: rgba(black, 0.2);
+    }
+}
+
+.o_wslides_course_nav {
+    @include o-position-absolute(0,0,auto,0);
+    border-width: 1px 0;
+
+    &, .o_wslides_course_nav_search {
+        background-color: rgba(white, 0.05);
+        border-color: rgba(white, 0.1);
+        border-style: solid;
+    }
+
+    .o_wslides_course_nav_search {
+        border-width: 0 1px;
+    }
+
+    .breadcrumb-item.active a, .breadcrumb-item a:hover {
+        color: white;
+    }
+
+    .breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before, .o_wslides_course_nav_search input::placeholder {
+        color: rgba(white, 0.8);
+    }
+}
+
+
+.o_wslides_course_header {
+    @include media-breakpoint-up(md)  {
+        @include o-wslides-header-bar();
+    }
+}
+
+.o_wslides_course_doc_header {
+    @include o-wslides-header-bar();
+}
+
+.o_wslides_course_main {
+    .o_wslides_nav_tabs {
+        @include media-breakpoint-up(md)  {
+            @include o-wslides-tabs();
+        }
+
+        @include media-breakpoint-only(xs) {
+            overflow-x: auto;
+            overflow-y: hidden;
+            line-height: 1.51;
+
+            li {
+                white-space: nowrap;
+            }
+        }
+    }
+
+    .o_wslides_doc_nav_tabs {
+        @include o-wslides-tabs($gray-100);
+    }
+
+    .o_wslides_tabs_content {
+        @include media-breakpoint-down(sm) {
+            background-color: $nav-tabs-link-active-bg;
+            padding:0 ($grid-gutter-width * 0.5);
+        }
+
+        @include media-breakpoint-only(xs) {
+            margin: 0 ($grid-gutter-width * -0.5);
+        }
+    }
+
+    // Slides list reordering widget
+    .o_wslides_slides_list {
+        .o_wslides_slide_list_category_header {
+            z-index: 1;
+
+            & + ul {
+                z-index: 0;
+            }
+        }
+
+        .o_text_link {
+            text-decoration: none!important;
+
+            > * {
+                text-decoration: none!important;
+                color: map-get($grays, "600");
+            }
+
+            &:hover > * {
+                color: inherit;
+            }
+        }
+
+        .o_wslides_slides_list_drag {
+            cursor: pointer;
+
+            i { opacity: 0.4; }
+            &:hover i { opacity: 1; }
+        }
+
+        .o_wslides_slide_list_category_header, .o_wslides_slides_list_slide {
+            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;
+            z-index: 3;
+
+            &:before, &:after {
+                content: "";
+                @include size(6px);
+                display: block;
+                border-radius: 100%;
+                background-color: inherit;
+                @include o-position-absolute(-2px, -2px);
+            }
+
+            &:after {
+                right: auto;
+                left: -2px;
+            }
+        }
+    }
+}
+
+
+// New lesson page (not fullscreens)
+// **************************************************
+.o_wslides_lesson_main {
+    .o_wslides_lesson_aside {
+        .o_wslides_lesson_aside_collapse.collapsed {
+            transform: rotate(90deg);
+        }
+
+        .o_wslides_lesson_aside_list {
+            @include media-breakpoint-up (lg) {
+                top: -58px;
+            }
+        }
+
+        .o_wslides_lesson_aside_list {
+            .o_wslides_lesson_aside_list_link {
+                @include o-hover-text-color($gray-600, $headings-color );
+
+                .o_wslides_lesson_link_name {
+                    line-height: 1.2;
+                }
+
+                &.active {
+                    box-shadow:inset 2px 0 theme-color('primary');
+                }
+
+                &:hover .o_wslides_lesson_link_name {
+                    color: $headings-color;
+                }
+            }
+        }
+    }
+
+    .o_wslides_lesson_content {
+        .o_wslides_lesson_nav {
+            .nav-link {
+                background-color: transparent;
+                border: 0;
+                border-bottom: 1px solid $border-color;
+                color: $gray-600;
+
+                &.active {
+                    border-bottom: 1px solid $success;
+                    color: $gray-800;
+                }
+            }
+        }
+    }
+}
+
+
+// Modals
+// **************************************************
+
+.o_wslides_quiz_modal {
+    @include media-breakpoint-up (sm) {
+        .modal-body {
+            overflow: visible!important;
+
+            .o_wslides_quiz_modal_close_btn {
+                right: 5px;
+            }
+
+            .o_wslides_gradient {
+                width: 42%;
+            }
+        }
+
+        .modal-content {
+            height: 461px;
+
+            .o_wslides_quiz_modal_hero {
+                margin-left: -30px;
+                position: absolute;
+                margin-top: -45px;
+            }
+        }
+    }
+
+    .progress {
+        border-radius:0;
+        overflow:visible;
+        height: 8px;
+
+        .progress-bar {
+            transition: width 0.8s ease;
+
+            &.no-transition {
+                transition: none;
+            }
+        }
+    }
+
+    .tooltip > .tooltip-inner {
+        background-color: #875A7B;
+        padding:5px 15px;
+        font-weight:bold;
+        font-size:13px;
+    }
+
+    .tooltip > .arrow {
+        border-left: 5px solid transparent;
+        border-right: 5px solid transparent;
+        border-top: 5px solid #875A7B;
+    }
+
+    .tooltip > .arrow::before {
+        display: none;
+    }
+}
+
+#slide_channel_add_form input[name="channel_type"]:checked + label {
+    border: 4px solid $primary;
+    box-shadow: 3px 3px 5px gray;
+}
+
+// Embed PDFViewer
+// **************************************************
+#PDFViewer.o_wslides_fs_pdf_viewer {
+    background-image: linear-gradient(120deg, $o-wslides-color-dark2, $o-wslides-color-dark3);
+
+    #PDFViewerNav {
+        background-image: linear-gradient(120deg, $o-wslides-color-dark1, $o-wslides-color-dark2);
+    }
+
+    .oe_slides_panel_footer a, .oe_slides_share_bar a {
+        @include o-hover-text-color(rgba(white, 0.7), white);
+
+        &.disabled {
+            @include o-hover-text-color(rgba(white, 0.2), rgba(white, 0.2));
+            cursor: default;
+        }
+    }
+
+    .oe_slide_embed_option {
+        @include o-position-absolute(0,0,0,0);
+    }
+}
+
+.oe_slides_share_bar{
+    padding: 10px 0;
+}
+
+.oe_show_footer {
+    z-index: $MAX-Z-INDEX; // Looks terrible but seems necessary due to fullscreen & canvas in PDFSlidesViewer
+}
diff --git a/addons/website_slides/static/src/scss/website_slides_profile.scss b/addons/website_slides/static/src/scss/website_slides_profile.scss
new file mode 100644
index 00000000..35f85b4c
--- /dev/null
+++ b/addons/website_slides/static/src/scss/website_slides_profile.scss
@@ -0,0 +1,4 @@
+// Quest - Course Card
+.o_wprofile_slides_course_card_body {
+    cursor: pointer;
+}