OSDN Git Service

依然調べたのを忘れてしまい
[newbbs/newbbs.git] / WebModuleUnit1.dfm
index 991a1c7..c89c24c 100644 (file)
@@ -134,6 +134,11 @@ object WebModule1: TWebModule1
       '  <head>'
       '    <meta charset="utf-8">'
       '  <meta http-equiv="Content-Style-Type" content="text/css">'
+      
+        '    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.' +
+        'com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJz' +
+        'ZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" c' +
+        'rossorigin="anonymous">'
       '<style type="text/css">'
       '<!--'
       '    <#css id=2>'
@@ -157,32 +162,83 @@ object WebModule1: TWebModule1
       '    </title>'
       '  </head>'
       '  <body>'
+      
+        '    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.j' +
+        's" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp' +
+        '4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>'
+      
+        '    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.j' +
+        's/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRax' +
+        'vfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="ano' +
+        'nymous"></script>'
+      
+        '    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.' +
+        '2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2j' +
+        'oaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonym' +
+        'ous"></script>'
       '<#pr>'
       '    <a href=<#uri>/ style=text-decoration:none><#title2></a>'
       ''
       '    <#header>'
-      ''
-      '    <hr size="1" width="100%">'
+      '      <div class="container pt-5">'
+      
+        '    <button class="btn shadow" data-toggle=collapse data-target=' +
+        '.item1'
+      '      aria-expanded=false aria-controls="item1-a item1-b">'
+      '    '#12402#12425#12367'</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=<#uri>/userdel?db=<#dbnum> method="post" id=sea' +
         'rch>'
-      '      <label><p>'#35352#20107'No</p><input name="num"></label>'
       
-        '      <label><p>Pass</p><input type="password" name="password"><' +
-        '/label>'
-      '      <input type="submit" value="'#21066#38500'">'
+        '      <label for=id1>'#35352#20107'No</label><input id=id1 class="form-contr' +
+        'ol" name="num">'
+      
+        '      <label for=pass1>Pass</label><input id=pass1 class="form-c' +
+        'ontrol mb-3" type="password" name="password">'
+      '      <button type="submit">'#21066#38500'</button>'
       '    </form>'
+      '    </div></div>'
+      '      </div>'
+      '      <div class="col-8">'
+      
+        '    <div class="collapse item1" id=item1-b><div class="card card' +
+        '-body">'
       '    <form action=<#uri>/jump?db=<#dbnum> method=post id=search>'
-      '      <label><p>'#35352#20107'No</p><input name=num></label>'
-      '      <input type=submit value='#31227#21205'>'
+      '      <div class="input-group">'
+      
+        '      <div class=input-group-prepend><span class=input-group-tex' +
+        't>'#35352#20107'No</span></div>'
+      '      <input id=number1 class="form-control" name=num>'
+      
+        '      <div class=input-group-append><button type=submit>'#31227#21205'</butt' +
+        'on></div>'
+      '      </div>'
       '    </form>'
+      '    </div></div>'
+      '      </div>'
+      '    </div>'
+      '    </div>'
+      '      </div>'
+      '    <p><br></p>'
       '    <p><a href=<#uri>/search?db=<#dbnum>>'#26908#32034#12506#12540#12472'</a></p>'
-      '    <p style=text-align:right><a href=#article>'#19979#12408#31227#21205'</a></p>'
       '    <p style=text-align:center><#database></p>'
       '    <#footer>'
       '  <#article>'
       #9'<a name=article></a>'
-      #9'<p style=text-align:right><a href=#top>Top'#12408#31227#21205'</a></p>'
+      '    <div style=position:fixed;right:30px;bottom:40px>'
+      
+        '      <p><a class="btn btn-outline-info rounded-pill" href=#top>' +
+        #19978#12408'</a>'
+      
+        '      <p><a class="btn btn-outline-info rounded-pill" href=#arti' +
+        'cle>'#19979#12408'</a>'
+      '    </div>'
       '  <#footer>'
       
         '    <p style=text-align:center><a href="<#uri>/admin?db=<#dbnum>' +
@@ -338,6 +394,7 @@ object WebModule1: TWebModule1
         '/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqF' +
         'Gwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" cros' +
         'sorigin="anonymous">'
+      '<link rel=icon href=<#uri>/src?name=favicon64.ico>'
       '</head>'
       '<body>'
       
@@ -412,6 +469,8 @@ object WebModule1: TWebModule1
       '<p><a href="<#uri>/help">'#20351#12356#26041#26696#20869
       '</a>'
       '<p><a href=<#uri>/search>'#26908#32034'</a>'
+      '<p align="center">'#12522#12531#12463#12501#12522#12540
+      #9'<p align="center"><img src=<#uri>/src?name=BBS_bn.jpg>'
       '<p>PR '#12522#12531#12463'<br>'
       
         '<p><a href="https://www.amazon.co.jp/%E9%AB%98%E6%A0%A1%E5%8D%92' +
@@ -496,24 +555,19 @@ object WebModule1: TWebModule1
       ''
       'section#title {'
       '    display:inline;'
-      '    font:bold;'
-      '    font-size:1.2em;'
-      '    color:#D01166;'
+      '    font-weight:bold;'
+      '    font-size:1.2rem;'
+      '    color:#D01166'
       '}'
       ''
       'section#name h1 {'
-      '    font:bold;'
-      '    font-size:1em;'
-      '    color:#007000;'
-      '    margin:0;'
-      '}'
-      ''
-      'section#date h1 {'
-      '    font-size:1em;'
-      '    margin:0;'
+      '    font-size:1rem;'
+      '    font-weight:bold;'
+      '    color:#007000'
       '}'
       ''
       'section h1 {'
+      '    font-size:1rem;'
       '    display:inline;'
       '}'
       ''
@@ -530,73 +584,15 @@ object WebModule1: TWebModule1
       '    width:100%'
       '}'
       ''
-      'header table {'
-      '    margin:auto'
-      '}'
-      ''
-      'header p {'
-      '    display:inline'
-      '}'
-      ''
-      '@media only screen and (min-width:900px){'
-      'header textarea {'
-      '    width:100%;'
-      '    height:150px;'
-      #9'}'
-      '}'
-      '@media only screen and (max-width:899px){'
-      'header textarea {'
-      #9'width:70%;'
-      #9'height:90px'
-      #9'}'
-      '}'
-      ''
-      'button {'
+      'button#custom {'
       #9'position:absolute;'
       #9'width:80px;'
       #9'height:30px;'
       #9'right:20px'
       '}'
       ''
-      'button.sticky {'
-      #9'position:fixed;'
-      #9'top:0'
-      '}'
-      ''
-      'input[type=password] {'
-      '    width:55px'
-      '}'
-      ''
-      'form#search input {'
-      '    height:22px;'
-      '    width:55px'
-      '}'
-      ''
-      'span {'
-      '    color:#ff0000'
-      '}'
-      ''
-      'p {'
-      #9'text-indent:0;'
-      #9'margin:0'
-      '}'
-      ''
       'body {'
       #9'line-height:1.5'
-      '}'
-      ''
-      'table {'
-      #9'margin:auto;'
-      #9'border:0'
-      '}'
-      ''
-      'form#search {'
-      #9'border:solid;'
-      #9'display:inline-block;'
-      #9'margin-top:30px;'
-      #9'margin-right:30px;'
-      #9'margin-left:30px;'
-      #9'margin-bottom:30px'
       '}')
     Left = 360
     Top = 144
@@ -1190,39 +1186,79 @@ object WebModule1: TWebModule1
       '    <header>'
       '    <a name=top></a>'
       '    <form action=<#uri>/regist?db=<#dbnum> method="post">'
-      '      <table>'
-      '        <tr><td>'
-      
-        '          <label><p>'#12362#21517#21069'</p><input name="name" class=name value=<' +
-        '#cookie param=name>></label>'
-      
-        '          <label><p>'#12479#12452#12488#12523'</p><input name="title" class=title plac' +
-        'eholder="'#12479#12452#12488#12523#12394#12375'." value=<#title>></label>'
-      '          <input type="submit" value="'#36865#20449'">'
-      '        </td></tr>'
-      '        <tr><td>'
-      '          <label><p>'#26412#25991'<span>'#24517#38920'</span><br></p>'
-      
-        '            <textarea style="font-size:1.75em" name="comment" co' +
-        'ls=30'
-      
-        '                      required placeholder="'#12467#12513#12531#12488#12394#12393#12434#20837#21147#12375#12390#12367#12384#12373#12356'."><#' +
-        'raw></textarea></label>'
-      '        </td></tr>'
-      '        <tr><td>'
-      
-        '          <label><p>'#12497#12473#12527#12540#12489'</p><input name="password" type="passwo' +
-        'rd" placeholder="'#21066#38500#29992'" value=<#pass>>'
-      
-        '          </label> / <input type="checkbox" name="show" value="t' +
-        'rue" <#check>><p>'#12503#12524#12499#12517#12540'</p>'
-      '        </td></tr>'
-      '        <tr><td>'
-      
-        '          <label><p>'#21512#35328#33865#12434#12402#12425#12364#12394#12391#20837#21147#12375#12390#12367#12384#12373#12356': genki <input name=aikotob' +
-        'a type=text value=<#cookie param=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>'#12362#21517#21069'</span></div>'
+      
+        '            <input name="name" id=name1 class="form-control mr-5' +
+        '0" value=<#cookie param=name>>'
+      '          </div>'
+      '          <div class="input-group col-6">'
+      
+        '          <div class=input-group-prepend><span class=input-group' +
+        '-text>'#12479#12452#12488#12523'</span></div>'
+      
+        '            <input name="title" id=title1 class=form-control pla' +
+        'ceholder="'#12479#12452#12488#12523#12394#12375'." value=<#title>>'
+      
+        '          <input class="btn btn-primary ml-3" type="submit" valu' +
+        'e="'#36865#20449'">'
+      '          </div>'
+      '        </div>'
+      '        </div>'
+      '        <div class="form-row">'
+      '          <div class="form-group align-self-center w-100">'
+      
+        '          <label for=text1>'#26412#25991'<span style=color:red>'#24517#38920'</span></la' +
+        'bel>'
+      
+        '          <textarea id=text1 style="font-size:1.75em" name="comm' +
+        'ent" rows=4'
+      
+        '                class="form-control w-100 sjadpw-lg" required pl' +
+        'aceholder="'#12467#12513#12531#12488#12394#12393#12434#20837#21147#12375#12390#12367#12384#12373#12356'."><#raw></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-gro' +
+        'up-text>'#12497#12473#12527#12540#12489'</span></div>'
+      
+        '            <input id=password1 name="password" class="form-cont' +
+        'rol col-4" type="password" placeholder="'#21066#38500#29992'" value=<#pass>>'
+      '            </div>'
+      '          </div>'
+      '          <div class="form-group w-50">'
+      '            <div class="custom-control custom-checkbox">'
+      
+        '            <input type="checkbox" id=check1 name="show" class=c' +
+        'ustom-control-input value="true" <#check>>'
+      
+        '            <label class=custom-control-label for=check1>'#12503#12524#12499#12517#12540'</' +
+        'label>'
+      '            </div>'
+      '          </div>'
+      '        </div>'
+      '        <div class="form-row justify-content-end">'
+      '          <div class="form-inline">'
+      
+        '          <label for=aikotoba1>'#21512#35328#33865#12434#12402#12425#12364#12394#12391#20837#21147#12375#12390#12367#12384#12373#12356': genki'#12288'</label>' +
+        '<input name=aikotoba id=aikotoba1 class="form-control col-2" typ' +
+        'e=text value=<#cookie param=aikotoba>>'
+      '          </div>'
+      '        </div>'
+      '      </div>'
+      '      </div></div>'
       '    </form>'
       '    </header><#preview>')
     DataSet = FDTable1
@@ -1503,8 +1539,24 @@ object WebModule1: TWebModule1
     HTMLDoc.Strings = (
       '<#pr>'
       
-        '<form method=post action=<#uri>/adminset?db=<#database> style=te' +
-        'xt-align:center>'
+        '     <link rel="stylesheet" href="https://stackpath.bootstrapcdn' +
+        '.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJ' +
+        'zZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" ' +
+        'crossorigin="anonymous">   <script src="https://code.jquery.com/' +
+        'jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK4' +
+        '1JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anony' +
+        'mous"></script>'
+      
+        '    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.j' +
+        's/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRax' +
+        'vfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="ano' +
+        'nymous"></script>'
+      
+        '    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.' +
+        '2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2j' +
+        'oaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonym' +
+        'ous"></script><form method=post action=<#uri>/adminset?db=<#data' +
+        'base> style=text-align:center>'
       '    <label><p>'#12497#12473#12527#12540#12489#12398#22793#26356
       
         '      <input type="password" style="HEIGHT: 23px; WIDTH: 85px" n' +
@@ -1562,7 +1614,7 @@ object WebModule1: TWebModule1
       #9'});'
       '});'
       '')
-    Left = 104
+    Left = 184
     Top = 272
   end
   object title: TPageProducer
@@ -1763,7 +1815,6 @@ object WebModule1: TWebModule1
   object FDConnection1: TFDConnection
     Params.Strings = (
       'ConnectionDef=first_sql')
-    Connected = True
     Left = 632
     Top = 56
   end
@@ -1816,7 +1867,11 @@ object WebModule1: TWebModule1
   end
   object footer: TPageProducer
     HTMLDoc.Strings = (
-      '<p style=text-align:center>[ <#link> ] <#recent>')
+      '<nav aria-label="Page naigation">'
+      '  <ul class="pagination justify-content-center pagination-sm">'
+      '   <#link>'
+      '  </ul>'
+      '</nav>')
     OnHTMLTag = footerHTMLTag
     Left = 112
     Top = 192