mito/index.html at main · kzbb/mito · 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>MITO - A compass rose for the weary TV historian.</title>
</head>
<body>
    <div class="app-layout">
        <header class="topbar">
            <h1 class="app-title">MITO</a></h1>
            <button id="new-file">新規作成</button>
            <button id="open-file">開く</button>
            <button id="save-file">保存</button>
            <a href="https://github.com/kzbb/mito" target="_blank" rel="noopener noreferrer"><small>GitHub</small></a>
            <input id="json-file-input" type="file" accept=".json,application/json,text/plain" hidden>
            <span id="topbar-save-status" class="topbar-save-status" aria-live="polite">未保存</span>
        </header>

        <section class="columns" aria-label="Two column layout">
            <aside class="left-window" aria-label="Left panel">
                <section class="left-pane top-pane" aria-label="Outline panel">
                    <div class="outline-header">
                        <div class="outline-scope" id="outline-scope">未選択</div>
                        <button id="outline-settings" type="button" hidden>設定</button>
                    </div>
                    <nav class="explorer-tree" id="explorer-tree" aria-label="Project explorer">
                        <div class="tree-item"><span class="tree-leaf">「新規作成」または「開く」で開始してください</span></div>
                    </nav>
                </section>

                <div class="left-pane-splitter" role="separator" aria-orientation="horizontal" aria-label="Resize left panel sections"></div>

                <section class="left-pane bottom-pane" aria-label="Data entry panel">
                    <div class="entry-pane-header">
                        <div class="pane-title">データ入力</div>
                        <div class="form-actions form-actions-inline">
                            <button type="submit" id="preview-entry" form="entry-form">追加</button>
                            <button type="reset" id="start-new-entry" form="entry-form">新規</button>
                        </div>
                    </div>
                    <form id="entry-form" class="entry-form">
                        <label class="form-field">
                            <span>カテゴリ</span>
                            <input id="category-select" name="category" list="category-suggestions" placeholder="カテゴリを入力" required>
                            <datalist id="category-suggestions"></datalist>
                            <div id="category-suggestion-list" class="category-suggestion-list" aria-label="カテゴリ候補"></div>
                        </label>

                        <label class="form-field">
                            <span>名称</span>
                            <input type="text" name="name" placeholder="項目名" required>
                        </label>

                        <label class="form-field">
                            <span>説明</span>
                            <textarea name="description" rows="4" placeholder="説明を入力"></textarea>
                        </label>

                        <label class="form-field">
                            <span>セル内表示順</span>
                            <input type="number" name="dashboardOrder" min="0" step="1" placeholder="0">
                        </label>

                    </form>
                </section>
            </aside>

            <div class="splitter splitter-left" role="separator" aria-orientation="vertical" aria-label="Resize left panel"></div>

            <main class="main-window" aria-label="Main content">
                <!-- Main content will be rendered here -->
            </main>
        </section>

        <footer class="footer">
            <small id="footer-status" class="footer-status" aria-live="polite">MITO - A compass rose for the weary TV historian.</small>
        </footer>
    </div>

        <script src="js/app/ui/app-layout.js"></script>
        <script src="js/app/actions/app-file-actions.js"></script>
        <script src="js/modules/renderers/renderer-fallbacks.js"></script>
        <script src="js/modules/renderers/link-preview-handler.js"></script>
        <script src="js/modules/renderers/entry-detail-renderer.js"></script>
        <script src="js/modules/renderers/settings-renderer.js"></script>
        <script src="js/modules/renderers/markdown-engine.js"></script>
        <script src="js/modules/renderers/dashboard-renderer.js"></script>
        <script src="js/modules/renderers/calendar-utils.js"></script>
        <script src="js/modules/renderers/calendar-renderer.js"></script>
        <script src="js/modules/renderers/renderer-composer.js"></script>
        <script src="js/modules/renderers/tree-renderer.js"></script>
        <script src="js/modules/forms/entry-form.js"></script>
        <script src="js/modules/data/data-model.js"></script>
        <script src="js/modules/data/persistence.js"></script>
        <script src="js/app/actions/app-document-actions.js"></script>
        <script src="js/app/core/app-outline-view.js"></script>
        <script src="js/app/core/app-bridge.js"></script>
        <script src="js/app/startup/app-module-initializers.js"></script>
        <script src="js/app/startup/app.js"></script>
</body>
</html>