Remove redundant info box from selected card
Consolidated messaging - the chooser helper already explains MIDI selection 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1177,10 +1177,6 @@
|
|||||||
<h2 id="selectedTitle" class="selected-title">No source selected</h2>
|
<h2 id="selectedTitle" class="selected-title">No source selected</h2>
|
||||||
<div id="selectedMeta" class="selected-meta">Search for a song, then choose a source to use.</div>
|
<div id="selectedMeta" class="selected-meta">Search for a song, then choose a source to use.</div>
|
||||||
|
|
||||||
<!-- selected_pre_generate only -->
|
|
||||||
<div id="selectedExpectation" class="selected-meta" style="margin-top: 8px;">
|
|
||||||
Some MIDI files work better than others. If the result sounds off, try another source.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="selected-actions" id="preGenActions">
|
<div class="selected-actions" id="preGenActions">
|
||||||
<button id="motifBtn" class="primary" disabled>Generate music</button>
|
<button id="motifBtn" class="primary" disabled>Generate music</button>
|
||||||
|
|||||||
@@ -25,7 +25,6 @@ class MotifApp {
|
|||||||
private selectedTitle!: HTMLElement;
|
private selectedTitle!: HTMLElement;
|
||||||
private selectedMeta!: HTMLElement;
|
private selectedMeta!: HTMLElement;
|
||||||
private selectedDetails!: HTMLElement;
|
private selectedDetails!: HTMLElement;
|
||||||
private selectedExpectation!: HTMLElement;
|
|
||||||
private preGenActions!: HTMLElement;
|
private preGenActions!: HTMLElement;
|
||||||
private preGenSupport!: HTMLElement;
|
private preGenSupport!: HTMLElement;
|
||||||
private generatedBlock!: HTMLElement;
|
private generatedBlock!: HTMLElement;
|
||||||
@@ -116,7 +115,6 @@ class MotifApp {
|
|||||||
this.selectedTitle = document.getElementById('selectedTitle')!;
|
this.selectedTitle = document.getElementById('selectedTitle')!;
|
||||||
this.selectedMeta = document.getElementById('selectedMeta')!;
|
this.selectedMeta = document.getElementById('selectedMeta')!;
|
||||||
this.selectedDetails = document.getElementById('selectedDetails')!;
|
this.selectedDetails = document.getElementById('selectedDetails')!;
|
||||||
this.selectedExpectation = document.getElementById('selectedExpectation')!;
|
|
||||||
this.preGenActions = document.getElementById('preGenActions')!;
|
this.preGenActions = document.getElementById('preGenActions')!;
|
||||||
this.preGenSupport = document.getElementById('preGenSupport')!;
|
this.preGenSupport = document.getElementById('preGenSupport')!;
|
||||||
this.generatedBlock = document.getElementById('generatedBlock')!;
|
this.generatedBlock = document.getElementById('generatedBlock')!;
|
||||||
@@ -830,7 +828,6 @@ class MotifApp {
|
|||||||
|
|
||||||
// Selected pre-generation content
|
// Selected pre-generation content
|
||||||
const showPreGen = state === 'selected';
|
const showPreGen = state === 'selected';
|
||||||
this.selectedExpectation.style.display = showPreGen ? 'block' : 'none';
|
|
||||||
this.preGenActions.style.display = showPreGen ? 'block' : 'none';
|
this.preGenActions.style.display = showPreGen ? 'block' : 'none';
|
||||||
this.preGenSupport.style.display = showPreGen ? 'flex' : 'none';
|
this.preGenSupport.style.display = showPreGen ? 'flex' : 'none';
|
||||||
this.detailsToggle.style.display = showPreGen ? 'block' : 'none';
|
this.detailsToggle.style.display = showPreGen ? 'block' : 'none';
|
||||||
|
|||||||
Reference in New Issue
Block a user