first commit

mod/chat/gui_ajax/theme/bubble/chat.css

@@ -0,0 +1,249 @@
+.yui-skin-sam .yui-layout .yui-layout-hd {
+    border: 0;
+}
+
+.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd {
+    border: 0;
+}
+
+.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
+    border: 0;
+}
+
+.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-unit-right {
+    background: white;
+}
+
+.yui-skin-sam .yui-layout-unit-bottom {
+    background: #f2f2f2;
+}
+
+.yui-skin-sam .yui-layout-unit-right {
+    background: #eef2f8;
+}
+
+.yui-skin-sam .yui-layout-unit-center {
+    background: white;
+}
+
+.yui-skin-sam .yui-layout-unit-top {
+    background: #ffe39d;
+}
+
+.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
+    background: transparent;
+}
+
+#chat-messages {
+    padding-top: 15px;
+}
+
+#input-message {
+    background: #fff url(input.png) repeat-x scroll 0 0;
+    padding: 0 9px;
+    border: 1px solid #999;
+    border-radius: 9px;
+    -moz-border-radius: 9px;
+}
+
+.mdl-chat-entry,
+.mdl-chat-my-entry {
+    clear: both;
+}
+
+.mdl-chat-entry .chat-event {
+    padding-bottom: 15px;
+}
+
+.chat-message .chat-message-meta {
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+
+.chat-message .chat-message-meta .user {
+    white-space: nowrap;
+}
+
+.chat-message .picture {
+    vertical-align: middle;
+}
+
+.chat-message .right {
+    text-align: right;
+}
+
+.chat-message .left {
+    text-align: left;
+}
+/*rtl:ignore*/
+.chat-message .right,
+.chat-message .left {
+    direction: ltr;
+}
+
+#chat-input-area,
+#chat-input-area table.generaltable,
+#chat-input-area table.generaltable td.cell {
+    background: #92b3e8;
+    border: 0;
+    height: 100%;
+}
+
+#chat-userlist {
+    background: #e3e8f0;
+    height: 100%;
+}
+
+/**
+ * The following CSS is a cut down version of PURE CSS SPEECH BUBBLES.
+ * Moodle only uses a small subset of the original.
+ * The original version is available at http://nicolasgallagher.com/pure-css-speech-bubbles/
+ */
+
+/* ------------------------------------------
+PURE CSS SPEECH BUBBLES
+by Nicolas Gallagher
+- http://nicolasgallagher.com/pure-css-speech-bubbles/
+
+http://nicolasgallagher.com
+http://twitter.com/necolas
+
+Created: 02 March 2010
+Version: 1.2 (03 March 2011)
+
+Dual licensed under MIT and GNU GPLv2 © Nicolas Gallagher
+------------------------------------------ */
+
+.triangle-border {
+    position: relative;
+    padding: 10px;
+    margin: 1em 0 3em;
+    border: 2px solid #5a8f00;
+    color: #333;
+    background: #fff;
+    /* css3 */
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+
+    /* moodle specific */
+    margin-top: 0;
+    /* end moodle specific */
+}
+
+/* moodle specific */
+
+@media all and (max-device-width: 320px) {
+    .triangle-border {
+        width: 50%;
+    }
+}
+
+@media all and (min-device-width: 321px) and (max-device-width: 640px) {
+    .triangle-border {
+        width: 60%;
+    }
+}
+
+@media all and (min-device-width: 641px) {
+    .triangle-border {
+        width: 65%;
+    }
+}
+/* end moodle specific */
+
+/* Variant : for left positioned triangle
+------------------------------------------ */
+
+.triangle-border.left {
+    margin-left: 30px;
+    /* moodle specific */
+    float: right;
+    /* end moodle specific */
+}
+
+/* Variant : for right positioned triangle
+------------------------------------------ */
+
+.triangle-border.right {
+    margin-right: 30px;
+    /* moodle specific */
+    float: left;
+    /* end moodle specific */
+}
+
+.triangle-border:before {
+    content: "";
+    position: absolute;
+    bottom: -20px; /* value = - border-top-width - border-bottom-width */
+    left: 40px; /* controls horizontal position */
+    border-width: 20px 20px 0;
+    border-style: solid;
+    border-color: #5a8f00 transparent;
+    /* reduce the damage in FF3.0 */
+    display: block;
+    width: 0;
+}
+
+/* creates the smaller  triangle */
+.triangle-border:after {
+    content: "";
+    position: absolute;
+    bottom: -13px; /* value = - border-top-width - border-bottom-width */
+    left: 47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
+    border-width: 13px 13px 0;
+    border-style: solid;
+    border-color: #fff transparent;
+    /* reduce the damage in FF3.0 */
+    display: block;
+    width: 0;
+}
+
+/* Variant : left
+------------------------------------------ */
+
+/* creates the larger triangle */
+.triangle-border.left:before {
+    top: 7px; /* controls vertical position */
+    bottom: auto;
+    left: -24px; /* value = - border-left-width - border-right-width */
+    border-width: 10px 24px 10px 0;
+    border-color: transparent #5a8f00;
+}
+
+/* creates the smaller  triangle */
+.triangle-border.left:after {
+    top: 8px; /* value = (:before top) + (:before border-top) - (:after border-top) */
+    bottom: auto;
+    left: -21px; /* value = - border-left-width - border-right-width */
+    border-width: 9px 21px 9px 0;
+    border-color: transparent #fff;
+}
+
+/* Variant : right
+------------------------------------------ */
+
+/* creates the larger triangle */
+.triangle-border.right:before {
+    top: 7px; /* controls vertical position */
+    bottom: auto;
+    left: auto;
+    right: -24px; /* value = - border-left-width - border-right-width */
+    border-width: 10px 0 10px 24px;
+    border-color: transparent #5a8f00;
+}
+
+/* creates the smaller  triangle */
+.triangle-border.right:after {
+    top: 8px; /* value = (:before top) + (:before border-top) - (:after border-top) */
+    bottom: auto;
+    left: auto;
+    right: -21px; /* value = - border-left-width - border-right-width */
+    border-width: 9px 0 9px 21px;
+    border-color: transparent #fff;
+}
+
+#button-send + a > i.text-info {
+    /* stylelint-disable-next-line declaration-no-important */
+    color: black !important;
+}

mod/chat/gui_ajax/theme/bubble/config.php

@@ -0,0 +1,50 @@
+<?php
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+$chattheme_cfg = new stdClass();
+$chattheme_cfg->avatar = true;
+$chattheme_cfg->align  = true;
+$chattheme_cfg->event_message = <<<TEMPLATE
+<div class="chat-event">
+<span class="time">___time___</span>
+<a target='_blank' href="___senderprofile___">___sender___</a>
+<span class="event">___event___</span>
+</div>
+TEMPLATE;
+$chattheme_cfg->user_message_left = <<<TEMPLATE
+<div class='chat-message ___mymessageclass___'>
+    <div class="left">
+        <span class="text triangle-border left">___message___</span>
+        <span class="picture">___avatar___</span>
+    </div>
+    <div class="chat-message-meta left">
+        <span class="time">___time___</span>
+        <span class="user">___sender___</span>
+    </div>
+</div>
+TEMPLATE;
+$chattheme_cfg->user_message_right = <<<TEMPLATE
+<div class='chat-message ___mymessageclass___'>
+    <div class="right">
+        <span class="text triangle-border right">___message___</span>
+        <span class="picture">___avatar___</span>
+    </div>
+    <div class="chat-message-meta right">
+        <span class="time">___time___</span>
+        <span class="user">___sender___</span>
+    </div>
+</div>
+TEMPLATE;

mod/chat/gui_ajax/theme/compact/chat.css

@@ -0,0 +1,102 @@
+.yui-skin-sam .yui-layout .yui-layout-hd {
+    border: 0;
+}
+
+.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd {
+    border: 0;
+}
+
+.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
+    border: 0;
+}
+
+.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-unit-right {
+    background: white;
+}
+
+.yui-skin-sam .yui-layout-unit-bottom {
+    background: #f2f2f2;
+}
+
+.yui-skin-sam .yui-layout-unit-right {
+    background: #eef2f8;
+}
+
+.yui-skin-sam .yui-layout-unit-center {
+    background: white;
+}
+
+.yui-skin-sam .yui-layout-unit-top {
+    background: #ffe39d;
+}
+
+.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
+    background: transparent;
+}
+
+#input-message {
+    background: #fff url(input.png) repeat-x scroll 0 0;
+    border: 1px solid #999;
+}
+
+.mdl-chat-entry .meta {
+    background: #82b5ee;
+    border-bottom: 1px solid white;
+    -moz-border-radius-topleft: 6px;
+    -moz-border-radius-topright: 6px;
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+}
+
+.mdl-chat-entry,
+.mdl-chat-my-entry {
+    margin: 1em auto;
+    border: 1px solid #938f5a;
+    -moz-border-radius-bottomleft: 6px;
+    -moz-border-radius-bottomright: 6px;
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
+}
+
+.mdl-chat-entry .chat-message .text {
+    color: white;
+    background: #82b5ee;
+}
+
+.chat-message {
+    padding: 3px;
+    border: 1px solid #ccc;
+    -moz-border-radius-bottomleft: 6px;
+    -moz-border-radius-bottomright: 6px;
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
+}
+
+.mdl-chat-my-entry .chat-message .meta {
+    background: #fffeeb;
+    border-bottom: 1px solid white;
+}
+
+.mdl-chat-my-entry .chat-message .text {
+    background: #f1f3cb;
+}
+
+#chat-input-area,
+#chat-input-area table.generaltable,
+#chat-input-area table.generaltable td.cell {
+    background: #92b3e8;
+    border: 0;
+    margin: 0;
+    padding: 2px;
+    height: 100%;
+}
+
+#chat-userlist {
+    background: #e3e8f0;
+    height: 100%;
+}
+
+#button-send + a > i.text-info {
+    /* stylelint-disable-next-line declaration-no-important */
+    color: black !important;
+}

mod/chat/gui_ajax/theme/compact/config.php

@@ -0,0 +1,37 @@
+<?php
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+$chattheme_cfg = new stdClass();
+$chattheme_cfg->avatar = false;
+$chattheme_cfg->align  = false;
+$chattheme_cfg->event_message = <<<TEMPLATE
+<div class="chat-event">
+<span class="time">___time___</span>
+<a target='_blank' href="___senderprofile___">___sender___</a>
+<span class="event">___event___</span>
+</div>
+TEMPLATE;
+$chattheme_cfg->user_message = <<<TEMPLATE
+<div class='chat-message'>
+    <div class="chat-message-meta">
+        <span class="time">___time___</span>
+        <span class="user"><a href="___senderprofile___" target="_blank">___sender___</a></span>
+    </div>
+    <div class="text">
+    ___message___
+    </div>
+</div>
+TEMPLATE;

mod/chat/gui_ajax/theme/course_theme/config.php

@@ -0,0 +1,37 @@
+<?php
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+$chattheme_cfg = new stdClass();
+$chattheme_cfg->avatar = false;
+$chattheme_cfg->align  = false;
+$chattheme_cfg->event_message = <<<TEMPLATE
+<div class="chat-event course-theme">
+<span class="time">___time___</span>
+<a target='_blank' href="___senderprofile___">___sender___</a>
+<span class="event">___event___</span>
+</div>
+TEMPLATE;
+$chattheme_cfg->user_message = <<<TEMPLATE
+<div class='chat-message course-theme'>
+    <div class="chat-message-meta">
+        <span class="time">___time___</span>
+        <span class="user"><a href="___senderprofile___" target="_blank">___sender___</a></span>
+    </div>
+    <div class="text">
+    ___message___
+    </div>
+</div>
+TEMPLATE;