MirrorShard_2/preview.html at main · DroicheadNua/MirrorShard_2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title data-i18n="preview.windowTitle">縦書きプレビュー</title>
    <link rel="stylesheet" href="/src/preview.css">
</head>

<body>
    <div id="preview-wrapper">
        <div data-tauri-drag-region class="preview-titlebar">
            <div class="preview-controls">
                <button id="btn-pin" data-i18n-title="preview.tooltip.pin" title="最前面に固定"></button>
                <div class="dropdown-wrapper">
                    <button id="btn-export-menu" data-i18n-title="preview.tooltip.export" title="エクスポート"></button>
                    <div id="export-dropdown" class="dropdown-content">
                        <div class="dropdown-item" data-action="epub" data-i18n="preview.dropdown.epub">EPUB 出力</div>
                        <div class="dropdown-item" data-action="html" data-i18n="preview.dropdown.html">HTML 出力</div>
                    </div>
                </div>
                <button id="btn-refresh" data-i18n-title="preview.tooltip.refresh" title="更新"></button>
                <button id="btn-fullscreen" data-i18n-title="preview.tooltip.fullscreen" title="フルスクリーン"></button>
                <button id="btn-close" data-i18n-title="preview.tooltip.close" title="閉じる"></button>
            </div>
        </div>

        <div id="preview-container">
            <div id="paper-area">
                <div id="content"></div>
            </div>
        </div>

        <!-- EPUB設定モーダル -->
        <div id="epub-modal" class="modal-overlay" style="display: none;">
            <div class="modal-content">
                <h3 data-i18n="preview.epub.modalTitle">EPUB Export Settings</h3>
                <div class="modal-item">
                    <label data-i18n="preview.epub.title">Title:</label>
                    <input type="text" id="epub-title" data-i18n-placeholder="preview.epub.titlePlaceholder" placeholder="作品名">
                </div>
                <div class="modal-item">
                    <label data-i18n="preview.epub.author">Author:</label>
                    <input type="text" id="epub-author" data-i18n-placeholder="preview.epub.authorPlaceholder" placeholder="著者名" value="Author">
                </div>
                <div class="modal-item">
                    <label data-i18n="preview.epub.cover">Cover Image:</label>
                    <div style="display: flex; gap: 5px;">
                        <input type="text" id="epub-cover-path" readonly data-i18n-placeholder="preview.epub.coverPlaceholder" placeholder="No image selected"
                            style="flex-grow: 1;">
                        <button id="btn-select-cover" data-i18n="preview.epub.select">Select</button>
                        <button id="btn-clear-cover">×</button>
                    </div>
                </div>
                <div class="modal-buttons">
                    <button id="btn-cancel-epub" data-i18n="preview.epub.cancel">Cancel</button>
                    <button id="btn-exec-epub" class="primary" data-i18n="preview.epub.export">Export</button>
                </div>
            </div>
        </div>

    </div>
    <script type="module" src="/src/preview.ts"></script>
</body>

</html>