horoli/our_recipe_atlas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add batched recipe import queue

Browse Source
This commit is contained in:
horoli
2026-08-28 11:09:36 +09:00
parent 4491c91455
commit f65e660184
19 changed files with 1080 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+13 -14
View File
@@ -28,29 +28,28 @@
<h2 id="import-title">새 레시피 가져오기</h2>
</div>
<form id="import-form" class="import-form">
<label class="sr-only" for="source-url">Instagram 또는 YouTube URL</label>
<input id="source-url" name="url" type="url" inputmode="url"
placeholder="https://www.instagram.com/reel/..." required>
<button class="button button-primary" type="submit">레시피 가져오기</button>
<label class="sr-only" for="source-urls">Instagram 또는 YouTube URL 목록</label>
<textarea id="source-urls" name="urls" rows="5"
placeholder="URL을 한 줄에 하나씩 입력하세요.&#10;https://www.instagram.com/reel/...&#10;https://www.youtube.com/watch?v=..." required></textarea>
<button class="button button-primary" type="submit">대기열에 추가</button>
</form>
<div id="import-status" class="status" role="status" aria-live="polite" hidden></div>
</section>
<section id="preview-section" class="preview-panel" aria-labelledby="preview-title" hidden>
<div class="section-heading">
<div>
<p class="section-number">02</p>
<h2 id="preview-title">확인하고 다듬기</h2>
<div id="import-queue" class="import-queue" hidden>
<div class="import-queue-heading">
<div>
<h3>가져오기 대기열</h3>
<span id="import-job-count" class="count-label"></span>
</div>
<button id="process-import-jobs" class="button button-primary" type="button">처리 요청</button>
</div>
<button id="cancel-preview" class="button button-quiet" type="button">취소</button>
<div id="import-job-list" class="import-job-list" aria-live="polite"></div>
</div>
<form id="preview-form"></form>
</section>
<section class="library" aria-labelledby="library-title">
<div class="section-heading">
<div>
<p class="section-number">03</p>
<p class="section-number">02</p>
<h2 id="library-title">Recipe Library</h2>
</div>
<span id="recipe-count" class="count-label"></span>