[REF] mail: last part of the chat refactoring (client side)

Removal of old files and update of assets and imports

Joint work with aab

5 files changed, 0 insertions, 551 deletions

diff --git a/addons/mail/static/src/less/mail_chat_backend.less b/addons/mail/static/src/less/mail_chat_backend.less
deleted file mode 100644
index f93d1ed2448..00000000000
--- a/addons/mail/static/src/less/mail_chat_backend.less
+++ /dev/null
@@ -1,128 +0,0 @@
-
-// ------------------------------------------------------------------
-// Layout
-// ------------------------------------------------------------------
-.o_mail_chat {
-    .o-position-absolute(0, 0, 0, 0);
-    height: 100%;
-
-    @media (max-width: @screen-xs-max) {
-        position: static;
-        height: auto;
-    }
-
-    .o-flex-display();
-    .o-flex-flow(row, nowrap);
-
-    .o_mail_chat_sidebar {
-        .o-flex(0, 0, 15%);
-        overflow: auto;
-        padding: 1%;
-    }
-
-    .o_mail_chat_content {
-        .o-flex(0, 0, 85%);
-        height: 100%;
-        .o-flex-display();
-        .o-flex-flow(column, nowrap);
-        @media (max-width: @screen-xs-max) {
-            height: auto;
-        }
-
-        .o_mail_chat_messages {
-            .o-flex(1, 0, 0);
-            overflow: auto;
-            .o-webclient-padding();
-
-            .o_mail_chat_help_message {
-                padding: 25px 0;
-                text-align: justify;
-            }
-        }
-
-        .o_mail_chat_composer_wrapper {
-            .o-flex(0, 0, auto);
-            .o-webclient-padding(@top: 10px, @bottom: 5px);
-        }
-    }
-}
-
-// ------------------------------------------------------------------
-// Style
-// ------------------------------------------------------------------
-.o_mail_chat {
-    .o_mail_chat_sidebar {
-        background-color: @gray;
-
-        > .nav-pills {
-            > li {
-                > a {
-                    color: @odoo-brand-optional;  // community compatibility: override base.css
-                    &:hover, &:focus {
-                        background-color: @gray-dark;
-                    }
-                    &.active {
-                        background-color: @gray-dark;
-                    }
-                }
-
-                &.o_mail_chat_channel_item, &.o_mail_chat_partner_item {
-                    > a {
-                        color: @gray-lighter;
-                        > .badge {
-                            color: white;
-                            background-color: @odoo-brand-optional;
-                        }
-
-                        > i.fa {
-                            padding-top: 3px;
-                            padding-right: 3px;
-
-                            &.o_online {
-                                color: @odoo-brand-optional;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        .o_mail_chat_channel_item.o_mail_chat_channel_unread, .o_mail_chat_partner_item.o_mail_chat_channel_unread{
-            font-weight: bold;
-        }
-
-        .o_mail_chat_sidebar_title {
-            text-transform: uppercase;
-            color: @gray-lighter;
-            margin-top: 25px;
-            .user-select(none);
-            cursor: default;
-        }
-
-        .o_mail_chat_add_more_search{
-             padding: @padding-base-vertical @padding-base-horizontal;
-            .o_mail_chat_add_more_text{
-                color: @gray-lighter;
-                display: inline-block;
-                font-style: italic;
-                cursor: pointer;
-                font-size: @font-size-base;
-            }
-            .o_mail_chat_add_more_text:hover{
-                text-decoration: underline;
-                color: white;
-                cursor: pointer;
-            }
-        }
-
-    }
-
-    .o_mail_chat_content {
-        background-color: white;
-
-        .o_mail_chat_composer_wrapper {
-            border-top: 1px solid @gray-lighter;
-            background-color: #21b799;
-        }
-    }
-}
diff --git a/addons/mail/static/src/less/mail_chat_common.less b/addons/mail/static/src/less/mail_chat_common.less
deleted file mode 100644
index 97119ed506c..00000000000
--- a/addons/mail/static/src/less/mail_chat_common.less
+++ /dev/null
@@ -1,115 +0,0 @@
-
-/* emoji size */
-.o_mail_emoji img{
-    height: 20px;
-}
-
-// ------------------------------------------------------------------
-// Chat Window
-// ------------------------------------------------------------------
-
-@media screen and (max-width:360px) {
-    .o_mail_chat_im_window {
-        width: 100%;
-        margin-right: 0;
-    }
-    .o_mail_chat_im_window .o_mail_chat_im_window_content {
-        width: 100% !important;
-    }
-    .o_mail_chat_im_window .o_mail_chat_im_window_input {
-        width: 100% !important;
-    }
-}
-
-
-.o_mail_chat_im_window {
-    position: fixed;
-    overflow: hidden;
-    margin-bottom: 5px;
-    margin-right: 6px;
-    background: rgba(250, 250, 250, 0.95);
-    border: 1px solid #DEDEDE;
-    width: 240px;
-    z-index:500;
-}
-
-/* HEADER */
-.o_mail_chat_im_window .o_mail_chat_im_window_header {
-    padding: 3px 6px 2px;
-    cursor: pointer;
-    background: #DEDEDE;
-    background: -moz-linear-gradient(#FCFCFC, #DEDEDE);
-    background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#DEDEDE));
-    border-radius: 3px 3px 0 0;
-    -moz-border-radius: 3px 3px 0 0;
-    -webkit-border-radius: 3px 3px 0 0;
-}
-
-.o_mail_chat_im_window .o_mail_chat_im_window_header_name {
-    max-width: 75%;
-    word-wrap: break-word;
-    display: inline-block;
-    height: 15px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.o_mail_chat_im_window .o_mail_chat_im_window_header_buttons{
-    float: right;
-}
-
-
-/* CONTENT (messages, ...) */
-.o_mail_chat_im_window .o_mail_chat_im_window_content {
-    height: 280px;
-    overflow-y: scroll;
-}
-
-.o_mail_chat_im_window .o_mail_chat_im_messages .o_mail_chat_im_window_date_sperator{
-    padding: 5px;
-    padding-right: 10px;
-    text-align: right;
-    font-weight: bold;
-}
-
-.o_mail_chat_im_window .o_mail_chat_im_message{
-    margin: auto;
-    margin-bottom: 5px;
-}
-
-.o_mail_chat_im_window .o_mail_chat_im_message .o_mail_chat_im_message_avatar{
-    width: 20%;
-    display: inline-block;
-    vertical-align: top;
-}
-
-.o_mail_chat_im_window .o_mail_chat_im_message .o_mail_chat_im_message_avatar img{
-    width: 80%;
-    float: right;
-}
-
-.o_mail_chat_im_window .o_mail_chat_im_message .o_mail_chat_im_message_core{
-    width: 75%;
-    display: inline-block;
-    padding: 5px;
-
-    background: white;
-    border-radius: 2px;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-    max-width:100%;
-}
-
-.o_mail_chat_im_window .o_mail_chat_im_message .o_mail_chat_im_message_core p{
-    margin: 0;
-}
-
-/* FOOTER */
-.o_mail_chat_im_window .o_mail_chat_im_window_footer {
-    padding:3px;
-    background: #DEDEDE;
-}
-
-.o_mail_chat_im_window .o_mail_chat_im_window_footer .o_mail_chat_im_window_input {
-    width: 100%;
-}
diff --git a/addons/mail/static/src/less/mail_chatter.less b/addons/mail/static/src/less/mail_chatter.less
deleted file mode 100644
index 501f74c15a2..00000000000
--- a/addons/mail/static/src/less/mail_chatter.less
+++ /dev/null
@@ -1,20 +0,0 @@
-.o_mail_chatter {
-    width: 100%;
-
-    .o_mail_chatter_compose_message {
-        display: none;
-        margin-top: 10px;
-        .o_mail_chatter_compose_message_suggested_partners label {
-            vertical-align: middle;
-            display: block;
-            line-height: 14px;
-        }
-        .o_mail_compose_message_buttons  > button {
-            .btn-sm;
-        }
-    }
-
-    .o_mail_chatter_messages {
-        margin-top: 10px;
-    }
-}
diff --git a/addons/mail/static/src/less/mail_followers.less b/addons/mail/static/src/less/mail_followers.less
deleted file mode 100644
index 557f9b4f286..00000000000
--- a/addons/mail/static/src/less/mail_followers.less
+++ /dev/null
@@ -1,94 +0,0 @@
-.o_mail_followers {
-    height: 0px; // to be on the same line as mail composer buttons
-    float: right;
-    @media (min-width: @screen-sm-min) {
-        &.o_form_field {
-            margin: 0; // override o_form_field's margin-bottom of 5px
-        }
-    }
-    @media (max-width: @screen-xs-max) {
-        height: auto; // to be displayed above the mail composer buttons
-        float: left;
-    }
-
-    .o_followers_actions {
-        position: relative;
-        float: right;
-
-        .o_followers_follow_button {
-            width: 110px;
-
-            .o_follow, .o_followers_unfollow, .o_followers_following {
-                display: none;
-            }
-            // when following, show 'following'
-            &.o_followers_following .o_followers_following {
-                display: inline;
-            }
-            // when following and hovering, show 'unfollow'
-            &.o_followers_following:hover .o_followers_following {
-                display: none;
-            }
-            &.o_followers_following:hover .o_followers_unfollow {
-                display: inline;
-            }
-            // when not following  show 'follow'
-            &.o_followers_notfollow .o_follow {
-                display: inline;
-            }
-        }
-
-        .o_subtype {
-            padding-left: 10px;
-        }
-
-    }
-
-    .o_followers_title_box {
-        position: relative;
-        float: right;
-        margin-left: 5px;
-        > button {
-            width: 120px;
-        }
-
-        .o_followers_count {
-            padding-right: 5px;
-        }
-
-        .o_followers_list {
-            font-size: small;
-
-            .o_partner {
-                @partner_avatar_size: 24px;
-                position: relative; // required for old design compatibility
-                > a {
-                    max-width: 160px;
-                    overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                    height: @partner_avatar_size;
-                    padding: 3px @partner_avatar_size + 8px;
-                }
-                > img {
-                    .o-position-absolute();
-                    width: @partner_avatar_size;
-                }
-                .o_remove_follower {
-                    .o-position-absolute(6px, 5px);
-                    cursor: pointer;
-                }
-                .o_edit_subtype {
-                    .o-position-absolute(6px, 18px);
-                    cursor: pointer;   
-                }
-            }
-
-        }
-    }
-}
-
-// Edit subtypes in dialog
-.modal .modal-body > li.o_subtype {
-    list-style: none;
-}
diff --git a/addons/mail/static/src/less/mail_thread.less b/addons/mail/static/src/less/mail_thread.less
deleted file mode 100644
index 3f7b78201fe..00000000000
--- a/addons/mail/static/src/less/mail_thread.less
+++ /dev/null
@@ -1,194 +0,0 @@
-// ------------------------------------------------------------------
-// Mail Thread 'Mixin'
-// ------------------------------------------------------------------
-.o_mail_thread {
-    .o_mail_thread_date_separator, .o_mail_thread_message {
-        margin: auto; // override the margin-{left,right}: -15px defined on .row
-    }
-    .o_mail_thread_date_separator {
-        .o_mail_thread_date_wrapper {
-            border-bottom: solid @gray-lighter 2px;
-            margin-bottom: 15px;
-            .o_mail_thread_date_separator_title {
-                display: table;
-                position: relative;
-                top: 10px;
-                margin: 0 auto;
-                padding: 0 10px 0 10px;
-                font-weight: bold;
-                background: white;
-            }
-        }
-    }
-    @mail_thread_avatar_size: 50px;
-    .o_mail_thread_message {
-        .o-flex-display();
-        margin: 10px 0;
-        .o_mail_thread_message_avatar {
-            .o-flex(0, 0, @mail_thread_avatar_size);
-            margin-right: 10px;
-            @media (max-width: @screen-xs-max) {
-                .o-flex(0, 0, @mail_thread_avatar_size/2);
-            }
-            .o_mail_thread_avatar {
-                display: block;
-                margin: 0 auto; // center the avatar
-                max-width: @mail_thread_avatar_size;
-                @media (max-width: @screen-xs-max) {
-                    max-width: @mail_thread_avatar_size/2;
-                }
-            }
-        }
-        .o_mail_thread_message_core {
-            .o-flex(1, 1, auto);
-            > p {
-                margin: 0 0 9px; // Required by the old design to override a general rule on p's
-            }
-            .o_mail_body_long {
-                display: none;
-            }
-        }
-        .o_mail_thread_message_star, .o_mail_thread_message_needaction {
-            cursor: pointer;
-            opacity: 0.5;
-            &:hover {
-                opacity: 1;
-            }
-        }
-        .o_mail_thread_message_star.o_mail_message_starred {
-            color: gold;
-        }
-        .o_mail_redirect {
-            cursor: pointer;
-        }
-    }
-    .o_mail_thread_show_more {
-        text-align: center;
-    }
-}
-
-// ------------------------------------------------------------------
-// Mail Compose Message
-// ------------------------------------------------------------------
-.o_mail_chat_composer_wrapper {
-    .o_mail_compose_message { // use flex for the layout in the Chat app
-        .o-flex-display();
-        .o_mail_compose_message_input {
-            .o-flex(1, 1, auto);
-        }
-        .o_mail_compose_message_buttons {
-            .o-flex(0, 0, auto);
-        }
-    }
-}
-.o_mail_compose_message {
-    width: 100%;
-    input.o_mail_compose_message_input {
-        border: none;
-        padding: 5px;
-        margin-right: 5px;
-    }
-    textarea.o_mail_compose_message_input {
-        width: 100%;
-        margin: 5px 0;
-    }
-}
-.o_mail_mention_partner_tags {
-    margin-top: 5px;
-    text-align: justify;
-}
-.o_mail_attachments_list .o_mail_chat_im_attachment_files {
-    margin-top: 5px;
-    text-align: justify;
-}
-// Emoji size in the popover
-.o_mail_compose_message_emoji {
-    .o_mail_compose_message_emoji_img > img {
-        cursor: pointer;
-        height: 26px;
-    }
-}
-
-// ------------------------------------------------------------------
-// Attachment Icons (common for mail thread message and compose message)
-// ------------------------------------------------------------------
-@o-mail-attachment-image-size: 60px;
-
-@-webkit-keyframes oe_mail_attach_loading_anim {
-    0% { background: @odoo-brand-optional }
-    50% { background: darken(@odoo-brand-optional, 10%) }
-    100% { background: @odoo-brand-optional }
-}
-@-moz-keyframes oe_mail_attach_loading_anim {
-    0% { background: @odoo-brand-optional }
-    50% { background: darken(@odoo-brand-optional, 10%) }
-    100% { background: @odoo-brand-optional }
-}
-@-o-keyframes oe_mail_attach_loading_anim {
-    0% { background: @odoo-brand-optional }
-    50% { background: darken(@odoo-brand-optional, 10%) }
-    100% { background: @odoo-brand-optional }
-}
-@keyframes oe_mail_attach_loading_anim {
-    0% { background: @odoo-brand-optional }
-    50% { background: darken(@odoo-brand-optional, 10%) }
-    100% { background: @odoo-brand-optional }
-}
-
-.o_mail_attachment {
-    position: relative;
-    width: 2*@o-mail-attachment-image-size;
-    display: inline-block;
-    height: 50px;
-    text-align: center;
-    margin-bottom: 15px;
-
-    .o_image {
-        .o-position-absolute(@top: 0, @left: @o-mail-attachment-image-size/2);
-        width: @o-mail-attachment-image-size;
-        height: @o-mail-attachment-image-size;
-    }
-
-    .o_mail_attachment_name {
-        display: inline-block;
-        max-width: 100%;
-        margin-top: @o-mail-attachment-image-size;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        color: @odoo-main-text-color;
-    }
-
-    &.o_mail_uploading {
-        .o_mail_attachment_progress_bar {
-            display: block;
-            .o-position-absolute(@top: 18px, @left: 16px, @right: 16px);
-            height: 17px;
-            line-height: 13px;
-            color: white;
-            border-radius: @border-radius-base;
-            border: solid 1px grey;
-            box-shadow: 0px 1px 10px @odoo-shadow-color;
-            .o-animation(@name: oe_mail_attach_loading_anim, @duration: 1s, @timing-function: linear, @iteration-count: infinite);
-        }
-        .o_mail_attachment_delete {
-            display: none;
-        }
-    }
-
-    .o_mail_attachment_progress_bar {
-        display: none;
-    }
-
-    .o_mail_attachment_delete {
-        .o-position-absolute(@top: 0, @right: 0);
-        color: @odoo-main-text-color;
-        cursor: pointer;
-        opacity: 0;
-        .o-transition(opacity, 0.2s, linear);
-    }
-
-    &:hover .o_mail_attachment_delete {
-        opacity: 1;
-        .o-transition(opacity, 0.2s, linear);
-    }
-}