77 lines
2.3 KiB
JavaScript
77 lines
2.3 KiB
JavaScript
'use strict';
|
|
|
|
const { TemplateView } = require('hydrogen-view-sdk');
|
|
|
|
const assert = require('matrix-public-archive-shared/lib/assert');
|
|
const CalendarView = require('matrix-public-archive-shared/views/CalendarView');
|
|
const TimeSelectorView = require('matrix-public-archive-shared/views/TimeSelectorView');
|
|
|
|
class RightPanelContentView extends TemplateView {
|
|
render(t, vm) {
|
|
assert(vm.shouldIndex !== undefined);
|
|
assert(vm.shouldShowTimeSelector !== undefined);
|
|
|
|
let maybeIndexedMessage = 'This room is not being indexed by search engines ';
|
|
if (vm.shouldIndex) {
|
|
maybeIndexedMessage = 'This room is being indexed by search engines ';
|
|
}
|
|
|
|
return t.div(
|
|
{
|
|
className: 'RightPanelContentView',
|
|
},
|
|
[
|
|
t.div({ className: 'RightPanelContentView_mainContent' }, [
|
|
t.view(new CalendarView(vm.calendarViewModel)),
|
|
t.ifView(
|
|
(vm) => vm.shouldShowTimeSelector,
|
|
(vm) => new TimeSelectorView(vm.timeSelectorViewModel)
|
|
),
|
|
]),
|
|
t.footer(
|
|
{
|
|
className: 'RightPanelContentView_footer',
|
|
},
|
|
[
|
|
t.p([
|
|
maybeIndexedMessage,
|
|
'(',
|
|
t.a(
|
|
{
|
|
className: 'external-link RightPanelContentView_footerLink',
|
|
href: 'https://github.com/matrix-org/matrix-public-archive/blob/main/docs/faq.md#how-do-i-opt-out-and-keep-my-room-from-being-indexed-by-search-engines',
|
|
target: '_blank',
|
|
},
|
|
'more info'
|
|
),
|
|
').',
|
|
]),
|
|
t.div(
|
|
{
|
|
className: 'RightPanelContentView_footerLinkList',
|
|
},
|
|
[
|
|
t.a(
|
|
{ className: 'RightPanelContentView_footerLink', href: vm.developerOptionsUrl },
|
|
['Developer options']
|
|
),
|
|
t.span('·'),
|
|
t.a(
|
|
{
|
|
className: 'RightPanelContentView_footerLink',
|
|
href: 'https://matrix.org/',
|
|
target: '_blank',
|
|
},
|
|
['Matrix.org']
|
|
),
|
|
]
|
|
),
|
|
]
|
|
),
|
|
]
|
|
);
|
|
}
|
|
}
|
|
|
|
module.exports = RightPanelContentView;
|