hide study chapter settings in broadcast context - for #16269

lichess-org · Nov 6, 2024 · 8475f24 · 8475f24
1 parent 1c72a34
commit 8475f24
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/ui/analyse/src/study/chapterEditForm.ts b/ui/analyse/src/study/chapterEditForm.ts
@@ -15,6 +15,7 @@ export class StudyChapterEditForm {
   constructor(
     private readonly send: StudySocketSend,
     private readonly chapterConfig: (id: string) => Promise<StudyChapterConfig>,
+    readonly isBroadcast: boolean,
     readonly redraw: Redraw,
   ) {}
 
@@ -118,15 +119,15 @@ function viewLoaded(ctrl: StudyChapterEditForm, data: StudyChapterConfig): VNode
           (['white', 'black'] as const).map(color => option(color, data.orientation, i18n.site[color])),
         ),
       ]),
-      h('div.form-group.form-half', [
+      h('div.form-group.form-half' + (ctrl.isBroadcast ? '.none' : ''), [
         h('label.form-label', { attrs: { for: 'chapter-mode' } }, i18n.study.analysisMode),
         h(
           'select#chapter-mode.form-control',
           chapterForm.modeChoices.map(c => option(c[0], mode, c[1])),
         ),
       ]),
     ]),
-    h('div.form-group', [
+    h('div.form-group' + (ctrl.isBroadcast ? '.none' : ''), [
       h('label.form-label', { attrs: { for: 'chapter-description' } }, i18n.study.pinnedChapterComment),
       h(
         'select#chapter-description.form-control',

diff --git a/ui/analyse/src/study/chapterNewForm.ts b/ui/analyse/src/study/chapterNewForm.ts
@@ -45,6 +45,7 @@ export class StudyChapterNewForm {
   constructor(
     private readonly send: StudySocketSend,
     readonly chapters: StudyChapters,
+    readonly isBroadcast: boolean,
     readonly setTab: () => void,
     readonly root: AnalyseCtrl,
   ) {
@@ -331,7 +332,7 @@ export function view(ctrl: StudyChapterNewForm): VNode {
               ),
             ]),
           ]),
-          h('div.form-group', [
+          h('div.form-group' + (ctrl.isBroadcast ? '.none' : ''), [
             h('label.form-label', { attrs: { for: 'chapter-mode' } }, i18n.study.analysisMode),
             h(
               'select#chapter-mode.form-control',

diff --git a/ui/analyse/src/study/studyChapters.ts b/ui/analyse/src/study/studyChapters.ts
@@ -56,15 +56,16 @@ export default class StudyChaptersCtrl {
   constructor(
     initChapters: ChapterPreviewFromServer[],
     readonly send: StudySocketSend,
+    readonly isBroadcast: boolean,
     setTab: () => void,
     chapterConfig: (id: string) => Promise<StudyChapterConfig>,
     private readonly federations: () => Federations | undefined,
     root: AnalyseCtrl,
   ) {
     this.list = new StudyChapters(this.store);
     this.loadFromServer(initChapters);
-    this.newForm = new StudyChapterNewForm(send, this.list, setTab, root);
-    this.editForm = new StudyChapterEditForm(send, chapterConfig, root.redraw);
+    this.newForm = new StudyChapterNewForm(send, this.list, isBroadcast, setTab, root);
+    this.editForm = new StudyChapterEditForm(send, chapterConfig, isBroadcast, root.redraw);
   }
 
   sort = (ids: string[]) => this.send('sortChapters', ids);

diff --git a/ui/analyse/src/study/studyCtrl.ts b/ui/analyse/src/study/studyCtrl.ts
@@ -151,6 +151,7 @@ export default class StudyCtrl {
     this.chapters = new StudyChaptersCtrl(
       data.chapters!,
       this.send,
+      defined(relayData),
       () => this.setTab('chapters'),
       chapterId => xhr.chapterConfig(data.id, chapterId),
       () => this.data.federations,