mirror of
https://github.com/moodle/moodle.git
synced 2025-04-13 12:32:08 +02:00
MDL-64703 core_message: 2 column message index page
This commit is contained in:
Bas Brands
parent
9d4f4f0051
commit
7cbea16001
2
message/amd/build/message_drawer.min.js
vendored
2
message/amd/build/message_drawer.min.js
vendored
@ -1 +1 @@
|
||||
define(["jquery","core/custom_interaction_events","core/pubsub","core_message/message_drawer_view_contact","core_message/message_drawer_view_contacts","core_message/message_drawer_view_conversation","core_message/message_drawer_view_group_info","core_message/message_drawer_view_overview","core_message/message_drawer_view_search","core_message/message_drawer_view_settings","core_message/message_drawer_router","core_message/message_drawer_routes","core_message/message_drawer_events"],function(a,b,c,d,e,f,g,h,i,j,k,l,m){var n={VIEW_CONTACT:'[data-region="view-contact"]',VIEW_CONTACTS:'[data-region="view-contacts"]',VIEW_CONVERSATION:'[data-region="view-conversation"]',VIEW_GROUP_INFO:'[data-region="view-group-info"]',VIEW_OVERVIEW:'[data-region="view-overview"]',VIEW_SEARCH:'[data-region="view-search"]',VIEW_SETTINGS:'[data-region="view-settings"]',ROUTES:"[data-route]",ROUTES_BACK:"[data-route-back]",HEADER_CONTAINER:'[data-region="header-container"]',BODY_CONTAINER:'[data-region="body-container"]',FOOTER_CONTAINER:'[data-region="footer-container"]'},o=function(a,b,c){var d=b.children(),e=d.filter(n.HEADER_CONTAINER).find(c),f=d.filter(n.BODY_CONTAINER).find(c),g=d.filter(n.FOOTER_CONTAINER).find(c);return[a,e.length?e:null,f.length?f:null,g.length?g:null]},p=[[l.VIEW_CONTACT,n.VIEW_CONTACT,d.show,d.description],[l.VIEW_CONTACTS,n.VIEW_CONTACTS,e.show,e.description],[l.VIEW_CONVERSATION,n.VIEW_CONVERSATION,f.show,f.description],[l.VIEW_GROUP_INFO,n.VIEW_GROUP_INFO,g.show,g.description],[l.VIEW_OVERVIEW,n.VIEW_OVERVIEW,h.show,h.description],[l.VIEW_SEARCH,n.VIEW_SEARCH,i.show,i.description],[l.VIEW_SETTINGS,n.VIEW_SETTINGS,j.show,j.description]],q=function(a,b){p.forEach(function(c){k.add(a,c[0],o(a,b,c[1]),c[2],c[3])})},r=function(a,b){b.attr("data-shown")||(k.go(a,l.VIEW_OVERVIEW),b.attr("data-shown",!0)),b.removeClass("hidden"),b.attr("aria-expanded",!0),b.attr("aria-hidden",!1)},s=function(a){a.addClass("hidden"),a.attr("aria-expanded",!1),a.attr("aria-hidden",!0)},t=function(a){return!a.hasClass("hidden")},u=function(d,e,f){b.define(e,[b.events.activate]);var g=/^data-route-param-?(\d*)$/;e.on(b.events.activate,n.ROUTES,function(b,c){for(var e=a(b.target).closest(n.ROUTES),f=e.attr("data-route"),h=[],i=0;i<e[0].attributes.length;i++)h.push(e[0].attributes[i]);var j=h.filter(function(a){var b=a.nodeName,c=g.test(b);return c});j.sort(function(a,b){var c=g.exec(a.nodeName),d=g.exec(b.nodeName),e=c.length>1?c[1]:0,f=d.length>1?d[1]:0;return e<f?-1:f<e?1:0});var l=j.map(function(a){return a.nodeValue}),m=[d,f].concat(l);k.go.apply(null,m),c.originalEvent.preventDefault()}),e.on(b.events.activate,n.ROUTES_BACK,function(a,b){k.back(d),b.originalEvent.preventDefault()}),f||(c.subscribe(m.SHOW,function(){r(d,e)}),c.subscribe(m.HIDE,function(){s(e)}),c.subscribe(m.TOGGLE_VISIBILITY,function(){t(e)?s(e):r(d,e)})),c.subscribe(m.SHOW_CONVERSATION,function(a){r(d,e),k.go(d,l.VIEW_CONVERSATION,a)}),c.subscribe(m.CREATE_CONVERSATION_WITH_USER,function(a){r(d,e),k.go(d,l.VIEW_CONVERSATION,null,"create",a)}),c.subscribe(m.SHOW_SETTINGS,function(){r(d,e),k.go(d,l.VIEW_SETTINGS)}),c.subscribe(m.PREFERENCES_UPDATED,function(a){var b=a.filter(function(a){return"message_entertosend"==a.type}),c=b.length?b[0]:null;if(c){var d=e.find(n.FOOTER_CONTAINER).find(n.VIEW_CONVERSATION);d.attr("data-enter-to-send",c.value)}})},v=function(b,c,d,e,f){b=a(b),q(c,b),u(c,b,d),d&&(r(c,b),e&&(f?k.go(c,l.VIEW_CONVERSATION,f):k.go(c,l.VIEW_CONVERSATION,null,"create",e)))};return{init:v}});
|
||||
define(["jquery","core/custom_interaction_events","core/pubsub","core_message/message_drawer_view_contact","core_message/message_drawer_view_contacts","core_message/message_drawer_view_conversation","core_message/message_drawer_view_group_info","core_message/message_drawer_view_overview","core_message/message_drawer_view_search","core_message/message_drawer_view_settings","core_message/message_drawer_router","core_message/message_drawer_routes","core_message/message_drawer_events"],function(a,b,c,d,e,f,g,h,i,j,k,l,m){var n={PANEL_BODY_CONTAINER:'[data-region="panel-body-container"]',PANEL_HEADER_CONTAINER:'[data-region="panel-header-container"]',VIEW_CONTACT:'[data-region="view-contact"]',VIEW_CONTACTS:'[data-region="view-contacts"]',VIEW_CONVERSATION:'[data-region="view-conversation"]',VIEW_GROUP_INFO:'[data-region="view-group-info"]',VIEW_OVERVIEW:'[data-region="view-overview"]',VIEW_SEARCH:'[data-region="view-search"]',VIEW_SETTINGS:'[data-region="view-settings"]',ROUTES:"[data-route]",ROUTES_BACK:"[data-route-back]",HEADER_CONTAINER:'[data-region="header-container"]',BODY_CONTAINER:'[data-region="body-container"]',FOOTER_CONTAINER:'[data-region="footer-container"]'},o=function(a,b,c){var d=b.find(n.HEADER_CONTAINER).find(c);d.length||(d=b.find(n.PANEL_HEADER_CONTAINER).find(c));var e=b.find(n.BODY_CONTAINER).find(c);e.length||(e=b.find(n.PANEL_BODY_CONTAINER).find(c));var f=b.find(n.FOOTER_CONTAINER).find(c);return[a,d.length?d:null,e.length?e:null,f.length?f:null]},p=[[l.VIEW_CONTACT,n.VIEW_CONTACT,d.show,d.description],[l.VIEW_CONTACTS,n.VIEW_CONTACTS,e.show,e.description],[l.VIEW_CONVERSATION,n.VIEW_CONVERSATION,f.show,f.description],[l.VIEW_GROUP_INFO,n.VIEW_GROUP_INFO,g.show,g.description],[l.VIEW_OVERVIEW,n.VIEW_OVERVIEW,h.show,h.description],[l.VIEW_SEARCH,n.VIEW_SEARCH,i.show,i.description],[l.VIEW_SETTINGS,n.VIEW_SETTINGS,j.show,j.description]],q=function(a,b){p.forEach(function(c){k.add(a,c[0],o(a,b,c[1]),c[2],c[3])})},r=function(a,b){b.attr("data-shown")||(k.go(a,l.VIEW_OVERVIEW),b.attr("data-shown",!0)),b.removeClass("hidden"),b.attr("aria-expanded",!0),b.attr("aria-hidden",!1)},s=function(a){a.addClass("hidden"),a.attr("aria-expanded",!1),a.attr("aria-hidden",!0)},t=function(a){return!a.hasClass("hidden")},u=function(d,e,f){b.define(e,[b.events.activate]);var g=/^data-route-param-?(\d*)$/;e.on(b.events.activate,n.ROUTES,function(b,c){for(var e=a(b.target).closest(n.ROUTES),f=e.attr("data-route"),h=[],i=0;i<e[0].attributes.length;i++)h.push(e[0].attributes[i]);var j=h.filter(function(a){var b=a.nodeName,c=g.test(b);return c});j.sort(function(a,b){var c=g.exec(a.nodeName),d=g.exec(b.nodeName),e=c.length>1?c[1]:0,f=d.length>1?d[1]:0;return e<f?-1:f<e?1:0});var l=j.map(function(a){return a.nodeValue}),m=[d,f].concat(l);k.go.apply(null,m),c.originalEvent.preventDefault()}),e.on(b.events.activate,n.ROUTES_BACK,function(a,b){k.back(d),b.originalEvent.preventDefault()}),f||(c.subscribe(m.SHOW,function(){r(d,e)}),c.subscribe(m.HIDE,function(){s(e)}),c.subscribe(m.TOGGLE_VISIBILITY,function(){t(e)?s(e):r(d,e)})),c.subscribe(m.SHOW_CONVERSATION,function(a){r(d,e),k.go(d,l.VIEW_CONVERSATION,a)}),c.subscribe(m.CREATE_CONVERSATION_WITH_USER,function(a){r(d,e),k.go(d,l.VIEW_CONVERSATION,null,"create",a)}),c.subscribe(m.SHOW_SETTINGS,function(){r(d,e),k.go(d,l.VIEW_SETTINGS)}),c.subscribe(m.PREFERENCES_UPDATED,function(a){var b=a.filter(function(a){return"message_entertosend"==a.type}),c=b.length?b[0]:null;if(c){var d=e.find(n.FOOTER_CONTAINER).find(n.VIEW_CONVERSATION);d.attr("data-enter-to-send",c.value)}})},v=function(b,c,d,e,f){b=a(b),q(c,b),u(c,b,d),d&&(r(c,b),e&&(f?k.go(c,l.VIEW_CONVERSATION,f):k.go(c,l.VIEW_CONVERSATION,null,"create",e)))};return{init:v}});
|
||||
@ -1 +1 @@
|
||||
define(["jquery","core/pubsub","core/str","core_message/message_drawer_events"],function(a,b,c,d){var e={},f={},g={CAN_RECEIVE_FOCUS:'input:not([type="hidden"]), a[href], button, textarea, select, [tabindex]',ROUTES_BACK:"[data-route-back]"},h=function(a,b,c,d,f){e[a]||(e[a]=[]),e[a][b]={parameters:c,onGo:d,getDescription:f}},i=function(c,f){var h,i=[].slice.call(arguments,2),j=a.Deferred().resolve().promise();if(Object.keys(e[c]).forEach(function(a){var b=e[c][a],d=a===f;d&&(h=b),b.parameters.forEach(function(a){"object"==typeof a&&null!==a&&(a.removeClass("previous"),d?(a.removeClass("hidden"),a.attr("aria-hidden",!1)):(a.addClass("hidden"),a.attr("aria-hidden",!0)))})}),h&&h.onGo){j=h.onGo.apply(void 0,h.parameters.concat(i));for(var k=a(document.activeElement),l=!1,m=null,n=1;n<h.parameters.length;n++){var o=h.parameters[n];if("object"==typeof o&&null!==o&&(m||(m=o),o.has(k).length)){l=!0;break}}l||m.find(g.CAN_RECEIVE_FOCUS).filter(":visible").first().focus()}var p={route:f,params:i,renderPromise:j};return b.publish(d.ROUTE_CHANGED,p),p},j=function(b){var d=a(document.activeElement),h=i.apply(null,arguments),j=!1;f[b]||(f[b]=[]),f[b]=f[b].reduce(function(a,b){return b.route===h.route&&(j=!0),j||a.push(b),a},[]);var k=f[b].length,l=k?f[b][k-1]:null;if(l){for(var m=e[b][l.route],n=m.parameters,o=1;o<n.length;o++)"object"==typeof n[o]&&null!==n[o]&&n[o].addClass("previous");l.focusElement=d,m.getDescription&&m.getDescription.apply(null,m.parameters.concat(l.params)).then(function(a){return c.get_string("backto","core_message",a)}).then(function(a){return h.renderPromise.then(function(){e[b][h.route].parameters.forEach(function(b){"object"==typeof b&&b&&b.find(g.ROUTES_BACK).attr("aria-label",a)})})})["catch"](function(){})}return f[b].push(h),h},k=function(a){if(f[a].length){f[a].pop();var b=f[a].pop();b&&(j.apply(void 0,[a,b.route].concat(b.params)),window.setTimeout(function(){b.focusElement.focus()},50))}};return{add:h,go:j,back:k}});
|
||||
define(["jquery","core/pubsub","core/str","core_message/message_drawer_events"],function(a,b,c,d){var e={},f={},g={CAN_RECEIVE_FOCUS:'input:not([type="hidden"]), a[href], button, textarea, select, [tabindex]',ROUTES_BACK:"[data-route-back]"},h=function(a,b,c,d,f){e[a]||(e[a]=[]),e[a][b]={parameters:c,onGo:d,getDescription:f}},i=function(c,f){var h,i=[].slice.call(arguments).includes("frompanel"),j=[].slice.call(arguments,2),k=a.Deferred().resolve().promise();if(Object.keys(e[c]).forEach(function(a){var b=e[c][a],d=a===f;d&&(h=b),b.parameters.forEach(function(a){"object"==typeof a&&null!==a&&(a.removeClass("previous"),a.attr("data-from-panel",!1),d?(i&&a.attr("data-from-panel",!0),a.removeClass("hidden"),a.attr("aria-hidden",!1)):a.attr("data-in-panel")?"view-search"!=f&&"view-overview"!=f||(a.addClass("hidden"),a.attr("aria-hidden",!0)):(a.addClass("hidden"),a.attr("aria-hidden",!0)))})}),h&&h.onGo){k=h.onGo.apply(void 0,h.parameters.concat(j));for(var l=a(document.activeElement),m=!1,n=null,o=1;o<h.parameters.length;o++){var p=h.parameters[o];if("object"==typeof p&&null!==p&&(n||(n=p),p.has(l).length)){m=!0;break}}m||n.find(g.CAN_RECEIVE_FOCUS).filter(":visible").first().focus()}var q={route:f,params:j,renderPromise:k};return b.publish(d.ROUTE_CHANGED,q),q},j=function(b){var d=a(document.activeElement),h=i.apply(b,arguments),j=!1;f[b]||(f[b]=[]),f[b]=f[b].reduce(function(a,b){return b.route===h.route&&(j=!0),j||a.push(b),a},[]);var k=f[b].length,l=k?f[b][k-1]:null;if(l){for(var m=e[b][l.route],n=m.parameters,o=1;o<n.length;o++)"object"==typeof n[o]&&null!==n[o]&&n[o].addClass("previous");l.focusElement=d,m.getDescription&&m.getDescription.apply(null,m.parameters.concat(l.params)).then(function(a){return c.get_string("backto","core_message",a)}).then(function(a){return h.renderPromise.then(function(){e[b][h.route].parameters.forEach(function(b){"object"==typeof b&&b&&b.find(g.ROUTES_BACK).attr("aria-label",a)})})})["catch"](function(){})}return f[b].push(h),h},k=function(a){if(f[a].length){f[a].pop();var b=f[a].pop();b&&(j.apply(void 0,[a,b.route].concat(b.params)),window.setTimeout(function(){b.focusElement.focus()},50))}};return{add:h,go:j,back:k}});
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
define(["jquery","core/key_codes","core/pubsub","core/str","core_message/message_drawer_router","core_message/message_drawer_routes","core_message/message_drawer_events","core_message/message_drawer_view_overview_section","core_message/message_repository"],function(a,b,c,d,e,f,g,h,i){var j={CONTACT_REQUEST_COUNT:'[data-region="contact-request-count"]',FAVOURITES:'[data-region="view-overview-favourites"]',GROUP_MESSAGES:'[data-region="view-overview-group-messages"]',MESSAGES:'[data-region="view-overview-messages"]',SEARCH_INPUT:'[data-region="view-overview-search-input"]',SECTION_TOGGLE_BUTTON:"[data-toggle]"},k={PRIVATE:1,PUBLIC:2,FAVOURITE:null},l=null,m=function(a){return null===l&&(l=i.getAllConversationCounts(a)),l},n=function(a,b){return b===k.FAVOURITE?a.favourites:a.types[b]},o=function(a){var b=a.some(function(a){var b=a[0];return h.isVisible(b)});if(!b){a.sort(function(a,b){var c=a[1],d=a[2],e=b[1],f=b[2];return d>0&&0==f?-1:0==d&&f>0?1:c>0&&0==e?-1:0==c&&e>0?1:0});var c=a[0][0],d=c.find(j.SECTION_TOGGLE_BUTTON);d.click()}},p=function(a){return a.find(j.SEARCH_INPUT)},q=function(a){return a.attr("data-user-id")},r=function(a){return function(){var b=a.find(j.CONTACT_REQUEST_COUNT),c=parseInt(b.text(),10);c=isNaN(c)?0:c-1,c<=0?b.addClass("hidden"):b.text(c)}},s=function(a,d){var h=p(d),i=[b.tab,b.shift,b.ctrl,b.alt];h.on("click",function(){e.go(a,f.VIEW_SEARCH)}),h.on("keydown",function(b){i.indexOf(b.keyCode)<0&&"Meta"!=b.key&&e.go(a,f.VIEW_SEARCH)}),c.subscribe(g.CONTACT_REQUEST_ACCEPTED,r(d)),c.subscribe(g.CONTACT_REQUEST_DECLINED,r(d))},t=function(a,b,c){b.attr("data-init")||(s(a,b),b.attr("data-init",!0)),p(b).val("");var d=q(c),e=m(d),f=[[c.find(j.FAVOURITES),k.FAVOURITE,!0],[c.find(j.GROUP_MESSAGES),k.PUBLIC,!1],[c.find(j.MESSAGES),k.PRIVATE,!1]];return f.forEach(function(b){var c=b[0],d=b[1],f=b[2],g=e.then(function(a){return n(a.total,d)}),i=e.then(function(a){return n(a.unread,d)});h.show(a,null,c,null,d,f,g,i)}),e.then(function(a){var b=f.map(function(b){var c=b[0],d=b[1],e=n(a.total,d),f=n(a.unread,d);return[c,e,f]});return o(b)})},u=function(){return d.get_string("messagedrawerviewoverview","core_message")};return{show:t,description:u}});
|
||||
define(["jquery","core/key_codes","core/pubsub","core/str","core_message/message_drawer_router","core_message/message_drawer_routes","core_message/message_drawer_events","core_message/message_drawer_view_overview_section","core_message/message_repository"],function(a,b,c,d,e,f,g,h,i){var j={CONTACT_REQUEST_COUNT:'[data-region="contact-request-count"]',FAVOURITES:'[data-region="view-overview-favourites"]',GROUP_MESSAGES:'[data-region="view-overview-group-messages"]',MESSAGES:'[data-region="view-overview-messages"]',SEARCH_INPUT:'[data-region="view-overview-search-input"]',SECTION_TOGGLE_BUTTON:"[data-toggle]"},k={PRIVATE:1,PUBLIC:2,FAVOURITE:null},l=null,m=function(a){return null===l&&(l=i.getAllConversationCounts(a)),l},n=function(a,b){return b===k.FAVOURITE?a.favourites:a.types[b]},o=function(a){var b=a.some(function(a){var b=a[0];return h.isVisible(b)});if(!b){a.sort(function(a,b){var c=a[1],d=a[2],e=b[1],f=b[2];return d>0&&0==f?-1:0==d&&f>0?1:c>0&&0==e?-1:0==c&&e>0?1:0});var c=a[0][0],d=c.find(j.SECTION_TOGGLE_BUTTON);d.click()}},p=function(a){return a.find(j.SEARCH_INPUT)},q=function(a){return a.attr("data-user-id")},r=function(a){return function(){var b=a.find(j.CONTACT_REQUEST_COUNT),c=parseInt(b.text(),10);c=isNaN(c)?0:c-1,c<=0?b.addClass("hidden"):b.text(c)}},s=function(a,d){var h=p(d),i=[b.tab,b.shift,b.ctrl,b.alt];h.on("click",function(){e.go(a,f.VIEW_SEARCH)}),h.on("keydown",function(b){i.indexOf(b.keyCode)<0&&"Meta"!=b.key&&e.go(a,f.VIEW_SEARCH)}),c.subscribe(g.CONTACT_REQUEST_ACCEPTED,r(d)),c.subscribe(g.CONTACT_REQUEST_DECLINED,r(d))},t=function(a,b,c){b.attr("data-init")||(s(a,b),b.attr("data-init",!0));var d=b.attr("data-in-panel")?"frompanel":null;p(b).val("");var e=q(c),f=m(e),g=[[c.find(j.FAVOURITES),k.FAVOURITE,!0],[c.find(j.GROUP_MESSAGES),k.PUBLIC,!1],[c.find(j.MESSAGES),k.PRIVATE,!1]];return g.forEach(function(b){var c=b[0],e=b[1],g=b[2],i=f.then(function(a){return n(a.total,e)}),j=f.then(function(a){return n(a.unread,e)});h.show(a,null,c,null,e,g,i,j,d)}),f.then(function(a){var b=g.map(function(b){var c=b[0],d=b[1],e=n(a.total,d),f=n(a.unread,d);return[c,e,f]});return o(b)})},u=function(){return d.get_string("messagedrawerviewoverview","core_message")};return{show:t,description:u}});
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -53,6 +53,8 @@ function(
|
||||
) {
|
||||
|
||||
var SELECTORS = {
|
||||
PANEL_BODY_CONTAINER: '[data-region="panel-body-container"]',
|
||||
PANEL_HEADER_CONTAINER: '[data-region="panel-header-container"]',
|
||||
VIEW_CONTACT: '[data-region="view-contact"]',
|
||||
VIEW_CONTACTS: '[data-region="view-contacts"]',
|
||||
VIEW_CONVERSATION: '[data-region="view-conversation"]',
|
||||
@ -77,10 +79,16 @@ function(
|
||||
* @return {array} elements Found route container objects.
|
||||
*/
|
||||
var getParametersForRoute = function(namespace, root, selector) {
|
||||
var candidates = root.children();
|
||||
var header = candidates.filter(SELECTORS.HEADER_CONTAINER).find(selector);
|
||||
var body = candidates.filter(SELECTORS.BODY_CONTAINER).find(selector);
|
||||
var footer = candidates.filter(SELECTORS.FOOTER_CONTAINER).find(selector);
|
||||
|
||||
var header = root.find(SELECTORS.HEADER_CONTAINER).find(selector);
|
||||
if (!header.length) {
|
||||
header = root.find(SELECTORS.PANEL_HEADER_CONTAINER).find(selector);
|
||||
}
|
||||
var body = root.find(SELECTORS.BODY_CONTAINER).find(selector);
|
||||
if (!body.length) {
|
||||
body = root.find(SELECTORS.PANEL_BODY_CONTAINER).find(selector);
|
||||
}
|
||||
var footer = root.find(SELECTORS.FOOTER_CONTAINER).find(selector);
|
||||
|
||||
return [
|
||||
namespace,
|
||||
@ -193,6 +201,7 @@ function(
|
||||
var params = paramAttributes.map(function(attribute) {
|
||||
return attribute.nodeValue;
|
||||
});
|
||||
|
||||
var routeParams = [namespace, route].concat(params);
|
||||
|
||||
Router.go.apply(null, routeParams);
|
||||
|
||||
@ -80,6 +80,9 @@ function(
|
||||
*/
|
||||
var changeRoute = function(namespace, newRoute) {
|
||||
var newConfig;
|
||||
|
||||
// Check of the Route change call is made from an element in the app panel.
|
||||
var fromPanel = [].slice.call(arguments).includes('frompanel');
|
||||
// Get the rest of the arguments, if any.
|
||||
var args = [].slice.call(arguments, 2);
|
||||
var renderPromise = $.Deferred().resolve().promise();
|
||||
@ -99,13 +102,24 @@ function(
|
||||
}
|
||||
|
||||
element.removeClass('previous');
|
||||
element.attr('data-from-panel', false);
|
||||
|
||||
if (isMatch) {
|
||||
if (fromPanel) {
|
||||
// Set this attribute to let the conversation renderer know not to show a back button.
|
||||
element.attr('data-from-panel', true);
|
||||
}
|
||||
element.removeClass('hidden');
|
||||
element.attr('aria-hidden', false);
|
||||
} else {
|
||||
element.addClass('hidden');
|
||||
element.attr('aria-hidden', true);
|
||||
// For the message index page elements in the left panel should not be hidden.
|
||||
if (!element.attr('data-in-panel')) {
|
||||
element.addClass('hidden');
|
||||
element.attr('aria-hidden', true);
|
||||
} else if (newRoute == 'view-search' || newRoute == 'view-overview') {
|
||||
element.addClass('hidden');
|
||||
element.attr('aria-hidden', true);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -163,7 +177,8 @@ function(
|
||||
*/
|
||||
var go = function(namespace) {
|
||||
var currentFocusElement = $(document.activeElement);
|
||||
var record = changeRoute.apply(null, arguments);
|
||||
|
||||
var record = changeRoute.apply(namespace, arguments);
|
||||
var inHistory = false;
|
||||
|
||||
if (!history[namespace]) {
|
||||
@ -222,7 +237,6 @@ function(
|
||||
if (typeof element !== 'object' || !element) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Update the aria label for the back button.
|
||||
element.find(SELECTORS.ROUTES_BACK).attr('aria-label', label);
|
||||
});
|
||||
|
||||
@ -780,7 +780,7 @@ function(
|
||||
var renderHeader = function(header, body, footer, data) {
|
||||
var headerContainer = getHeaderContent(header);
|
||||
var template = TEMPLATES.HEADER_PUBLIC;
|
||||
|
||||
data.context.showrouteback = (header.attr('data-from-panel') === "false");
|
||||
if (data.type == CONVERSATION_TYPES.PRIVATE) {
|
||||
template = data.showControls ? TEMPLATES.HEADER_PRIVATE : TEMPLATES.HEADER_PRIVATE_NO_CONTROLS;
|
||||
}
|
||||
|
||||
@ -219,6 +219,7 @@ function(
|
||||
registerEventListeners(namespace, header);
|
||||
header.attr('data-init', true);
|
||||
}
|
||||
var fromPanel = header.attr('data-in-panel') ? 'frompanel' : null;
|
||||
|
||||
getSearchInput(header).val('');
|
||||
var loggedInUserId = getLoggedInUserId(body);
|
||||
@ -245,7 +246,7 @@ function(
|
||||
});
|
||||
|
||||
Section.show(namespace, null, sectionRoot, null, sectionType, includeFavourites,
|
||||
totalCountPromise, unreadCountPromise);
|
||||
totalCountPromise, unreadCountPromise, fromPanel);
|
||||
});
|
||||
|
||||
return allCounts.then(function(result) {
|
||||
|
||||
@ -525,8 +525,9 @@ function(
|
||||
* @param {Function} loadCallback The callback to load items.
|
||||
* @param {Number} type The conversation type for this section
|
||||
* @param {bool} includeFavourites If this section includes favourites
|
||||
* @param {String} fromPanel Routing argument to send if the section is loaded in message index left panel.
|
||||
*/
|
||||
var registerEventListeners = function(namespace, root, loadCallback, type, includeFavourites) {
|
||||
var registerEventListeners = function(namespace, root, loadCallback, type, includeFavourites, fromPanel) {
|
||||
var listRoot = LazyLoadList.getRoot(root);
|
||||
|
||||
// Set the minimum height of the section to the height of the toggle. This
|
||||
@ -641,7 +642,7 @@ function(
|
||||
var conversationElement = $(e.target).closest(SELECTORS.CONVERSATION);
|
||||
var conversationId = conversationElement.attr('data-conversation-id');
|
||||
var conversation = loadedConversationsById[conversationId];
|
||||
MessageDrawerRouter.go(namespace, MessageDrawerRoutes.VIEW_CONVERSATION, conversation);
|
||||
MessageDrawerRouter.go(namespace, MessageDrawerRoutes.VIEW_CONVERSATION, conversation, fromPanel);
|
||||
|
||||
data.originalEvent.preventDefault();
|
||||
});
|
||||
@ -658,13 +659,15 @@ function(
|
||||
* @param {bool} includeFavourites If this section includes favourites
|
||||
* @param {Object} totalCountPromise Resolves wth the total conversations count
|
||||
* @param {Object} unreadCountPromise Resolves wth the unread conversations count
|
||||
* @param {bool} overview shown in message app panel.
|
||||
*/
|
||||
var show = function(namespace, header, body, footer, type, includeFavourites, totalCountPromise, unreadCountPromise) {
|
||||
var show = function(namespace, header, body, footer, type, includeFavourites, totalCountPromise, unreadCountPromise,
|
||||
fromPanel) {
|
||||
var root = $(body);
|
||||
|
||||
if (!root.attr('data-init')) {
|
||||
var loadCallback = getLoadCallback(type, includeFavourites, 0);
|
||||
registerEventListeners(namespace, root, loadCallback, type, includeFavourites);
|
||||
registerEventListeners(namespace, root, loadCallback, type, includeFavourites, fromPanel);
|
||||
|
||||
if (isVisible(root)) {
|
||||
setExpanded(root);
|
||||
|
||||
@ -621,9 +621,10 @@ function(
|
||||
*/
|
||||
var renderContacts = function(root, contacts) {
|
||||
var container = getContactsContainer(root);
|
||||
var frompanel = root.attr('data-in-panel');
|
||||
var list = container.find(SELECTORS.LIST);
|
||||
|
||||
return Templates.render(TEMPLATES.CONTACTS_LIST, {contacts: contacts})
|
||||
return Templates.render(TEMPLATES.CONTACTS_LIST, {contacts: contacts, frompanel: frompanel})
|
||||
.then(function(html) {
|
||||
list.append(html);
|
||||
return html;
|
||||
@ -639,9 +640,10 @@ function(
|
||||
*/
|
||||
var renderNonContacts = function(root, nonContacts) {
|
||||
var container = getNonContactsContainer(root);
|
||||
var frompanel = root.attr('data-in-panel');
|
||||
var list = container.find(SELECTORS.LIST);
|
||||
|
||||
return Templates.render(TEMPLATES.NON_CONTACTS_LIST, {noncontacts: nonContacts})
|
||||
return Templates.render(TEMPLATES.NON_CONTACTS_LIST, {noncontacts: nonContacts, frompanel: frompanel})
|
||||
.then(function(html) {
|
||||
list.append(html);
|
||||
return html;
|
||||
@ -657,9 +659,10 @@ function(
|
||||
*/
|
||||
var renderMessages = function(root, messages) {
|
||||
var container = getMessagesContainer(root);
|
||||
var frompanel = root.attr('data-in-panel');
|
||||
var list = container.find(SELECTORS.LIST);
|
||||
|
||||
return Templates.render(TEMPLATES.MESSAGES_LIST, {messages: messages})
|
||||
return Templates.render(TEMPLATES.MESSAGES_LIST, {messages: messages, frompanel: frompanel})
|
||||
.then(function(html) {
|
||||
list.append(html);
|
||||
return html;
|
||||
@ -945,7 +948,6 @@ function(
|
||||
registerEventListeners(header, body);
|
||||
body.attr('data-init', true);
|
||||
}
|
||||
|
||||
var searchInput = getSearchInput(header);
|
||||
searchInput.focus();
|
||||
|
||||
@ -959,6 +961,9 @@ function(
|
||||
* @return {Object} jQuery promise
|
||||
*/
|
||||
var description = function(header) {
|
||||
if (typeof header !== 'object') {
|
||||
return Str.get_string('messagedrawerviewsearch', 'core_message');
|
||||
}
|
||||
var searchInput = getSearchInput(header);
|
||||
var searchText = searchInput.val().trim();
|
||||
return Str.get_string('messagedrawerviewsearch', 'core_message', searchText);
|
||||
|
||||
@ -756,7 +756,8 @@ class helper {
|
||||
'notification' => $notification
|
||||
],
|
||||
'sendtouser' => false,
|
||||
'conversationid' => false
|
||||
'conversationid' => false,
|
||||
'isdrawer' => $isdrawer
|
||||
];
|
||||
|
||||
if ($sendtouser) {
|
||||
|
||||
@ -59,7 +59,7 @@ if ($userid) {
|
||||
}
|
||||
$PAGE->set_url($url);
|
||||
$PAGE->set_context(context_user::instance($USER->id));
|
||||
$PAGE->set_pagelayout('standard');
|
||||
$PAGE->set_pagelayout('mydashboard');
|
||||
|
||||
$strmessages = get_string('messages', 'message');
|
||||
|
||||
@ -86,6 +86,5 @@ if (!get_user_preferences('core_message_migrate_data', false)) {
|
||||
\core\output\notification::NOTIFY_WARNING);
|
||||
echo $OUTPUT->render($notify);
|
||||
}
|
||||
echo $OUTPUT->heading(get_string('messages', 'message'));
|
||||
echo \core_message\helper::render_messaging_widget(false, $userid, $conversationid);
|
||||
echo $OUTPUT->footer();
|
||||
|
||||
@ -41,11 +41,17 @@
|
||||
data-route="view-conversation"
|
||||
{{#conversationid}}
|
||||
data-route-param-1="{{.}}"
|
||||
{{#frompanel}}
|
||||
data-route-param-2="frompanel"
|
||||
{{/frompanel}}
|
||||
{{/conversationid}}
|
||||
{{^conversationid}}
|
||||
data-route-param-1="false"
|
||||
data-route-param-2="create"
|
||||
data-route-param-3="{{id}}"
|
||||
{{#frompanel}}
|
||||
data-route-param-4="frompanel"
|
||||
{{/frompanel}}
|
||||
{{/conversationid}}
|
||||
data-contact-user-id="{{id}}"
|
||||
data-region="contact"
|
||||
|
||||
@ -33,5 +33,10 @@
|
||||
{}
|
||||
|
||||
}}
|
||||
<span class="dir-rtl-hide">{{#pix}} i/previous, core {{/pix}}</span>
|
||||
<span class="dir-ltr-hide">{{#pix}} i/next, core {{/pix}}</span>
|
||||
<div class="icon-back-in-drawer">
|
||||
<span class="dir-rtl-hide">{{#pix}} i/previous, core {{/pix}}</span>
|
||||
<span class="dir-ltr-hide">{{#pix}} i/next, core {{/pix}}</span>
|
||||
</div>
|
||||
<div class="icon-back-in-app">
|
||||
<span class="dir-rtl-hide">{{#pix}} e/cancel, core {{/pix}}</span>
|
||||
</div>
|
||||
@ -41,11 +41,17 @@
|
||||
data-route="view-conversation"
|
||||
{{#conversationid}}
|
||||
data-route-param-1="{{.}}"
|
||||
{{#frompanel}}
|
||||
data-route-param-2="frompanel"
|
||||
{{/frompanel}}
|
||||
{{/conversationid}}
|
||||
{{^conversationid}}
|
||||
data-route-param-1="false"
|
||||
data-route-param-2="create"
|
||||
data-route-param-3="{{userid}}"
|
||||
{{#frompanel}}
|
||||
data-route-param-4="frompanel"
|
||||
{{/frompanel}}
|
||||
{{/conversationid}}
|
||||
data-conversation-id="{{conversationid}}"
|
||||
role="button"
|
||||
|
||||
@ -41,11 +41,17 @@
|
||||
data-route="view-conversation"
|
||||
{{#conversationid}}
|
||||
data-route-param-1="{{.}}"
|
||||
{{#frompanel}}
|
||||
data-route-param-2="frompanel"
|
||||
{{/frompanel}}
|
||||
{{/conversationid}}
|
||||
{{^conversationid}}
|
||||
data-route-param-1="false"
|
||||
data-route-param-2="create"
|
||||
data-route-param-3="{{id}}"
|
||||
{{#frompanel}}
|
||||
data-route-param-4="frompanel"
|
||||
{{/frompanel}}
|
||||
{{/conversationid}}
|
||||
role="button"
|
||||
>
|
||||
|
||||
@ -36,11 +36,13 @@
|
||||
}}
|
||||
<div class="hidden border-bottom px-2 py-3" aria-hidden="true" data-region="view-contacts">
|
||||
<div class="d-flex align-items-center">
|
||||
{{#isdrawer}}
|
||||
<div class="align-self-stretch">
|
||||
<a class="h-100 d-flex align-items-center mr-2" href="#" data-route-back role="button">
|
||||
{{> core_message/message_drawer_icon_back }}
|
||||
</a>
|
||||
</div>
|
||||
{{/isdrawer}}
|
||||
<div>
|
||||
{{#str}} contacts, core_message {{/str}}
|
||||
</div>
|
||||
|
||||
@ -36,11 +36,13 @@
|
||||
}}
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="align-self-stretch" >
|
||||
<a class="h-100 mr-2 d-flex align-items-center" href="#" data-route-back role="button">
|
||||
{{> core_message/message_drawer_icon_back }}
|
||||
</a>
|
||||
</div>
|
||||
{{#showrouteback}}
|
||||
<div class="align-self-stretch" >
|
||||
<a class="h-100 mr-2 d-flex align-items-center" href="#" data-route-back role="button">
|
||||
{{> core_message/message_drawer_icon_back }}
|
||||
</a>
|
||||
</div>
|
||||
{{/showrouteback}}
|
||||
<div class="d-flex text-truncate">
|
||||
<a class="d-flex text-truncate text-decoration-none" href="#" data-action="view-contact" role="button">
|
||||
{{#imageurl}}
|
||||
|
||||
@ -36,11 +36,13 @@
|
||||
}}
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="align-self-stretch" >
|
||||
<a class="h-100 mr-2 d-flex align-items-center" href="#" data-route-back role="button">
|
||||
{{> core_message/message_drawer_icon_back }}
|
||||
</a>
|
||||
</div>
|
||||
{{#showrouteback}}
|
||||
<div class="align-self-stretch" >
|
||||
<a class="h-100 mr-2 d-flex align-items-center" href="#" data-route-back role="button">
|
||||
{{> core_message/message_drawer_icon_back }}
|
||||
</a>
|
||||
</div>
|
||||
{{/showrouteback}}
|
||||
<div class="d-flex text-truncate">
|
||||
{{#imageurl}}
|
||||
<div class="d-flex align-items-center">
|
||||
|
||||
@ -37,11 +37,13 @@
|
||||
|
||||
<div class="d-flex flex-column">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="align-self-stretch" >
|
||||
<a class="h-100 mr-2 d-flex align-items-center" href="#" data-route-back role="button">
|
||||
{{> core_message/message_drawer_icon_back }}
|
||||
</a>
|
||||
</div>
|
||||
{{#showrouteback}}
|
||||
<div class="align-self-stretch" >
|
||||
<a class="h-100 mr-2 d-flex align-items-center" href="#" data-route-back role="button">
|
||||
{{> core_message/message_drawer_icon_back }}
|
||||
</a>
|
||||
</div>
|
||||
{{/showrouteback}}
|
||||
<div class="d-flex text-truncate">
|
||||
<a class="d-flex text-truncate text-decoration-none" href="#" data-action="view-group-info" role="button">
|
||||
{{#imageurl}}
|
||||
|
||||
@ -35,11 +35,13 @@
|
||||
|
||||
}}
|
||||
<div class="d-flex">
|
||||
{{#showrouteback}}
|
||||
<div class="align-self-stretch" >
|
||||
<a class="h-100 mr-2 d-flex align-items-center" href="#" data-route-back role="button">
|
||||
{{> core_message/message_drawer_icon_back }}
|
||||
</a>
|
||||
</div>
|
||||
{{/showrouteback}}
|
||||
<div
|
||||
class="ml-2 rounded-circle bg-pulse-grey align-self-center"
|
||||
style="height: 38px; width: 38px"
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
{}
|
||||
|
||||
}}
|
||||
<div class="h-100 view-overview-body" aria-hidden="false" data-region="view-overview" data-user-id="{{loggedinuser.id}}">
|
||||
<div class="h-100 view-overview-body" aria-hidden="false" data-region="view-overview" {{^isdrawer}}data-in-panel="true"{{/isdrawer}} data-user-id="{{loggedinuser.id}}">
|
||||
<div id="message-drawer-view-overview-container-{{uniqid}}" class="d-flex flex-column h-100" style="overflow-y: auto">
|
||||
{{> core_message/message_drawer_view_overview_section_favourites }}
|
||||
{{> core_message/message_drawer_view_overview_section_group_messages }}
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
{}
|
||||
|
||||
}}
|
||||
<div class="border-bottom px-2 py-3" aria-hidden="false" data-region="view-overview">
|
||||
<div class="border-bottom px-2 py-3" aria-hidden="false" {{^isdrawer}}data-in-panel="true"{{/isdrawer}} data-region="view-overview">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
|
||||
@ -42,6 +42,7 @@
|
||||
data-users-offset="0"
|
||||
data-messages-offset="0"
|
||||
style="overflow-y: auto"
|
||||
{{^isdrawer}}data-in-panel="true"{{/isdrawer}}
|
||||
>
|
||||
<div class="hidden" data-region="search-results-container" style="overflow-y: auto">
|
||||
{{> core_message/message_drawer_view_search_results_content }}
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
|
||||
}}
|
||||
|
||||
<div class="hidden border-bottom px-2 py-3 view-search" aria-hidden="true" data-region="view-search">
|
||||
<div class="hidden border-bottom px-2 py-3 view-search" {{^isdrawer}}data-in-panel="true"{{/isdrawer}} aria-hidden="true" data-region="view-search">
|
||||
<div class="d-flex align-items-center">
|
||||
<a
|
||||
class="mr-2 align-self-stretch d-flex align-items-center"
|
||||
|
||||
@ -36,11 +36,13 @@
|
||||
|
||||
<div class="hidden border-bottom px-2 py-3" aria-hidden="true" data-region="view-settings">
|
||||
<div class="d-flex align-items-center">
|
||||
{{#isdrawer}}
|
||||
<div class="align-self-stretch" >
|
||||
<a class="h-100 d-flex mr-2 align-items-center" href="#" data-route-back role="button">
|
||||
{{> core_message/message_drawer_icon_back }}
|
||||
</a>
|
||||
</div>
|
||||
{{/isdrawer}}
|
||||
<div>
|
||||
{{#str}} settings, core {{/str}}
|
||||
</div>
|
||||
|
||||
@ -35,31 +35,45 @@
|
||||
}}
|
||||
<div
|
||||
id="message-index-{{uniqid}}"
|
||||
class="message-app main bg-light border"
|
||||
class="message-app main bg-light border flex-row"
|
||||
aria-expanded="false"
|
||||
aria-hidden="true"
|
||||
data-region="message-index"
|
||||
role="region"
|
||||
>
|
||||
<div class="header-container position-relative" data-region="header-container">
|
||||
{{> core_message/message_drawer_view_contacts_header }}
|
||||
{{> core_message/message_drawer_view_conversation_header }}
|
||||
{{> core_message/message_drawer_view_overview_header }}
|
||||
{{> core_message/message_drawer_view_search_header }}
|
||||
{{> core_message/message_drawer_view_settings_header }}
|
||||
</div>
|
||||
<div class="body-container position-relative" data-region="body-container">
|
||||
{{> core_message/message_drawer_view_contact_body }}
|
||||
{{> core_message/message_drawer_view_contacts_body }}
|
||||
{{> core_message/message_drawer_view_conversation_body }}
|
||||
{{> core_message/message_drawer_view_group_info_body }}
|
||||
{{> core_message/message_drawer_view_overview_body }}
|
||||
{{> core_message/message_drawer_view_search_body }}
|
||||
{{> core_message/message_drawer_view_settings_body }}
|
||||
</div>
|
||||
<div class="footer-container position-relative" data-region="footer-container">
|
||||
{{> core_message/message_drawer_view_conversation_footer }}
|
||||
{{> core_message/message_drawer_view_overview_footer }}
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid h-100 no-gutters">
|
||||
<div class="col-4 d-flex flex-column">
|
||||
<div class="border-right h-100">
|
||||
<div class="panel-header-container" data-region="panel-header-container">
|
||||
{{> core_message/message_drawer_view_overview_header }}
|
||||
{{> core_message/message_drawer_view_search_header }}
|
||||
</div>
|
||||
<div class="panel-body-container" data-region="panel-body-container">
|
||||
{{> core_message/message_drawer_view_overview_body }}
|
||||
{{> core_message/message_drawer_view_search_body }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-8 d-flex flex-column">
|
||||
<div class="header-container position-relative" data-region="header-container">
|
||||
{{> core_message/message_drawer_view_contacts_header }}
|
||||
{{> core_message/message_drawer_view_conversation_header }}
|
||||
{{> core_message/message_drawer_view_settings_header }}
|
||||
</div>
|
||||
<div class="body-container position-relative" data-region="body-container">
|
||||
{{> core_message/message_drawer_view_contact_body }}
|
||||
{{> core_message/message_drawer_view_contacts_body }}
|
||||
{{> core_message/message_drawer_view_conversation_body }}
|
||||
{{> core_message/message_drawer_view_group_info_body }}
|
||||
{{> core_message/message_drawer_view_settings_body }}
|
||||
</div>
|
||||
<div class="footer-container position-relative" data-region="footer-container">
|
||||
{{> core_message/message_drawer_view_conversation_footer }}
|
||||
{{> core_message/message_drawer_view_overview_footer }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{#js}}
|
||||
|
||||
@ -425,6 +425,10 @@ $message-drawer-width: 320px;
|
||||
flex-direction: column;
|
||||
@include transition();
|
||||
|
||||
.icon-back-in-drawer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.drawer {
|
||||
z-index: $zindex-sticky;
|
||||
position: fixed;
|
||||
@ -433,16 +437,16 @@ $message-drawer-width: 320px;
|
||||
height: calc(100% - #{$navbar-height});
|
||||
width: $message-drawer-width;
|
||||
box-shadow: -2px 2px 4px rgba(0, 0, 0, .08);
|
||||
|
||||
.body-container {
|
||||
& > * {
|
||||
position: absolute;
|
||||
}
|
||||
.icon-back-in-app {
|
||||
display: none;
|
||||
}
|
||||
.icon-back-in-drawer {
|
||||
display: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&.main {
|
||||
height: 768px;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
&.hidden {
|
||||
@ -459,6 +463,7 @@ $message-drawer-width: 320px;
|
||||
overflow: hidden;
|
||||
|
||||
& > * {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
@ -600,7 +605,18 @@ $message-drawer-width: 320px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
#page-message-index #region-main {
|
||||
height: 100%;
|
||||
div[role="main"] {
|
||||
height: 100%;
|
||||
#maincontent {
|
||||
margin-top: -1px;
|
||||
}
|
||||
.message-app.main {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dir-rtl {
|
||||
.message-drawer {
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, .08);
|
||||
|
||||
@ -13643,6 +13643,8 @@ a.ygtvspacer:hover {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
transition: all 0.2s ease-in-out; }
|
||||
.message-app .icon-back-in-drawer {
|
||||
display: none; }
|
||||
.message-app.drawer {
|
||||
z-index: 1020;
|
||||
position: fixed;
|
||||
@ -13651,10 +13653,12 @@ a.ygtvspacer:hover {
|
||||
height: calc(100% - 50px);
|
||||
width: 320px;
|
||||
box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }
|
||||
.message-app.drawer .body-container > * {
|
||||
position: absolute; }
|
||||
.message-app.drawer .icon-back-in-app {
|
||||
display: none; }
|
||||
.message-app.drawer .icon-back-in-drawer {
|
||||
display: inherit; }
|
||||
.message-app.main {
|
||||
height: 768px; }
|
||||
min-height: 400px; }
|
||||
.message-app.hidden {
|
||||
display: block;
|
||||
right: -320px; }
|
||||
@ -13664,6 +13668,7 @@ a.ygtvspacer:hover {
|
||||
flex: 1;
|
||||
overflow: hidden; }
|
||||
.message-app .body-container > * {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
@ -13767,6 +13772,15 @@ a.ygtvspacer:hover {
|
||||
.message-app .lazy-load-list {
|
||||
overflow-y: auto; }
|
||||
|
||||
#page-message-index #region-main {
|
||||
height: 100%; }
|
||||
#page-message-index #region-main div[role="main"] {
|
||||
height: 100%; }
|
||||
#page-message-index #region-main div[role="main"] #maincontent {
|
||||
margin-top: -1px; }
|
||||
#page-message-index #region-main div[role="main"] .message-app.main {
|
||||
height: 100%; }
|
||||
|
||||
.dir-rtl .message-drawer {
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); }
|
||||
|
||||
|
||||
@ -13890,6 +13890,8 @@ a.ygtvspacer:hover {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
transition: all 0.2s ease-in-out; }
|
||||
.message-app .icon-back-in-drawer {
|
||||
display: none; }
|
||||
.message-app.drawer {
|
||||
z-index: 1020;
|
||||
position: fixed;
|
||||
@ -13898,10 +13900,12 @@ a.ygtvspacer:hover {
|
||||
height: calc(100% - 50px);
|
||||
width: 320px;
|
||||
box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }
|
||||
.message-app.drawer .body-container > * {
|
||||
position: absolute; }
|
||||
.message-app.drawer .icon-back-in-app {
|
||||
display: none; }
|
||||
.message-app.drawer .icon-back-in-drawer {
|
||||
display: inherit; }
|
||||
.message-app.main {
|
||||
height: 768px; }
|
||||
min-height: 400px; }
|
||||
.message-app.hidden {
|
||||
display: block;
|
||||
right: -320px; }
|
||||
@ -13911,6 +13915,7 @@ a.ygtvspacer:hover {
|
||||
flex: 1;
|
||||
overflow: hidden; }
|
||||
.message-app .body-container > * {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
@ -14014,6 +14019,15 @@ a.ygtvspacer:hover {
|
||||
.message-app .lazy-load-list {
|
||||
overflow-y: auto; }
|
||||
|
||||
#page-message-index #region-main {
|
||||
height: 100%; }
|
||||
#page-message-index #region-main div[role="main"] {
|
||||
height: 100%; }
|
||||
#page-message-index #region-main div[role="main"] #maincontent {
|
||||
margin-top: -1px; }
|
||||
#page-message-index #region-main div[role="main"] .message-app.main {
|
||||
height: 100%; }
|
||||
|
||||
.dir-rtl .message-drawer {
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); }
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user