rickub
hlassiege/darylpublic Fork
⑂ 04e233e
Branches
main View all branches → View all tags →
Commits
⬇ Clone ▾
git clone https://git.rickub.com/hlassiege/daryl.git
git clone ssh://git@rickub.com/hlassiege/daryl.git

Host key fingerprint (ed25519): SHA256:iycHnxEyq0Q7uyVpB7JlznP0G7JrTPXLYRcAU5CSLhc — verify it before your first connect.

Download ZIP

feat(nav): show the teleprompter in the shoot phase menu

hlassiege committed 2026-11-11T11:00:34+01:00 Browse files
04e233e parent: c316a11
modified web/src/project/ProjectPage.vue +6 -0
@@ -80,6 +80,11 @@ function toggleDone() {
8080 <span class="label">{{ s.label }}</span>
8181 <span class="sub">{{ s.sub }}</span>
8282 </RouterLink>
83+ <!-- le prompteur, outil du tournage sans statut : ouvert à part -->
84+ <RouterLink v-if="step.g === 'tour'" :to="`/prompteur/${project.id}`" target="_blank" class="sib">
85+ <span class="dot tool" />
86+ <span class="label">{{ t("shoot.teleprompter") }}</span>
87+ </RouterLink>
8388 </nav>
8489 <div class="actions">
8590 <span class="chip" :style="{ background: chip[1], color: chip[2] }">{{ chip[0] }}</span>
@@ -110,6 +115,7 @@ header {
110115 .sib:hover { background: var(--bg-soft); }
111116 .sib.on { border-bottom-color: var(--ink); color: var(--ink) !important; }
112117 .sib .dot { width: 8px; height: 8px; border-radius: 4px; flex-shrink: 0; }
118+.sib .dot.tool { border: 1px dashed var(--dash); }
113119 .sib .label { font-size: 14px; font-weight: 450; }
114120 .sib.on .label { font-weight: 600; }
115121 .sib .sub { font-family: var(--mono); font-size: 10.5px; color: var(--faint); }
@@ -80,6 +80,11 @@ function toggleDone() {
80 <span class="label">{{ s.label }}</span>80 <span class="label">{{ s.label }}</span>
81 <span class="sub">{{ s.sub }}</span>81 <span class="sub">{{ s.sub }}</span>
82 </RouterLink>82 </RouterLink>
83+ <!-- le prompteur, outil du tournage sans statut : ouvert à part -->
84+ <RouterLink v-if="step.g === 'tour'" :to="`/prompteur/${project.id}`" target="_blank" class="sib">
85+ <span class="dot tool" />
86+ <span class="label">{{ t("shoot.teleprompter") }}</span>
87+ </RouterLink>
83 </nav>88 </nav>
84 <div class="actions">89 <div class="actions">
85 <span class="chip" :style="{ background: chip[1], color: chip[2] }">{{ chip[0] }}</span>90 <span class="chip" :style="{ background: chip[1], color: chip[2] }">{{ chip[0] }}</span>
@@ -110,6 +115,7 @@ header {
110 .sib:hover { background: var(--bg-soft); }115 .sib:hover { background: var(--bg-soft); }
111 .sib.on { border-bottom-color: var(--ink); color: var(--ink) !important; }116 .sib.on { border-bottom-color: var(--ink); color: var(--ink) !important; }
112 .sib .dot { width: 8px; height: 8px; border-radius: 4px; flex-shrink: 0; }117 .sib .dot { width: 8px; height: 8px; border-radius: 4px; flex-shrink: 0; }
118+.sib .dot.tool { border: 1px dashed var(--dash); }
113 .sib .label { font-size: 14px; font-weight: 450; }119 .sib .label { font-size: 14px; font-weight: 450; }
114 .sib.on .label { font-weight: 600; }120 .sib.on .label { font-weight: 600; }
115 .sib .sub { font-family: var(--mono); font-size: 10.5px; color: var(--faint); }121 .sib .sub { font-family: var(--mono); font-size: 10.5px; color: var(--faint); }
modified web/src/project/TopBar.vue +6 -0
@@ -132,6 +132,11 @@ function openProject(id: string) {
132132 <span class="label">{{ s.label }}</span>
133133 <span class="sub">{{ s.sub }}</span>
134134 </RouterLink>
135+ <!-- le prompteur n'est pas une étape (pas de statut) : un outil du tournage, ouvert à part (téléphone) -->
136+ <RouterLink v-if="g.g === 'tour'" :to="`/prompteur/${project.id}`" target="_blank" class="step tool" @click="menu = null">
137+ <span class="dot" />
138+ <span class="label">{{ t("shoot.teleprompter") }}</span>
139+ </RouterLink>
135140 </div>
136141 </div>
137142 </nav>
@@ -237,6 +242,7 @@ header {
237242 .step .label { flex: 1; font-size: 13.5px; font-weight: 450; }
238243 .step.on .label { font-weight: 600; color: var(--ink); }
239244 .step.todo .label { color: var(--muted-2); }
245+.step.tool .dot { border: 1px dashed var(--dash); }
240246 .step .sub { font-family: var(--mono); font-size: 10.5px; color: var(--faint); }
241247
242248 .worker { display: flex; align-items: center; gap: 6px; padding: 0 4px; font-family: var(--mono); font-size: 10.5px; color: var(--faint); cursor: default; }
@@ -132,6 +132,11 @@ function openProject(id: string) {
132 <span class="label">{{ s.label }}</span>132 <span class="label">{{ s.label }}</span>
133 <span class="sub">{{ s.sub }}</span>133 <span class="sub">{{ s.sub }}</span>
134 </RouterLink>134 </RouterLink>
135+ <!-- le prompteur n'est pas une étape (pas de statut) : un outil du tournage, ouvert à part (téléphone) -->
136+ <RouterLink v-if="g.g === 'tour'" :to="`/prompteur/${project.id}`" target="_blank" class="step tool" @click="menu = null">
137+ <span class="dot" />
138+ <span class="label">{{ t("shoot.teleprompter") }}</span>
139+ </RouterLink>
135 </div>140 </div>
136 </div>141 </div>
137 </nav>142 </nav>
@@ -237,6 +242,7 @@ header {
237 .step .label { flex: 1; font-size: 13.5px; font-weight: 450; }242 .step .label { flex: 1; font-size: 13.5px; font-weight: 450; }
238 .step.on .label { font-weight: 600; color: var(--ink); }243 .step.on .label { font-weight: 600; color: var(--ink); }
239 .step.todo .label { color: var(--muted-2); }244 .step.todo .label { color: var(--muted-2); }
245+.step.tool .dot { border: 1px dashed var(--dash); }
240 .step .sub { font-family: var(--mono); font-size: 10.5px; color: var(--faint); }246 .step .sub { font-family: var(--mono); font-size: 10.5px; color: var(--faint); }
241 247
242 .worker { display: flex; align-items: center; gap: 6px; padding: 0 4px; font-family: var(--mono); font-size: 10.5px; color: var(--faint); cursor: default; }248 .worker { display: flex; align-items: center; gap: 6px; padding: 0 4px; font-family: var(--mono); font-size: 10.5px; color: var(--faint); cursor: default; }