WriterLighter-old/index.html at master · WriterLighter/WriterLighter-old · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>WriterLighter</title>
    <link rel="stylesheet" href="css/style.css" charset="UTF-8">

  <!--build:remove-->
    <script>require("electron-connect").client.create()</script>
  <!--end:build-->
    <script>window.$ = window.jQuery = require("jquery")</script>
    <style id="theme"></style>
</head>
<body>
    <div id="prompt">
      <p id="prompt-message"></p>
      <input type="text" id="prompt-input">
      <p id="prompt-error"></p>
      <ol id="prompt-complete-list"></ol>
    </div>
    <div id="toast"></div>

    <div id="container">

      <!-- Chapter List Pane -->
      <div id="pane-east" class="pane">
        <div id="novel">
          <div id="openednovel" class="flex-container">
            <h1 id="novelname" class="stretch novelnames"></h1>
            <button id="open-novel">開く</button>
          </div>
          <div id="selectnovel">
            <input type="seaech" placeholder="小説名を入力…"
              id="inputNovelName">
            <button id="closeselectnovel">閉じる</button>
            <ul id="novelList"></ul>
          </div>
        </div>
        <div id="chapter">
          <ol id="chapter-list-body"></ol>
          <ul class="nonestyle" id="chapter-list-metadata"></ul>
        </div>
      </div>

      <main>
        <div id="search">
          <section id="search-field" class="flex-container">
            <input type="search" id="search-input"
            class="input-group-begin stretch"
            placeholder="…を検索">
            <input
              type="checkbox" id="search-in-regexp"
              data-button-value=". *"
              class="btn input-group-while">
            <input
              type="checkbox" id="search-match-case"
              data-button-value="aA"
              class="btn input-group-end">

            <span id="search-result"></span>

            <button id="search-focus-back"
            class="input-group-begin">←</button><button
            id="search-focus-next" class="input-group-end">→</button>
          </section>
          <section id="replace-field" class="flex-container">
            <input id="replace-input" type="text" placeholder="…に置換" class="stretch">

            <button id="replace">置換</button>
            <button id="replace-all">すべて置換</button>
          </section>
        </div>

        <div id="editor-wrap">
          <pre id="highlight-base"></pre>
          <div id="highlights"></div>
          <pre id="input-text" contenteditable></pre>
        </div>
      </main>

      <!-- Extensions Views -->
      <div id="pane-west" class="pane">
        <div id="extensions">
          <ul id="ext-tab"></ul>
          <div id="ext-content"></div>
        </div>
      </div>

    </div>

    <!--Status bar-->
    <footer>
      <ul id="statusbar" class="nonestyle">
        <li class="offset"></li>
      </ul>
    </footer>

    <script>require("./src/js/index.js")</script>
</body>

</html>