OSDN Git Service

不安と楽しみ
[pybbs/pybbs.git] / templates / modules / index.htm
index 9400dde..a069da8 100755 (executable)
     {% block style %}
     <link rel="stylesheet" href={{static_url('css/main.css')}}>
        {% end %}
-       <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js></script>
-       <script src={{static_url('js/jquery-live-preview.js')}}></script>
-       <link href={{static_url('css/livepreview-demo.css')}} rel=stylesheet type=text/css>
-       <script src={{static_url('js/sub.js')}}></script>
+       <script type=text/javascript src=//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js></script>
+       <script type=text/javascript src={{static_url('js/jquery-live-preview.js')}}></script>
+       <link rel=stylesheet href={{static_url('css/livepreview-demo.css')}}>
+         <script src=//cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js></script>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
   </head> 
   <body>
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
   {% block header %}
     <a href=/ style=text-decoration:none>{% raw data['title2'] %}</a>
     <header>
     <a name=top></a>
     <form action=/{{db}}/regist method="post">
     {% module xsrf_form_html() %}
-      <table>
-        <tr><td>
-          <label><p>お名前</p><input name="name" class=name value={{username}}></label>
-          <label><p>タイトル</p><input name="title" class=title value="タイトルなし."></label>
-          <input type="submit" value="送信">
-        </td></tr>
-        <tr><td>
-          <label><p>本文<span>必須</span><br></p>
-            <textarea name="comment" cols=30 required placeholder="コメントなどを入力してください."></textarea></label>
-        </td></tr>
-        <tr><td>
-          <label><p>パスワード</p><input name="password" class=password type="password" placeholder="削除用"></label>
-        <tr><td>
-          <label><p>合言葉をひらがなで入力してください: gennki<input name=aikotoba type=text value={{aikotoba}}></label>
-        </td></tr>
-      </table>
+      <p><br></p>
+      <div class="row justify-content-center"><div class="col-10">
+      <div class="container">
+        <div class="form-row">
+        <div class="form-inline p-3">
+          <div class="input-group col-6">
+          <div class=input-group-prepend><span class=input-group-text>お名前</span></div>
+            <input name="name" id=name1 class="form-control mr-50" value={{username}}>
+          </div>
+          <div class="input-group col-6">
+          <div class=input-group-prepend><span class=input-group-text>タイトル</span></div>
+            <input name="title" id=title1 class=form-control placeholder="タイトルなし." value={{title}}>
+          <input class="btn btn-primary ml-3" type="submit" value="送信">
+          </div>
+        </div>
+        </div>
+        <div class="form-row">
+          <div class="form-group align-self-center w-100">
+          <label for=text1>本文<span style=color:red>必須</span></label>
+          <textarea id=text1 style="font-size:1.75em" name="comment" rows=4
+                class="form-control w-100 sjadpw-lg" required placeholder="コメントなどを入力してください.">{{comment}}</textarea>
+          </div>
+        </div>
+        <div class="form-row">
+          <div class="form-inline w-50">
+            <div class=input-group>
+            <div class=input-group-prepend><span class=input-group-text>パスワード</span></div>
+            <input id=password1 name="password" class="form-control col-4" type="password" placeholder="削除用" value={{pw}}>
+            </div>
+          </div>
+          <div class="form-group w-50">
+            <div class="custom-control custom-checkbox">
+            <input type="checkbox" id=check1 name="show" class=custom-control-input value="true" {{ch}}>
+            <label class=custom-control-label for=check1>プレビュー</label>
+            </div>
+          </div>
+        </div>
+        <div class="form-row justify-content-end">
+          <div class="form-inline">
+          <label for=aikotoba1>合言葉をひらがなで入力してください: genki </label><input name=aikotoba id=aikotoba1 class="form-control col-2" type=text value={{aikotoba}}>
+          </div>
+        </div>
+      </div>
+      </div></div>
     </form>
-    <button>open</button>
-    </header>
-    <hr size="1" width="100%">
-    <form action=/{{db}}/userdel method="post" id=search>
+    </header>   
+    {% raw error %}
+
+    <div class="container pt-5">
+      <button class="btn shadow" data-toggle=collapse data-target=.item1
+        aria-expanded=false aria-controls="item1-a item1-b">
+      ひらく</button>
+      <div class="container pt-3">
+      <div class="row col-5 p-0">
+        <div class="col-4 p-0">
+      <div class="collapse item1" id=item1-a><div class="card card-body">
+      <form action=/{{db}}/userdel method="post" id=search>
+        {% module xsrf_form_html() %}      
+        <label for=id1>記事No</label><input id=id1 class="form-control" name="number">
+        <label for=pass1>Pass</label><input id=pass1 class="form-control mb-3" type="password" name="password">
+        <button type="submit">削除</button>
+      </form>
+      </div></div>
+        </div>
+        <div class="col-8">
+      <div class="collapse item1" id=item1-b><div class="card card-body">
+      <form action=/{{db}}/userdel method=post id=search>
       {% module xsrf_form_html() %}
-      <label><p>記事No</p><input name="number"></label>
-      <label><p>Pass</p><input type="password" name="password"></label>
-      <input type="submit" value="削除">
+        <div class="input-group">
+        <div class=input-group-prepend><span class=input-group-text>記事No</span></div>
+        <input id=number1 class="form-control" name=number>
+        <div class=input-group-append><button type=submit>移動</button></div>
+        </div>
+      </form>
+      </div></div>
+        </div>
+      </div>
+      </div>
+        </div>
+      <p><br></p>
       <p><a href=/{{db}}/search>検索ページ</a></p>
-    </form>
-    <p style=text-align:center>{{db}}</p>
-  {% module Footer(position,'/'+db,'#article') %}
+      <p style=text-align:center>{{db}}</p>
+
+  {% module Footer(position,'/'+db,'#top') %}
   {% end %}
   {% block body %}
     {% for record in records %}
+      {% if db == '' %}
+        {% set link = record['dbname'] %}
+        {% set text = record['dbname']+'-'+str(record['number']) %}
+      {% else %}
+        {% set link = db %}
+        {% set text = record['number'] %}
+      {% end %}
     <hr size=1>
-       <section id=number><a name={{record['number']}}></a><a href=/{{db}}/userdel?job={{record['number']}} style=text-decoration:none>
-               [{{record['number']}}]</a></section>
+       <section id=number><a name={{record['number']}}></a><a href=/{{link}}/userdel?job={{record['number']}} style=text-decoration:none>
+               [{{text}}]</a></section>
        <section id=title>{{record['title']}}</section>
        <section id=name> Name:<h1>{{record['name']}}</h1></section>
        <section id=date> Date:<h1>{{record['date']}}</h1></section>
-       <p>▽▲▽▲▽▲▽▲▽</p>
+       <p>▽▲▽▲▽▲▽
        <section id=comment>{% raw record['comment'] %}</section>
-       <p>△▼△▼△▼△▼△</p>
-       {% end %}
+        <section id=master style=text-align:right><a href=/alert?db={{db}}&num={{record['number']}}>報告</a></section>
+       <p>△▼△▼△▼△
+    {% end %}
        <a name=article></a>
-       <p style=text-align:right><a href=#top>Topへ移動</a></p>
+  <div style="position:fixed;right:30px;bottom:40px">
+  <p><a class="btn btn-outline-info rounded-pill" href="#top" >上へ</a>
+  <p><a class="btn btn-outline-info rounded-pill" href=#article>下へ</a>
+  </div>
   {% end %}
   {% block footer %}
     {% module Footer(position,'/'+db,'#article') %}
-    <p style=text-align:center><a href="/{{db}}/admin/0/">管理者用ログイン</a></p>
+    <p style=text-align:center><a href="/{{db}}/admin/0">管理者用ログイン</a></p>
   {% end %}
   </body>
 </html>