Working. Reading the whole book takes a few minutes.
';
- }
-
document.getElementById("tabs").addEventListener("click", function (e) {
var id = e.target.closest ? e.target.closest(".tab") : null;
if (!id) return;
- CUR = id.getAttribute("data-tab");
+ CUR = id.getAttribute("data-tab"); EDITING = null;
paintTabs(); openTab(CUR);
});
- // ------------------------------------------------------------ one trailer
-
async function openTab(id) {
var meta = DRAFTS.filter(function (d) { return d.id === id; })[0];
if (!meta) return;
@@ -194,8 +207,10 @@
+ esc(meta.id) + '">Try this writer again';
return;
}
- if (meta.state === "writing") { paintWriting(); return; }
- pane.innerHTML = 'Working. Reading the whole book takes a few minutes.
';
+ return;
+ }
var r = await api("get_draft", { draft_id: id });
if (!r.ok) { pane.innerHTML = '' + mine.map(function (r) {
- var parts = ['
' + esc(r.label)
- + '' + esc(r.score) + '/100
'];
function list(items, cls, fmt) {
- if (!items || !items.length) return "";
- return '
' + items.map(fmt).join("") + '
';
+ return (!items || !items.length) ? ""
+ : '
' + items.map(fmt).join("") + '
';
}
- parts.push(list(r.errors, "er", function (e) {
- return '
' + (e.shot ? 'shot ' + esc(e.shot) + ' ' : '')
- + esc(e.problem || "") + (e.fix ? ' — ' + esc(e.fix) + '' : '') + ''; }));
- parts.push(list(r.suggestions, "", function (s) {
- return '
' + (s.shot ? 'shot ' + esc(s.shot) + ' ' : '')
- + esc(s.change || "") + (s.why ? ' (' + esc(s.why) + ')' : '') + ''; }));
- parts.push(list(r.strengths, "kp", function (s) {
- return '
' + esc(typeof s === "string" ? s : JSON.stringify(s)) + ''; }));
- return parts.join("") + '
';
+ return '
' + esc(r.label) + '' + esc(r.score) + '/100
'
+ + list(r.errors, "er", function (e) {
+ return '' + (e.shot ? 'shot ' + esc(e.shot) + ' ' : '')
+ + esc(e.problem || "") + (e.fix ? ' — ' + esc(e.fix) + '' : '') + ''; })
+ + list(r.suggestions, "", function (s) {
+ return '' + (s.shot ? 'shot ' + esc(s.shot) + ' ' : '')
+ + esc(s.change || "") + ''; })
+ + list(r.strengths, "kp", function (s) {
+ return '' + esc(typeof s === "string" ? s : JSON.stringify(s)) + ''; })
+ + '';
}).join("") + '
' + cast.map(function (c) {
- var sheets = "";
- if (c.head_url || c.front_url || c.side_url) {
- sheets = '
'
- + [c.head_url, c.front_url, c.side_url].map(function (u) {
- return u ? '
 + ')
' : ''; }).join("")
- + '
';
- }
+ var sheets = (c.head_url || c.front_url || c.side_url)
+ ? '
' + [c.head_url, c.front_url, c.side_url].map(function (u) {
+ return u ? '
' : ''; }).join("") + '
' : '';
return '
' + sheets + '
' + esc(c.name || c.id) + ''
- + '
' + esc(c.role || "") + (c.age ? " · " + esc(c.age) : "")
- + (c.voice_id ? " · voiced" : " · silent") + ''
- + '
' + esc((c.appearance || "").slice(0, 150)) + '
';
+ + '
' + esc(c.role || "") + (c.voice_id ? " · voiced" : " · silent")
+ + '' + esc((c.appearance || "").slice(0, 150)) + '
'
+ var media = "";
+ if (s.clip_url) {
+ media = '
the filmed shot'
+ + (s.clip_seconds ? ' · ' + Number(s.clip_seconds).toFixed(1) + 's' : '')
+ + ''
+ + (s.opening_url ? '
 + ')
filmed from this frame' : '')
+ + '
';
+ } else if (s.opening_url || s.closing_url) {
+ media = '
'
+ (s.opening_url ? '
opens on' : '')
+ (s.closing_url ? '
 + ')
ends on' : '')
+ '
';
}
+ var chk = s.audio_check || {};
+ var chkHtml = "";
+ if (chk.verdict && chk.verdict !== "no dialogue") {
+ var good = chk.verdict === "ok" || chk.verdict === "drifted";
+ chkHtml = '
audio ' + esc(chk.verdict)
+ + (chk.coverage != null ? ' ' + Math.round(chk.coverage * 100) + '%' : '')
+ + (chk.missing ? ' — lost “' + esc(String(chk.missing).slice(0, 40)) + '”' : '')
+ + '';
+ }
+
+ var tools;
+ if (s.drawing) tools = '
drawing…';
+ else if (s.filming) tools = '
filming…';
+ else if (EDITING === s.id) {
+ tools = '
'
+ + '
'
+ + '
';
+ } else {
+ tools = '
'
+ + '
'
+ + (s.opening_url ? '
' : '')
+ + chkHtml
+ + '
';
+ }
+
return '
' + esc(s.id) + '
'
+ '
' + esc(s.title || "") + '
'
+ '
' + esc(s.setting || "") + ' · '
+ Number(s.edit_seconds || 0).toFixed(1) + 's
'
- + frames
+ + media
+ '
' + esc(s.action || "") + '
'
+ (s.camera ? '
camera: ' + esc(s.camera) + '
' : '')
+ (s.continuity ? '
continuity: ' + esc(s.continuity) + '
' : '')
+ lines
+ + '
' + tools + '
'
+ '
'
+ '
';
}
// ------------------------------------------------------------ actions
+ async function act(name, payload, msg) {
+ var r = await api(name, payload);
+ if (!r.ok) { showMsg("msg", r.error || "That did not work."); return null; }
+ hideMsg("msg");
+ if (msg) showMsg("msg", msg(r), "ok");
+ return r;
+ }
+
document.getElementById("pane").addEventListener("click", async function (e) {
- var t = e.target.closest ? e.target : null;
- if (!t) return;
+ var hit = function (attr) { var el = e.target.closest("[" + attr + "]"); return el; };
+ var el, r;
- var lead = e.target.closest("[data-lead]");
- if (lead) {
- lead.disabled = true;
- var a = await api("set_lead", { run_id: runId, draft_id: lead.getAttribute("data-lead") });
- if (!a.ok) { lead.disabled = false; showMsg("msg", a.error || ""); return; }
- hideMsg("msg"); await load(); openTab(CUR); return;
+ if ((el = hit("data-cancel"))) { EDITING = null; openTab(CUR); return; }
+ if ((el = hit("data-add"))) { EDITING = "new:" + el.getAttribute("data-add"); openTab(CUR); return; }
+ if ((el = hit("data-edit"))) { EDITING = el.getAttribute("data-edit"); openTab(CUR); return; }
+
+ if ((el = hit("data-addgo"))) {
+ var rough = document.getElementById("newrough").value.trim();
+ if (rough.length < 20) { showMsg("msg", "Say what happens in the scene."); return; }
+ el.disabled = true;
+ r = await act("add_shot", { draft_id: CUR, after: el.getAttribute("data-addgo"), rough: rough });
+ EDITING = null; if (r) { await refresh(); } return;
}
-
- var draw = e.target.closest("[data-draw]");
- if (draw) {
- draw.disabled = true;
- var d = await api("draw_storyboard", { draft_id: draw.getAttribute("data-draw") });
- if (!d.ok) { draw.disabled = false; showMsg("msg", d.error || ""); return; }
- hideMsg("msg"); load(); return;
+ if ((el = hit("data-rewrite"))) {
+ var rw = document.getElementById("rough").value.trim();
+ if (rw.length < 20) { showMsg("msg", "Say what should change."); return; }
+ el.disabled = true;
+ r = await act("write_shot", { draft_id: CUR, shot_id: el.getAttribute("data-rewrite"), rough: rw });
+ EDITING = null; if (r) { await refresh(); } return;
}
-
- var rev = e.target.closest("[data-review]");
- if (rev) {
- rev.disabled = true;
- var v = await api("start_review", { run_id: runId });
- if (!v.ok) { rev.disabled = false; showMsg("msg", v.error || ""); return; }
- hideMsg("msg"); load(); return;
+ if ((el = hit("data-drawone"))) {
+ el.disabled = true;
+ r = await act("draw_one_shot", { draft_id: CUR, shot_id: el.getAttribute("data-drawone") });
+ if (r) await refresh(); return;
}
-
- var rvs = e.target.closest("[data-revise]");
- if (rvs) {
- rvs.disabled = true;
- var w = await api("start_revision", { run_id: runId });
- if (!w.ok) { rvs.disabled = false; showMsg("msg", w.error || ""); return; }
- hideMsg("msg"); load(); return;
+ if ((el = hit("data-filmone"))) {
+ el.disabled = true;
+ r = await act("film_one_shot_now", { draft_id: CUR, shot_id: el.getAttribute("data-filmone") });
+ if (r) await refresh(); return;
}
-
- var film = e.target.closest("[data-film]");
- if (film) {
- film.disabled = true;
- var f = await api("film_draft", { draft_id: film.getAttribute("data-film") });
- if (!f.ok) { film.disabled = false; showMsg("msg", f.error || ""); return; }
- showMsg("msg", "Filming " + f.shots + " shots, about $" + f.usd
- + ". It appears in My videos as it goes.", "ok");
- setTimeout(function () { location.href = "/videos.html"; }, 2500);
+ if ((el = hit("data-delete"))) {
+ if (!confirm("Remove shot " + el.getAttribute("data-delete") + " from this trailer?")) return;
+ el.disabled = true;
+ r = await act("delete_shot", { draft_id: CUR, shot_id: el.getAttribute("data-delete") });
+ if (r) await refresh(); return;
+ }
+ if ((el = hit("data-assemble"))) {
+ el.disabled = true;
+ r = await act("assemble_trailer", { draft_id: CUR });
+ if (r) { showMsg("msg", "Joining " + r.shots + " shots. It appears in My videos.", "ok");
+ setTimeout(function () { location.href = "/videos.html"; }, 2200); }
return;
}
-
- var retry = e.target.closest("[data-retry]");
- if (retry) {
- retry.disabled = true;
- var y = await api("retry_writer", { draft_id: retry.getAttribute("data-retry") });
- if (!y.ok) { retry.disabled = false; showMsg("msg", y.error || ""); return; }
- hideMsg("msg"); load(); return;
+ if ((el = hit("data-lead"))) {
+ el.disabled = true;
+ r = await act("set_lead", { run_id: runId, draft_id: el.getAttribute("data-lead") });
+ if (r) await refresh(); return;
+ }
+ if ((el = hit("data-draw"))) {
+ el.disabled = true;
+ r = await act("draw_storyboard", { draft_id: el.getAttribute("data-draw") });
+ if (r) await refresh(); return;
+ }
+ if ((el = hit("data-review"))) {
+ el.disabled = true;
+ r = await act("start_review", { run_id: runId }); if (r) await refresh(); return;
+ }
+ if ((el = hit("data-revise"))) {
+ el.disabled = true;
+ r = await act("start_revision", { run_id: runId }); if (r) await refresh(); return;
+ }
+ if ((el = hit("data-film"))) {
+ el.disabled = true;
+ r = await act("film_draft", { draft_id: el.getAttribute("data-film") });
+ if (r) { showMsg("msg", "Filming " + r.shots + " shots, about $" + r.usd
+ + ". It appears in My videos as it goes.", "ok");
+ setTimeout(function () { location.href = "/videos.html"; }, 2500); }
+ return;
+ }
+ if ((el = hit("data-retry"))) {
+ el.disabled = true;
+ r = await act("retry_writer", { draft_id: el.getAttribute("data-retry") });
+ if (r) await refresh(); return;
}
var btn = e.target.closest(".play");
if (!btn) return;
var sid = btn.getAttribute("data-shot");
btn.disabled = true; btn.innerHTML = "…";
- var r = await api("shot_audio", { draft_id: CUR, shot_id: sid });
+ var a = await api("shot_audio", { draft_id: CUR, shot_id: sid });
btn.disabled = false; btn.innerHTML = "▶";
- if (!r.ok) { showMsg("msg", r.error || "That would not play."); return; }
+ if (!a.ok) { showMsg("msg", a.error || "That would not play."); return; }
hideMsg("msg");
- if (!r.url) return;
- // Spoken length against the length the writer planned for. A line that
- // overruns its shot is the single most common fault in these scripts.
- document.querySelectorAll('[data-dur="' + sid + '"]').forEach(function (el) {
- el.textContent = r.seconds.toFixed(1) + "s / " + Number(r.planned).toFixed(1) + "s";
- el.className = "dur" + (r.seconds > Number(r.planned) ? " over" : "");
+ if (!a.url) return;
+ document.querySelectorAll('[data-dur="' + sid + '"]').forEach(function (x) {
+ x.textContent = a.seconds.toFixed(1) + "s / " + Number(a.planned).toFixed(1) + "s";
+ x.className = "dur" + (a.seconds > Number(a.planned) ? " over" : "");
});
- audio.pause(); audio.src = r.url; audio.play();
+ audio.pause(); audio.src = a.url; audio.play();
});
var noteTimers = {};
@@ -452,8 +530,6 @@
if (!sid) return;
ta.classList.remove("saved");
clearTimeout(noteTimers[sid]);
- // Saved as you stop typing. A note the author has to remember to save is
- // a note that gets lost between tabs.
noteTimers[sid] = setTimeout(async function () {
var r = await api("add_shot_note", { draft_id: CUR, shot_id: sid, note: ta.value });
if (r.ok) { NOTES[sid] = ta.value; ta.classList.add("saved"); }