WebModuleUnit1.dfm

   1 object WebModule1: TWebModule1
   2   OldCreateOrder = False
   3   OnCreate = WebModuleCreate
   4   Actions = <
   5     item
   6       MethodType = mtGet
   7       Name = 'top'
   8       PathInfo = '/'
   9       OnAction = WebModule1topAction
  10     end
  11     item
  12       MethodType = mtGet
  13       Name = 'indexpage'
  14       PathInfo = '/index'
  15       OnAction = WebModule1indexpageAction
  16     end
  17     item
  18       MethodType = mtPost
  19       Name = 'regist'
  20       PathInfo = '/regist'
  21       OnAction = WebModule1registAction
  22     end
  23     item
  24       MethodType = mtGet
  25       Name = 'admin'
  26       PathInfo = '/admin'
  27       OnAction = WebModule1adminAction
  28     end
  29     item
  30       Name = 'search'
  31       PathInfo = '/search'
  32       OnAction = WebModule1searchAction
  33     end
  34     item
  35       Name = 'help'
  36       PathInfo = '/help'
  37       OnAction = WebModule1helpAction
  38     end
  39     item
  40       Name = 'master'
  41       PathInfo = '/master'
  42       OnAction = WebModule1masterAction
  43     end
  44     item
  45       Name = 'alert'
  46       PathInfo = '/alert'
  47       OnAction = WebModule1alertAction
  48     end
  49     item
  50       MethodType = mtPost
  51       Name = 'usrdel'
  52       PathInfo = '/userdel'
  53       OnAction = WebModule1usrdelAction
  54     end
  55     item
  56       Name = 'jump'
  57       PathInfo = '/jump'
  58       OnAction = WebModule1jumpAction
  59     end
  60     item
  61       MethodType = mtGet
  62       Name = 'link'
  63       PathInfo = '/link'
  64       OnAction = WebModule1linkAction
  65     end
  66     item
  67       MethodType = mtPost
  68       Name = 'admdel'
  69       PathInfo = '/admindel'
  70       OnAction = WebModule1admdelAction
  71     end
  72     item
  73       Name = 'login'
  74       PathInfo = '/login'
  75       OnAction = WebModule1loginAction
  76     end
  77     item
  78       MethodType = mtPost
  79       Name = 'adminset'
  80       PathInfo = '/adminset'
  81       OnAction = WebModule1adminsetAction
  82     end
  83     item
  84       MethodType = mtGet
  85       Name = 'logout'
  86       PathInfo = '/logout'
  87       OnAction = WebModule1logoutAction
  88     end
  89     item
  90       MethodType = mtGet
  91       Name = 'img'
  92       PathInfo = '/src'
  93       OnAction = WebModule1imgAction
  94     end
  95     item
  96       MethodType = mtGet
  97       Name = 'file'
  98       PathInfo = '/file'
  99       OnAction = WebModule1fileAction
 100     end
 101     item
 102       Name = 'title'
 103       PathInfo = '/title'
 104       OnAction = WebModule1titleAction
 105     end>
 106   Height = 385
 107   Width = 909
 108   object articles: TDataSetPageProducer
 109     HTMLDoc.Strings = (
 110       '                                            <hr size=1>'
 111
 112         #9'<section id=number><a name=<#number>></a><a href=<#uri>/jump?db' +
 113         '=<#dbnum>&num=<#number>'
 114       '         style=text-decoration:none>'
 115       #9#9'[<#number>]</a></section>'
 116       #9'<section id=title><#title></section>'
 117       #9'<section id=name>'#12288'Name:<h1><#name></h1></section>'
 118       #9'<section id=date>'#12288'Date:<h1><#date></h1></section>'
 119       #9'<p>'#9661#9650#9661#9650#9661#9650#9661
 120       #9'<section id=comment><#comment></section>'
 121
 122         '<section id=master style=text-align:right><a href=<#uri>/alert?d' +
 123         'b=<#dbnum>&num=<#number>>'#22577#21578'</a></section>'
 124       #9'<p>'#9651#9660#9651#9660#9651#9660#9651)
 125     DataSet = FDTable2
 126     OnHTMLTag = articlesHTMLTag
 127     Left = 112
 128     Top = 88
 129   end
 130   object index: TDataSetPageProducer
 131     HTMLDoc.Strings = (
 132       '<!DOCTYPE html>'
 133       '<html lang="ja">'
 134       '  <head>'
 135       '    <meta charset="utf-8">'
 136       '  <meta http-equiv="Content-Style-Type" content="text/css">'
 137
 138         '    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.' +
 139         'com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJz' +
 140         'ZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" c' +
 141         'rossorigin="anonymous">'
 142       '<style type="text/css">'
 143       '<!--'
 144       '    <#css id=2>'
 145       '    <#css id=4>'
 146       '-->'
 147       '</style>'
 148
 149         '    <script src=//cdn.rawgit.com/google/code-prettify/master/loa' +
 150         'der/run_prettify.js></script>'
 151
 152         '    <script type=text/javascript src=//ajax.googleapis.com/ajax/' +
 153         'libs/jquery/1.8.1/jquery.min.js></script>'
 154       '    <script>'
 155       '    <!--'
 156       '    <#js id=1>'
 157       '    <#js id=2>'
 158       '    -->'
 159       '    </script>'
 160       '    <title>'
 161       '    <#title>'
 162       '    </title>'
 163       '  </head>'
 164       '  <body>'
 165       '<#pr>'
 166       '    <a href=<#uri>/ style=text-decoration:none><#title2></a>'
 167       ''
 168       '    <#header>'
 169       ''
 170       '    <hr size="1" width="100%">'
 171       '    <table class=my-table>'
 172       '    <tr><td>'
 173
 174         '    <form action=<#uri>/userdel?db=<#dbnum> method="post" id=sea' +
 175         'rch>'
 176
 177         '      <label for=id1>'#35352#20107'No</label><input id=id1 class=form-contro' +
 178         'l name="num">'
 179
 180         '      <label for=pass1>Pass</label><input id=pass1 class=form-co' +
 181         'ntrol type="password" name="password">'
 182
 183         '      <button class="form-control mx-auto" type="submit">"'#21066#38500'"</b' +
 184         'utton>'
 185       '    </form>'
 186       '    </td><td class=align-middle>'
 187       '    <form action=<#uri>/jump?db=<#dbnum> method=post id=search>'
 188       '      <div class=input-group>'
 189
 190         '      <div class=input-group-prepend><span class=input-group-tex' +
 191         't>'#35352#20107'No</span></div>'
 192
 193         '      <input id=number1 class="form-control col-1 align-middle" ' +
 194         'name=num>'
 195
 196         '      <div class=input-group-append><button type=submit>'#31227#21205'</butt' +
 197         'on></div>'
 198       '      </div>'
 199       '    </form>'
 200       '    </td></tr>'
 201       '    </table>'
 202       '    <p><a href=<#uri>/search?db=<#dbnum>>'#26908#32034#12506#12540#12472'</a></p>'
 203       '    <p style=text-align:right><a href=#article>'#19979#12408#31227#21205'</a></p>'
 204       '    <p style=text-align:center><#database></p>'
 205       '    <#footer>'
 206       '  <#article>'
 207       #9'<a name=article></a>'
 208       #9'<p style=text-align:right><a href=#top>Top'#12408#31227#21205'</a></p>'
 209       '  <#footer>'
 210
 211         '    <p style=text-align:center><a href="<#uri>/admin?db=<#dbnum>' +
 212         '">'#31649#29702#32773#29992#12525#12464#12452#12531'</a></p>'
 213
 214         '    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.j' +
 215         's" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp' +
 216         '4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>'
 217
 218         '    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.j' +
 219         's/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRax' +
 220         'vfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="ano' +
 221         'nymous"></script>'
 222
 223         '    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.' +
 224         '2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2j' +
 225         'oaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonym' +
 226         'ous"></script>'
 227       '  </body>'
 228       '</html>')
 229     DataSet = FDTable3
 230     OnHTMLTag = indexHTMLTag
 231     Left = 112
 232     Top = 32
 233   end
 234   object admin: TDataSetTableProducer
 235     Columns = <
 236       item
 237         Custom = 'width=10%'
 238         FieldName = 'CHECK'
 239       end
 240       item
 241         Custom = 'width=10%'
 242         FieldName = 'NUMBER'
 243       end
 244       item
 245         FieldName = 'TITLE'
 246       end
 247       item
 248         FieldName = 'NAME'
 249       end
 250       item
 251         FieldName = 'DATE'
 252       end>
 253     Footer.Strings = (
 254       '')
 255     MaxRows = 30
 256     DataSet = FDTable2
 257     RowAttributes.Align = haCenter
 258     TableAttributes.Align = haCenter
 259     TableAttributes.BgColor = 'White'
 260     TableAttributes.Width = 80
 261     OnFormatCell = adminFormatCell
 262     Left = 176
 263     Top = 32
 264   end
 265   object search: TPageProducer
 266     HTMLDoc.Strings = (
 267       ''
 268       '<!DOCTYPE HTML>'
 269       ''
 270       '<html>'
 271       '  <head>'
 272       '    <title>'#26908#32034'</title>'
 273       '    <style type=text/css>'
 274       '    <!--'
 275       '    <#css>'
 276       '    -->'
 277       '    </style>'
 278       '  </head>'
 279       ''
 280       '  <body>'
 281       '<#pr>'
 282       '    <form action="<#uri>/search<#query>" method="post">'
 283       '    <p align="center"><strong>'#25237#31295#26908#32034
 284       '</strong>'
 285       '    </p>'
 286       '    <p>'
 287       '</p>'
 288       '    <p>'
 289       '    </p>'
 290       '      <p align="center">'#26908#32034#12290#12473#12506#12540#12473#12391#21306#20999#12387#12390#12367#12384#12373#12356#12290'</p>'
 291       '    <select name=type>'
 292       '      <option value=OR>OR</option>'
 293       '      <option value=AND>AND</option>'
 294       '    </select>      '
 295
 296         '        <div style="HEIGHT: 26px; WIDTH: 105px; POSITION: relati' +
 297         've; DISPLAY: inline" ms_positioning="FlowLayout">'#26908#32034#12527#12540#12489
 298       '</div>'
 299       '      <p>&nbsp;<input name="word1"></p>'
 300
 301         '    <p><input type="radio" name="filter" style="HEIGHT: 20px; WI' +
 302         'DTH: 17px" size="17" value="name">'#21517#21069#12363#12425#26908#32034' <input type="radio" che' +
 303         'cked="true" style="HEIGHT: 20px; WIDTH: 16px" size="16" name="fi' +
 304         'lter" value="com">'#26412#25991#12363#12425#26908#32034
 305       '</p>'
 306       '      <p>'
 307       '    <input type="submit" value="'#26908#32034'"></p>'
 308       '    </form>'
 309       '      <p><a href="<#select>">'#25522#31034#26495#12408#25147#12427
 310       '</a></p>'
 311       '    <#items>'
 312       '  </body>'
 313       '</html>')
 314     OnHTMLTag = searchHTMLTag
 315     Left = 240
 316     Top = 32
 317   end
 318   object items: TDataSetPageProducer
 319     HTMLDoc.Strings = (
 320       '                                            <hr size=1>'
 321       #9'<section id=title><#title></section>'
 322       #9'<section id=name>'#12288'Name:<h1><#name></h1></section>'
 323       #9'<section id=date>'#12288'Date:<h1><#date></h1></section>'
 324       #9
 325       #9'<section id=comment><#item></section>'
 326       '')
 327     DataSet = FDTable4
 328     OnHTMLTag = itemsHTMLTag
 329     Left = 240
 330     Top = 144
 331   end
 332   object help: TPageProducer
 333     HTMLDoc.Strings = (
 334       ''
 335       '<!DOCTYPE html>'
 336       ''
 337       '<html><head><meta charset=utf8><title>'#20351#12356#26041'</title></head>'
 338       '<body>'
 339       '<#pr>'
 340       '<P>'#35370#21839#32773#12398#30342#12373#12435'</P>'
 341       '<#area>'
 342       #9'<p><br>'
 343       '<p>'#38283#30330#32773#12398#30342#12373#12435
 344       '<p>pybbs'#12398'API'
 345       '<p>ArticleAPI ... ~/read/api/<b>dbname</b>/<b>number</b>'
 346       '<p>ListAPI ... ~/headline/api'
 347       '<p><br>'
 348       '<p>'
 349       '<p>'#21033#29992#35215#32004
 350       '<p>'#12371#12428#12363#12425#26360#12365#12414#12377
 351       '<p style=text-align:center><a href=<#uri>/>'#25147#12427'</a>'
 352       '</body>'
 353       '</html>')
 354     OnHTMLTag = helpHTMLTag
 355     Left = 304
 356     Top = 32
 357   end
 358   object top: TPageProducer
 359     HTMLDoc.Strings = (
 360       '<!doctype html>'
 361       '<html class=no-js lang="ja">'
 362       '<head>'
 363       #9'<title>Top Page</title>'
 364
 365         ' <script type="text/javascript" src="//ajax.googleapis.com/ajax/' +
 366         'libs/jquery/2.1.4/jquery.min.js"></script>'
 367
 368         ' <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jq' +
 369         'ueryui/1.10.4/themes/smoothness/jquery-ui.css" />'
 370
 371         ' <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jq' +
 372         'uery-ui.min.js"></script>'
 373
 374         ' <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com' +
 375         '/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqF' +
 376         'Gwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" cros' +
 377         'sorigin="anonymous">'
 378       '</head>'
 379       '<body>'
 380
 381         '    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.j' +
 382         's" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp' +
 383         '4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>'
 384
 385         '    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.j' +
 386         's/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRax' +
 387         'vfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="ano' +
 388         'nymous"></script>'
 389
 390         '    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.' +
 391         '2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2j' +
 392         'oaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonym' +
 393         'ous"></script>'
 394       '<#pr>'
 395       '<div id="fb-root"></div>'
 396       ''
 397       '<script>(function(d, s, id) {'
 398       '  var js, fjs = d.getElementsByTagName(s)[0];'
 399       '  if (d.getElementById(id)) return;'
 400       '  js = d.createElement(s); js.id = id;'
 401
 402         '  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=' +
 403         'v2.8";'
 404       '  fjs.parentNode.insertBefore(js, fjs);'
 405       '}(document, '#39'script'#39', '#39'facebook-jssdk'#39'));</script>'
 406       ''
 407       ''
 408       '<header><h1 style="text-align: center;">'#28961#26009#38651#23376#25522#31034#26495#12408#12424#12358#12371#12381
 409       '</h1></header>'
 410       '<div id="slide-1" class="carousel slide" data-ride="carousel">'
 411       '  <ol class="carousel-indicators">'
 412       '    <#indicator>'
 413       '  </ol>'
 414       '  <div class="carousel-inner bg-dark"><#slide></div>'
 415       ''
 416
 417         #9'<a class="carousel-control-prev" href="#slide-1" role="button" ' +
 418         'data-slide="prev">'
 419
 420         '          <span class="carousel-control-prev-icon" aria-hidden="' +
 421         'true"></span>'
 422       '          <span class="sr-only">Previous</span>'
 423       '        </a>'
 424
 425         '        <a class="carousel-control-next" href="#slide-1" role="b' +
 426         'utton" data-slide="next">'
 427
 428         '          <span class="carousel-control-next-icon" aria-hidden="' +
 429         'true"></span>'
 430       '          <span class="sr-only">Next></span>'
 431       '        </a>'
 432       '</div>'
 433       '<p>'
 434       '<p>'#12288'<em style="background-color: aqua;">'#12288#12288#12288#12288'</em>'#12539#12539#12539'new!'
 435
 436         '        <p>[ <a href=<#uri>/index?db=<#dbnum>><#info></a> ] ='#12362#30693#12425 +
 437         #12379' <p>[ <a href="<#uri>/master">master'
 438
 439         '</a> ] ='#31649#29702#20154'<div class="fb-like" data-href="http://pybbs.herokuap' +
 440         'p.com" data-layout="box_count" data-action="like" data-size="sma' +
 441         'll" data-show-faces="true" data-share="false"></div>'
 442
 443         '<p><a href="http://www.xn--gckj5d1ktb3488cn4q.jp/" target="_blan' +
 444         'k"><img alt="'#28961#26009#12459#12454#12531#12479#12540'" src="http://www.xn--gckj5d1ktb3488cn4q.jp/' +
 445         'counter.php?id=pybbs" border="0"></a>'
 446       '<footer>'
 447       '<p><br>'
 448       '<p><a href=<#uri>/title>'#12479#12452#12488#12523#34920#31034'</a>'
 449       '<p><a href="<#uri>/help">'#20351#12356#26041#26696#20869
 450       '</a>'
 451       '<p><a href=<#uri>/search>'#26908#32034'</a>'
 452       '<p>PR '#12522#12531#12463'<br>'
 453
 454         '<p><a href="https://www.amazon.co.jp/%E9%AB%98%E6%A0%A1%E5%8D%92' +
 455         '%E6%A5%AD%E3%81%BE%E3%81%A7%E3%81%AE%E3%82%B5%E3%83%83%E3%82%AB%' +
 456         'E3%83%BC%E6%88%A6%E8%A1%93-sanuki_kainushi-ebook/dp/B00AXBM08Q/r' +
 457         'ef=sr_1_7?ie=UTF8&amp;qid=1479369992&amp;sr=8-7&amp;keywords=san' +
 458         'uki_kainushi">'#39640#26657#21330#26989#12414#12391#12398#12469#12483#12459#12540#25126#34899
 459       '</a><br>amazon kindle'
 460       '</p>'
 461       '<p>'
 462
 463         '<p><a href="https://www.amazon.co.jp/%E4%B8%AD%E5%AD%A6%E5%8D%92' +
 464         '%E6%A5%AD%E3%81%BE%E3%81%A7%E3%81%AE%E3%82%B5%E3%83%83%E3%82%AB%' +
 465         'E3%83%BC%E6%88%A6%E8%A1%93-sanuki_kainushi-ebook/dp/B014X0S874/r' +
 466         'ef=sr_1_3?s=digital-text&amp;ie=UTF8&amp;qid=1479370246&amp;sr=1' +
 467         '-3">'#20013#23398#21330#26989#12414#12391#12398#12469#12483#12459#12540#25126#34899
 468       '</a><br>amazon kindle'
 469       '</p>'
 470       '</footer>'
 471       ''
 472       '</body>'
 473       '</html>')
 474     OnHTMLTag = topHTMLTag
 475     Left = 48
 476     Top = 32
 477   end
 478   object master: TPageProducer
 479     HTMLDoc.Strings = (
 480       '<!doctype html>'
 481       '<head>'
 482       '<meta charset=utf-8>'
 483       '</head>'
 484       '<body>'
 485       '<#pr>'
 486       '<form action=<#uri>/master method=post>'
 487       '<p><#request>'
 488       '<input type=radio name=delete value=some checked>'#21066#38500#28168#12415#12434#28040#21435#12288
 489       '<input type=radio name=delete value=all>'#12377#12409#12390#28040#21435
 490       '<input type=submit value="'#36865#20449'">'
 491       '</form>'
 492       '<p style=text-align:center><a href=<#uri>/logout>'#12525#12464#12450#12454#12488'</a>'
 493       '<p style=text-align:center><a href=<#uri>/>'#25147#12427'</a>'
 494       '</body></html>')
 495     OnHTMLTag = masterHTMLTag
 496     Left = 48
 497     Top = 144
 498   end
 499   object alert: TDataSetPageProducer
 500     HTMLDoc.Strings = (
 501       '<tr><td>'
 502       '<p><#plus><#date>'
 503       '<p><#article></td><td><#request>'
 504       '</td><tr>')
 505     DataSet = FDTable4
 506     OnHTMLTag = alertHTMLTag
 507     Left = 48
 508     Top = 192
 509   end
 510   object mail: TPageProducer
 511     HTMLDoc.Strings = (
 512       '<!doctyle html>'
 513       '<html>'
 514       '<head><meta charset=utf-8></head>'
 515       '<body>'
 516       '<#pr>'
 517       '<form action=<#uri>/alert<#query>  method=post>'
 518       '  <#content>'
 519       '<textarea name=request></textarea>'
 520       '<input type=submit>'
 521       '<p style=text-align:center><a href=<#uri>/jump<#query>>'#25147#12427'</a>'
 522       '</form>'
 523       '</body></html>')
 524     OnHTMLTag = mailHTMLTag
 525     Left = 176
 526     Top = 144
 527   end
 528   object css2: TPageProducer
 529     HTMLDoc.Strings = (
 530       'section#number {'
 531       '    display:inline'
 532       '}'
 533       ''
 534       'section#title {'
 535       '    display:inline;'
 536       '    font-weight:bold;'
 537       '    font-size:1.2rem;'
 538       '    color:#D01166'
 539       '}'
 540       ''
 541       'section#name h1 {'
 542       '    font-size:1rem;'
 543       '    font-weight:bold;'
 544       '    color:#007000'
 545       '}'
 546       ''
 547       'section h1 {'
 548       '    font-size:1rem;'
 549       '    display:inline;'
 550       '}'
 551       ''
 552       'header {'
 553       '    margin:auto;'
 554       '    border:solid 1px #aaaaaa;'
 555       '    box-shadow:0 2px 3px #cccccc,'
 556       '               0 0 #ff8800 inset;'
 557       '    padding:18px;'
 558       '    border-radius:5px;'
 559       '    background:-webkit-linear-gradient(#ffffff 0%,#014471 50%,'
 560       '        #014471 51%,#ffffff 100%);'
 561       '    overflow:hidden;'
 562       '    width:100%'
 563       '}'
 564       ''
 565       'button#custom {'
 566       #9'position:absolute;'
 567       #9'width:80px;'
 568       #9'height:30px;'
 569       #9'right:20px'
 570       '}'
 571       ''
 572       'button.sticky {'
 573       #9'position:fixed;'
 574       #9'top:0'
 575       '}'
 576       ''
 577       'body {'
 578       #9'line-height:1.5'
 579       '}')
 580     Left = 360
 581     Top = 144
 582   end
 583   object css3: TPageProducer
 584     HTMLDoc.Strings = (
 585       '/*! normalize.css v2.1.2 | MIT License | git.io/normalize */'
 586       ''
 587
 588         '/* =============================================================' +
 589         '============='
 590       '   HTML5 display definitions'
 591
 592         '   =============================================================' +
 593         '============= */'
 594       ''
 595       '/**'
 596       ' * Correct `block` display not defined in IE 8/9.'
 597       ' */'
 598       ''
 599       'article,'
 600       'aside,'
 601       'details,'
 602       'figcaption,'
 603       'figure,'
 604       'footer,'
 605       'header,'
 606       'hgroup,'
 607       'main,'
 608       'nav,'
 609       'section,'
 610       'summary {'
 611       '    display: block;'
 612       '}'
 613       ''
 614       '/**'
 615       ' * Correct `inline-block` display not defined in IE 8/9.'
 616       ' */'
 617       ''
 618       'audio,'
 619       'canvas,'
 620       'video {'
 621       '    display: inline-block;'
 622       '}'
 623       ''
 624       '/**'
 625
 626         ' * Prevent modern browsers from displaying `audio` without contr' +
 627         'ols.'
 628       ' * Remove excess height in iOS 5 devices.'
 629       ' */'
 630       ''
 631       'audio:not([controls]) {'
 632       '    display: none;'
 633       '    height: 0;'
 634       '}'
 635       ''
 636       '/**'
 637       ' * Address styling not present in IE 8/9.'
 638       ' */'
 639       ''
 640       '[hidden] {'
 641       '    display: none;'
 642       '}'
 643       ''
 644
 645         '/* =============================================================' +
 646         '============='
 647       '   Base'
 648
 649         '   =============================================================' +
 650         '============= */'
 651       ''
 652       '/**'
 653       ' * 1. Set default font family to sans-serif.'
 654
 655         ' * 2. Prevent iOS text size adjust after orientation change, wit' +
 656         'hout disabling'
 657       ' *    user zoom.'
 658       ' */'
 659       ''
 660       'html {'
 661       '    font-family: sans-serif; /* 1 */'
 662       '    -ms-text-size-adjust: 100%; /* 2 */'
 663       '    -webkit-text-size-adjust: 100%; /* 2 */'
 664       '}'
 665       ''
 666       '/**'
 667       ' * Remove default margin.'
 668       ' */'
 669       ''
 670       'body {'
 671       '    margin: 0;'
 672       '}'
 673       ''
 674
 675         '/* =============================================================' +
 676         '============='
 677       '   Links'
 678
 679         '   =============================================================' +
 680         '============= */'
 681       ''
 682       '/**'
 683
 684         ' * Address `outline` inconsistency between Chrome and other brow' +
 685         'sers.'
 686       ' */'
 687       ''
 688       'a:focus {'
 689       '    outline: thin dotted;'
 690       '}'
 691       ''
 692       '/**'
 693
 694         ' * Improve readability when focused and also mouse hovered in al' +
 695         'l browsers.'
 696       ' */'
 697       ''
 698       'a:active,'
 699       'a:hover {'
 700       '    outline: 0;'
 701       '}'
 702       ''
 703
 704         '/* =============================================================' +
 705         '============='
 706       '   Typography'
 707
 708         '   =============================================================' +
 709         '============= */'
 710       ''
 711       '/**'
 712
 713         ' * Address variable `h1` font-size and margin within `section` a' +
 714         'nd `article`'
 715       ' * contexts in Firefox 4+, Safari 5, and Chrome.'
 716       ' */'
 717       ''
 718       'h1 {'
 719       '    font-size: 2em;'
 720       '    margin: 0.67em 0;'
 721       '}'
 722       ''
 723       '/**'
 724       ' * Address styling not present in IE 8/9, Safari 5, and Chrome.'
 725       ' */'
 726       ''
 727       'abbr[title] {'
 728       '    border-bottom: 1px dotted;'
 729       '}'
 730       ''
 731       '/**'
 732
 733         ' * Address style set to `bolder` in Firefox 4+, Safari 5, and Ch' +
 734         'rome.'
 735       ' */'
 736       ''
 737       'b,'
 738       'strong {'
 739       '    font-weight: bold;'
 740       '}'
 741       ''
 742       '/**'
 743       ' * Address styling not present in Safari 5 and Chrome.'
 744       ' */'
 745       ''
 746       'dfn {'
 747       '    font-style: italic;'
 748       '}'
 749       ''
 750       '/**'
 751       ' * Address differences between Firefox and other browsers.'
 752       ' */'
 753       ''
 754       'hr {'
 755       '    -moz-box-sizing: content-box;'
 756       '    box-sizing: content-box;'
 757       '    height: 0;'
 758       '}'
 759       ''
 760       '/**'
 761       ' * Address styling not present in IE 8/9.'
 762       ' */'
 763       ''
 764       'mark {'
 765       '    background: #ff0;'
 766       '    color: #000;'
 767       '}'
 768       ''
 769       '/**'
 770       ' * Correct font family set oddly in Safari 5 and Chrome.'
 771       ' */'
 772       ''
 773       'code,'
 774       'kbd,'
 775       'pre,'
 776       'samp {'
 777       '    font-family: monospace, serif;'
 778       '    font-size: 1em;'
 779       '}'
 780       ''
 781       '/**'
 782       ' * Improve readability of pre-formatted text in all browsers.'
 783       ' */'
 784       ''
 785       'pre {'
 786       '    white-space: pre-wrap;'
 787       '}'
 788       ''
 789       '/**'
 790       ' * Set consistent quote types.'
 791       ' */'
 792       ''
 793       'q {'
 794       '    quotes: "\201C" "\201D" "\2018" "\2019";'
 795       '}'
 796       ''
 797       '/**'
 798       ' * Address inconsistent and variable font size in all browsers.'
 799       ' */'
 800       ''
 801       'small {'
 802       '    font-size: 80%;'
 803       '}'
 804       ''
 805       '/**'
 806
 807         ' * Prevent `sub` and `sup` affecting `line-height` in all browse' +
 808         'rs.'
 809       ' */'
 810       ''
 811       'sub,'
 812       'sup {'
 813       '    font-size: 75%;'
 814       '    line-height: 0;'
 815       '    position: relative;'
 816       '    vertical-align: baseline;'
 817       '}'
 818       ''
 819       'sup {'
 820       '    top: -0.5em;'
 821       '}'
 822       ''
 823       'sub {'
 824       '    bottom: -0.25em;'
 825       '}'
 826       ''
 827
 828         '/* =============================================================' +
 829         '============='
 830       '   Embedded content'
 831
 832         '   =============================================================' +
 833         '============= */'
 834       ''
 835       '/**'
 836       ' * Remove border when inside `a` element in IE 8/9.'
 837       ' */'
 838       ''
 839       'img {'
 840       '    border: 0;'
 841       '}'
 842       ''
 843       '/**'
 844       ' * Correct overflow displayed oddly in IE 9.'
 845       ' */'
 846       ''
 847       'svg:not(:root) {'
 848       '    overflow: hidden;'
 849       '}'
 850       ''
 851
 852         '/* =============================================================' +
 853         '============='
 854       '   Figures'
 855
 856         '   =============================================================' +
 857         '============= */'
 858       ''
 859       '/**'
 860       ' * Address margin not present in IE 8/9 and Safari 5.'
 861       ' */'
 862       ''
 863       'figure {'
 864       '    margin: 0;'
 865       '}'
 866       ''
 867
 868         '/* =============================================================' +
 869         '============='
 870       '   Forms'
 871
 872         '   =============================================================' +
 873         '============= */'
 874       ''
 875       '/**'
 876       ' * Define consistent border, margin, and padding.'
 877       ' */'
 878       ''
 879       'fieldset {'
 880       '    border: 1px solid #c0c0c0;'
 881       '    margin: 0 2px;'
 882       '    padding: 0.35em 0.625em 0.75em;'
 883       '}'
 884       ''
 885       '/**'
 886       ' * 1. Correct `color` not being inherited in IE 8/9.'
 887
 888         ' * 2. Remove padding so people aren'#39't caught out if they zero ou' +
 889         't fieldsets.'
 890       ' */'
 891       ''
 892       'legend {'
 893       '    border: 0; /* 1 */'
 894       '    padding: 0; /* 2 */'
 895       '}'
 896       ''
 897       '/**'
 898       ' * 1. Correct font family not being inherited in all browsers.'
 899       ' * 2. Correct font size not being inherited in all browsers.'
 900
 901         ' * 3. Address margins set differently in Firefox 4+, Safari 5, a' +
 902         'nd Chrome.'
 903       ' */'
 904       ''
 905       'button,'
 906       'input,'
 907       'select,'
 908       'textarea {'
 909       '    font-family: inherit; /* 1 */'
 910       '    font-size: 100%; /* 2 */'
 911       '    margin: 0; /* 3 */'
 912       '}'
 913       ''
 914       '/**'
 915
 916         ' * Address Firefox 4+ setting `line-height` on `input` using `!i' +
 917         'mportant` in'
 918       ' * the UA stylesheet.'
 919       ' */'
 920       ''
 921       'button,'
 922       'input {'
 923       '    line-height: normal;'
 924       '}'
 925       ''
 926       '/**'
 927
 928         ' * Address inconsistent `text-transform` inheritance for `button' +
 929         '` and `select`.'
 930
 931         ' * All other form control elements do not inherit `text-transfor' +
 932         'm` values.'
 933
 934         ' * Correct `button` style inheritance in Chrome, Safari 5+, and ' +
 935         'IE 8+.'
 936       ' * Correct `select` style inheritance in Firefox 4+ and Opera.'
 937       ' */'
 938       ''
 939       'button,'
 940       'select {'
 941       '    text-transform: none;'
 942       '}'
 943       ''
 944       '/**'
 945
 946         ' * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys n' +
 947         'ative `audio`'
 948       ' *    and `video` controls.'
 949       ' * 2. Correct inability to style clickable `input` types in iOS.'
 950
 951         ' * 3. Improve usability and consistency of cursor style between ' +
 952         'image-type'
 953       ' *    `input` and others.'
 954       ' */'
 955       ''
 956       'button,'
 957       'html input[type="button"], /* 1 */'
 958       'input[type="reset"],'
 959       'input[type="submit"] {'
 960       '    -webkit-appearance: button; /* 2 */'
 961       '    cursor: pointer; /* 3 */'
 962       '}'
 963       ''
 964       '/**'
 965       ' * Re-set default cursor for disabled elements.'
 966       ' */'
 967       ''
 968       'button[disabled],'
 969       'html input[disabled] {'
 970       '    cursor: default;'
 971       '}'
 972       ''
 973       '/**'
 974       ' * 1. Address box sizing set to `content-box` in IE 8/9.'
 975       ' * 2. Remove excess padding in IE 8/9.'
 976       ' */'
 977       ''
 978       'input[type="checkbox"],'
 979       'input[type="radio"] {'
 980       '    box-sizing: border-box; /* 1 */'
 981       '    padding: 0; /* 2 */'
 982       '}'
 983       ''
 984       '/**'
 985
 986         ' * 1. Address `appearance` set to `searchfield` in Safari 5 and ' +
 987         'Chrome.'
 988
 989         ' * 2. Address `box-sizing` set to `border-box` in Safari 5 and C' +
 990         'hrome'
 991       ' *    (include `-moz` to future-proof).'
 992       ' */'
 993       ''
 994       'input[type="search"] {'
 995       '    -webkit-appearance: textfield; /* 1 */'
 996       '    -moz-box-sizing: content-box;'
 997       '    -webkit-box-sizing: content-box; /* 2 */'
 998       '    box-sizing: content-box;'
 999       '}'
1000       ''
1001       '/**'
1002
1003         ' * Remove inner padding and search cancel button in Safari 5 and' +
1004         ' Chrome'
1005       ' * on OS X.'
1006       ' */'
1007       ''
1008       'input[type="search"]::-webkit-search-cancel-button,'
1009       'input[type="search"]::-webkit-search-decoration {'
1010       '    -webkit-appearance: none;'
1011       '}'
1012       ''
1013       '/**'
1014       ' * Remove inner padding and border in Firefox 4+.'
1015       ' */'
1016       ''
1017       'button::-moz-focus-inner,'
1018       'input::-moz-focus-inner {'
1019       '    border: 0;'
1020       '    padding: 0;'
1021       '}'
1022       ''
1023       '/**'
1024       ' * 1. Remove default vertical scrollbar in IE 8/9.'
1025       ' * 2. Improve readability and alignment in all browsers.'
1026       ' */'
1027       ''
1028       'textarea {'
1029       '    overflow: auto; /* 1 */'
1030       '    vertical-align: top; /* 2 */'
1031       '}'
1032       ''
1033
1034         '/* =============================================================' +
1035         '============='
1036       '   Tables'
1037
1038         '   =============================================================' +
1039         '============= */'
1040       ''
1041       '/**'
1042       ' * Remove most spacing between table cells.'
1043       ' */'
1044       ''
1045       'table {'
1046       '    border-collapse: collapse;'
1047       '    border-spacing: 0;'
1048       '}')
1049     Left = 360
1050     Top = 192
1051   end
1052   object css4: TPageProducer
1053     HTMLDoc.Strings = (
1054       '/*** Styles for Live Preview Window ***/'
1055       ''
1056       '#livepreview_iframe {'
1057       '    box-shadow: inset 5px 5px 10px #666;'
1058       '    -moz-box-shadow: inset 5 5px 10px #666;'
1059       '    -webkit-box-shadow: inset 5 5px 10px #666;'
1060       '}'
1061       ''
1062       '#livepreview_dialog {'
1063       '    padding:0px;'
1064       '    height:200px;  '
1065       '    width:300px;'
1066       '    background-color:#fff;'
1067       '    background-image:url('#39'/images/icon_loading.gif'#39');'
1068       '    background-repeat:no-repeat;'
1069       '    background-position:center center;'
1070       '    position:absolute;'
1071       '    border:solid 5px #666;'
1072       '    border-radius:5px;'
1073       '    -moz-border-radius: 5px;'
1074       '    -webkit-border-radius:5px;'
1075       '}'
1076       ''
1077       '#livepreview_dialog:after, #livepreview_dialog:before {'
1078       '    border: solid transparent;'
1079       '    content: " ";'
1080       '    height: 0;'
1081       '    width: 0;'
1082       '    position: absolute;'
1083       '    pointer-events: none;'
1084       '}'
1085       ''
1086
1087         '#livepreview_dialog.bottom:after, #livepreview_dialog.bottom:bef' +
1088         'ore {'
1089       '    bottom: 100%;'
1090       '    left: 50%;'
1091       '}'
1092       ''
1093       '#livepreview_dialog.bottom:after {'
1094       '    border-color: rgba(255, 255, 255, 0);'
1095       '    border-bottom-color: #ffffffff;'
1096       '    border-width: 20px; '
1097       '    margin-left: -20px;'
1098       '}'
1099       '#livepreview_dialog.bottom:before {'
1100       '    border-color: rgba(102, 102, 102, 0);'
1101       '    border-bottom-color: #666666;'
1102       '    border-width: 26px;'
1103       '    margin-left: -26px;'
1104       '}'
1105       ''
1106       '#livepreview_dialog.top:after, #livepreview_dialog.top:before {'
1107       '    top: 100%;'
1108       '    left: 50%;'
1109       '}'
1110       ''
1111       '#livepreview_dialog.top:after {'
1112       '    border-color: rgba(255, 255, 255, 0);'
1113       '    border-top-color: #ffffffff;'
1114       '    border-width: 20px;'
1115       '    margin-left: -20px;'
1116       '}'
1117       ''
1118       '#livepreview_dialog.top:before {'
1119       '    border-color: rgba(102, 102, 102, 0);'
1120       '    border-top-color: #666666;'
1121       '    border-width: 26px;'
1122       '    margin-left: -26px;'
1123       '}'
1124       ''
1125
1126         '#livepreview_dialog.right:after, #livepreview_dialog.right:befor' +
1127         'e {'
1128       '    right: 100%;'
1129       '    top: 50%;'
1130       '}'
1131       ''
1132       '#livepreview_dialog.right:after {'
1133       '    border-color: rgba(255, 255, 255, 0);'
1134       '    border-right-color: #ffffffff;'
1135       '    border-width: 20px;'
1136       '    margin-top: -20px;'
1137       '}'
1138       ''
1139       '#livepreview_dialog.right:before {'
1140       '    border-color: rgba(102, 102, 102, 0);'
1141       '    border-right-color: #666666;'
1142       '    border-width: 26px;'
1143       '    margin-top: -26px;'
1144       '}'
1145       ''
1146       '#livepreview_dialog.left, #livepreview_dialog.left:before {'
1147       '    left: 100%;'
1148       '    top: 50%;'
1149       '}'
1150       ''
1151       '#livepreview_dialog.left:after {'
1152       '    border-color: rgba(255, 255, 255, 0);'
1153       '    border-left-color: #ffffffff;'
1154       '    border-width: 20px;'
1155       '    margin-top: -20px;'
1156       '}'
1157       ''
1158       '#livepreview_dialog.left:before {'
1159       '    border-color: rgba(102, 102, 102, 0);'
1160       '    border-left-color: #666666;'
1161       '    border-width: 26px;'
1162       '    margin-top: -26px;'
1163       '}')
1164     Left = 360
1165     Top = 240
1166   end
1167   object header: TDataSetPageProducer
1168     HTMLDoc.Strings = (
1169       '    <header>'
1170       '    <a name=top></a>'
1171       '    <form action=<#uri>/regist?db=<#dbnum> method="post">'
1172       '      <p><br></p>'
1173
1174         '      <div class="row justify-content-center"><div class="col-10' +
1175         '">'
1176       '      <div class="container">'
1177       '        <div class="form-row">'
1178       '        <div class="form-inline p-3">'
1179       '          <div class=input-group>'
1180
1181         '          <div class=input-group-prepend><span class=input-group' +
1182         '-text>'#12362#21517#21069'</span></div>'
1183
1184         '            <input name="name" id=name1 class="form-control" val' +
1185         'ue=<#cookie param=name>>'
1186       '          </div>'
1187       '          <div class="input-group justify-content-end">'
1188
1189         '          <div class=input-text-prepend><span class=input-group-' +
1190         'text>'#12479#12452#12488#12523'</span></div>'
1191
1192         '            <input name="title" id=title1 class=form-control pla' +
1193         'ceholder="'#12479#12452#12488#12523#12394#12375'." value=<#title>>'
1194
1195         '          <button class="btn btn-primary" type="submit">'#36865#20449'</butt' +
1196         'on>'
1197       '          </div>'
1198       '        </div>'
1199       '        </div>'
1200       '        <div class="form-row">'
1201       '          <div class="form-group align-self-center w-100">'
1202
1203         '          <label for=text1>'#26412#25991'<span style=color:red>'#24517#38920'</span></la' +
1204         'bel>'
1205
1206         '          <textarea id=text1 style="font-size:1.75em" name="comm' +
1207         'ent" rows=4'
1208
1209         '                class="form-control w-100 sjadpw-lg" required pl' +
1210         'aceholder="'#12467#12513#12531#12488#12394#12393#12434#20837#21147#12375#12390#12367#12384#12373#12356'."><#raw></textarea>'
1211       '          </div>'
1212       '        </div>'
1213       '        <div class="form-row justify-content-around">'
1214       '          <div class="form-inline w-50">'
1215
1216         '          <label for=password1>'#12497#12473#12527#12540#12489':'#12288'</label><input id=password' +
1217         '1 name="password" class="form-control col-4" type="password" pla' +
1218         'ceholder="'#21066#38500#29992'" value=<#pass>>'
1219       '          </div>'
1220       '          <div class="form-group w-50">'
1221       '          <div class="custom-control custom-checkbox">'
1222
1223         '           <input type="checkbox" id=check1 name="show" class=cu' +
1224         'stom-control-input value="true" <#check>>'
1225
1226         '           <label class=custom-control-label for=check1>'#12503#12524#12499#12517#12540'</l' +
1227         'abel>'
1228       '          </div>'
1229       '          </div>'
1230       '        </div>'
1231       '        <div class="form-row justify-content-end">'
1232       '          <div class="form-inline">'
1233
1234         '          <label for=aikotoba1>'#21512#35328#33865#12434#12402#12425#12364#12394#12391#20837#21147#12375#12390#12367#12384#12373#12356': genki'#12288'</label>' +
1235         '<input name=aikotoba id=aikotoba1 class="form-control col-2" typ' +
1236         'e=text value=<#cookie param=aikotoba>>'
1237       '          </div>'
1238       '        </div>'
1239       '      </div>'
1240       '      </div></div>'
1241       '    </form>'
1242       '    </header><#preview>')
1243     DataSet = FDTable1
1244     OnHTMLTag = headerHTMLTag
1245     Left = 240
1246     Top = 192
1247   end
1248   object js1: TPageProducer
1249     HTMLDoc.Strings = (
1250       '$(function(){'
1251       #9'$('#39'.livepreview'#39').livePreview({position:'#39'top'#39'});'
1252
1253         #9'$('#39'.minpreview'#39').livePreview({scale:1,viewWidth:900,viewHeight:' +
1254         '600});'
1255       #9
1256       #9'var $window = $(window),'
1257       #9#9'$header = $('#39'header'#39'),'
1258       #9#9'$button = $header.find('#39'button'#39'),'
1259       #9#9'$headerClone = $header.clone(),'
1260
1261         #9#9'$headerCloneContainer = $('#39'<div class=clone style=position:fix' +
1262         'ed;width:100%></div>'#39'),'
1263       #9#9'$clonebutton = $headerCloneContainer.find('#39'button'#39'),'
1264       #9#9'headerOffsetTop = $header.offset().top,'
1265       #9#9'headerHeight = $header.outerHeight();'
1266       #9
1267       #9'$button.on('#39'click'#39',function(){'
1268       #9#9'if ($window.scrollTop() > headerOffsetTop){'
1269       #9#9#9'$headerCloneContainer'
1270       #9#9#9#9'.css({'
1271       #9#9#9#9#9'opacity:1,'
1272       #9#9#9#9#9'top:-$window.scrollTop()+headerOffsetTop'
1273       #9#9#9#9'})'#9#9#9#9
1274       #9#9#9#9'.animate({top:0},300)'
1275       #9#9#9#9'.find('#39'textarea'#39').val($header.find('#39'textarea'#39').val());'
1276
1277         #9#9#9'$headerCloneContainer.find('#39'.name'#39').val($header.find('#39'.name'#39')' +
1278         '.val());'
1279
1280         #9#9#9'$headerCloneContainer.find('#39'.title'#39').val($header.find('#39'.title' +
1281         #39').val());'
1282       #9#9#9'$header.addClass('#39'open'#39');'
1283       #9#9'};'
1284       #9'}).css({top:headerOffsetTop+headerHeight});'
1285       #9'$headerCloneContainer.append($headerClone);'
1286       #9'$headerCloneContainer.appendTo('#39'body'#39');'
1287       #9'$headerCloneContainer'
1288       #9#9'.css({'#39'opacity'#39':0})'
1289       #9#9'.find('#39'button'#39').text('#39'close'#39').on('#39'click'#39',function(){'#9#9#9
1290       #9#9#9'var wintop = $window.scrollTop();'#9#9#9#9
1291       ''
1292
1293         #9#9#9'$header.find('#39'textarea'#39').val($headerCloneContainer.find('#39'text' +
1294         'area'#39').val());'
1295       #9#9#9'$headerCloneContainer'
1296       #9#9#9#9'.animate({top:-wintop+headerOffsetTop},300)'
1297       #9#9#9#9'.animate({opacity:0,top:-headerHeight},0);'
1298
1299         #9#9#9'$header.find('#39'.name'#39').val($headerCloneContainer.find('#39'.name'#39')' +
1300         '.val());'
1301
1302         #9#9#9'$header.find('#39'.title'#39').val($headerCloneContainer.find('#39'.title' +
1303         #39').val());'
1304       #9#9#9'$header.removeClass('#39'open'#39');'
1305       #9#9'});'
1306       #9'$window.on('#39'scroll'#39',function(){'
1307       #9#9'var wintop = $window.scrollTop();'
1308       #9#9
1309       #9#9'if ($header.hasClass('#39'open'#39')&&(wintop < headerOffsetTop)){'
1310       #9#9#9'$headerCloneContainer.css({opacity:0,top:-headerHeight});'
1311       #9#9#9'$header.removeClass('#39'open'#39');'
1312       #9#9#9'$window.trigger('#39'scroll'#39');'
1313       #9#9'};'
1314       #9#9'if (wintop > headerOffsetTop+headerHeight){'
1315       #9#9#9'$button.addClass('#39'sticky'#39').css({top:0});'
1316       #9#9'}else{'
1317
1318         #9#9#9'$button.removeClass('#39'sticky'#39').css({top:headerOffsetTop+header' +
1319         'Height});'
1320       #9#9'};'
1321       #9'});'
1322       '});')
1323     Left = 304
1324     Top = 272
1325   end
1326   object js2: TPageProducer
1327     HTMLDoc.Strings = (
1328       '/* =========================================================='
1329       ' * jquery-live-preview.js v1.1.0'
1330       ' * https://github.com/alanphoon/jquery-live-preview'
1331       ' * =========================================================='
1332       ' * Copyright 2015 Alan Phoon, www.ampedupdesigns.com'
1333       ' * The MIT License'
1334       ' *'
1335
1336         ' * Permission is hereby granted, free of charge, to any person o' +
1337         'btaining a copy'
1338
1339         ' * of this software and associated documentation files (the "Sof' +
1340         'tware"), to deal'
1341
1342         ' * in the Software without restriction, including without limita' +
1343         'tion the rights'
1344
1345         ' * to use, copy, modify, merge, publish, distribute, sublicense,' +
1346         ' and/or sell'
1347
1348         ' * copies of the Software, and to permit persons to whom the Sof' +
1349         'tware is'
1350       ' * furnished to do so, subject to the following conditions:'
1351       ' * '
1352
1353         ' * The above copyright notice and this permission notice shall b' +
1354         'e included in'
1355       ' * all copies or substantial portions of the Software.'
1356       ' * '
1357
1358         ' * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIN' +
1359         'D, EXPRESS OR'
1360
1361         ' * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCH' +
1362         'ANTABILITY,'
1363
1364         ' * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO E' +
1365         'VENT SHALL THE'
1366
1367         ' * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES' +
1368         ' OR OTHER'
1369
1370         ' * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWIS' +
1371         'E, ARISING FROM,'
1372
1373         ' * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER' +
1374         ' DEALINGS IN'
1375       ' * THE SOFTWARE.'
1376       ' * ========================================================== */'
1377       ''
1378       '(function($) {'
1379       '  $.fn.extend({'
1380       '     livePreview: function(options) {'
1381       '         '
1382       '         var defaults = {'
1383       '             trigger: '#39'hover'#39','
1384       '             targetWidth : 1000,'
1385       '             targetHeight: 800,'
1386       '             viewWidth: 300,'
1387       '             viewHeight: 200,'
1388       '             position: '#39'right'#39','
1389       '             positionOffset: 40,'
1390       '         };'
1391       ''
1392       '         var options = $.extend(defaults, options);'
1393       '         //calculate appropriate scaling based on width.'
1394
1395         '         var scale_w = (options.viewWidth / options.targetWidth)' +
1396         ';'
1397
1398         '         var scale_h = (options.viewHeight / options.targetHeigh' +
1399         't);'
1400       '         var scale_f = 1;'
1401       '         var preview_id = '#39'livepreview_dialog'#39';'
1402       ''
1403       '         if(typeof options.scale != '#39'undefined'#39')'
1404       '             scale_f = options.scale;'
1405       '         else'
1406       '         {'
1407       '             if(scale_w > scale_h)'
1408       '                 scale_f = scale_w;'
1409       '             else'
1410       '                 scale_f = scale_h;'
1411       '         }'
1412       '         '
1413       '         var showPreview = function(event) {'
1414       '             var triggerType = event.data.triggerType;'
1415       '             var obj = event.data.target;'
1416       '             var href = event.data.href;'
1417       '             var s = event.data.scale;'
1418       '             '
1419
1420         '             if( (triggerType == '#39'click'#39') && ($('#39'#'#39' + preview_id' +
1421         ').length == 0) ) {'
1422       '                 event.preventDefault();'
1423       '             }'
1424       ''
1425       '             var currentPos = options.position;'
1426       '              if(obj.attr("data-position"))'
1427       '                 currentPos = obj.attr("data-position");'
1428       ''
1429       '             var currentOffset = options.positionOffset;'
1430       '             if(obj.attr("data-positionOffset"))'
1431
1432         '                 currentOffset = obj.attr("data-positionOffset")' +
1433         ';'
1434       ''
1435       '             if(obj.attr("data-scale"))'
1436       '                 s = obj.attr("data-scale");'
1437       ''
1438       '             var pos = $(this).offset();'
1439       '             var width = $(this).width();'
1440       '             var height = $(this).height();'
1441       '             var toppos = pos.top - (options.viewHeight/2);'
1442       '             var leftpos = pos.left + width + currentOffset;'
1443       ''
1444       '             if(currentPos == '#39'left'#39') {'
1445
1446         '                leftpos = pos.left - options.viewWidth - current' +
1447         'Offset;'
1448       '             }'
1449       '            '
1450       '             if(currentPos == '#39'top'#39') {'
1451
1452         '                leftpos = pos.left + (width/2) - (options.viewWi' +
1453         'dth/2);'
1454
1455         '                toppos = pos.top - options.viewHeight - currentO' +
1456         'ffset;'
1457       '             }'
1458       ''
1459       '             if(currentPos == '#39'bottom'#39') {'
1460
1461         '                leftpos = pos.left + (width/2) - (options.viewWi' +
1462         'dth/2);'
1463       '                toppos = pos.top + (height/2) + currentOffset;'
1464       '             }'
1465       '             '
1466       '             //hover on '
1467
1468         '             $('#39'body'#39').append('#39'<div id="livepreview_dialog" clas' +
1469         's="'#39' + currentPos + '#39'" style="display:none; padding:0px; left: '#39 +
1470         ' + leftpos + '#39'px; top:'#39' + toppos + '#39'px; width: '#39' + options.viewW' +
1471         'idth + '#39'px; height: '#39' + options.viewHeight + '#39'px"><div class="li' +
1472         'vepreview-container" style="overflow:hidden; width: '#39' + options.' +
1473         'viewWidth + '#39'px; height: '#39' + options.viewHeight + '#39'px"><iframe i' +
1474         'd="livepreview_iframe" src="'#39' + href + '#39'" style="height:'#39' + opti' +
1475         'ons.targetHeight + '#39'px; width:'#39' + options.targetWidth + '#39'px;-moz' +
1476         '-transform: scale('#39'+ s + '#39');-moz-transform-origin: 0 0;-o-transf' +
1477         'orm: scale('#39'+ s + '#39');-o-transform-origin: 0 0;-webkit-transform:' +
1478         ' scale('#39'+ s + '#39');-webkit-transform-origin: 0 0;"></iframe></div>' +
1479         '</div>'#39');'
1480       '             $('#39'#'#39' + preview_id).fadeIn(100);'
1481       '         };'
1482       ''
1483       '         return this.each(function() {'
1484       '            var o = options;'
1485       '            var s = scale_f;'
1486       '            var obj = $(this);'
1487
1488         '            var href = obj.attr("data-preview-url") || obj.attr(' +
1489         '"href");'
1490       '            var triggerType = options.trigger;'
1491       ''
1492       '            if(obj.attr("data-trigger")) {'
1493       '                triggerType = obj.attr("data-trigger");'
1494       '            }'
1495       ''
1496       '            if(triggerType != '#39'click'#39') {'
1497       '                triggerType = '#39'mouseenter'#39';'
1498       '                obj.on('#39'click'#39', function() {'
1499       '                    $('#39'#'#39' + preview_id).remove();'
1500       '                });'
1501       '            }'
1502       '            '
1503
1504         '            obj.on(triggerType, null, { triggerType: triggerType' +
1505         ', target: obj, href: href, scale: s }, showPreview);'
1506       '            obj.on('#39'mouseleave'#39', function() {'
1507       '                $('#39'#'#39' + preview_id).remove();'
1508       '            });'
1509       ''
1510       '         });'
1511       '     }'
1512       '  });'
1513       '})(jQuery);')
1514     Left = 256
1515     Top = 272
1516   end
1517   object adhead: TPageProducer
1518     HTMLDoc.Strings = (
1519       '<#pr>'
1520
1521         '<form method=post action=<#uri>/adminset?db=<#database> style=te' +
1522         'xt-align:center>'
1523       '    <label><p>'#12497#12473#12527#12540#12489#12398#22793#26356
1524
1525         '      <input type="password" style="HEIGHT: 23px; WIDTH: 85px" n' +
1526         'ame="pass">'
1527       '       / '#30906#35469
1528
1529         '      <input type=password style=height:23px;width:85px name=pas' +
1530         's2>'
1531       '      </p>'
1532       '    </label>'
1533       '    <p>'
1534
1535         '    <input type="checkbox" value="on" name="mente" <#mente>>'#12513#12531#12486#12490 +
1536         #12531#12473#34920#31034'</p>'
1537       '    <p><input type="submit" value="'#22793#26356'"></p>'
1538       '    <p><a href="<#uri>/logout?db=<#database>">'#12525#12464#12450#12454#12488'</a></p>'
1539       '</form>'
1540
1541         '<form action=<#uri>/admindel?db=<#database> method=post style=te' +
1542         'xt-align:center>')
1543     OnHTMLTag = adheadHTMLTag
1544     Left = 176
1545     Top = 88
1546   end
1547   object js5: TPageProducer
1548     HTMLDoc.Strings = (
1549       ''
1550       '$(function(){'
1551       #9'$('#39'div'#39').on('#39'click'#39',function(){'
1552       #9#9'var $title = $(this),'
1553       #9#9#9'span1 = 1500,'
1554       #9#9#9'span2 = 200;'
1555       #9#9'$title.css('#39'font-size'#39','#39'2em'#39');'
1556       #9#9'$({deg:5}).animate({deg:365},{'
1557       #9#9#9'duration:500,'
1558       #9#9#9'progress:function(){'
1559       #9#9#9#9'$title.css({'
1560       #9#9#9#9#9#39'-webkit-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
1561       #9#9#9#9#9#39'-ms-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
1562       #9#9#9#9#9#39'ransform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39
1563       #9#9#9#9'});'
1564       #9#9#9'}'
1565       #9#9'});'
1566       #9#9'$({deg:5}).delay(span1).animate({deg:0},{'
1567       #9#9#9'duration:span2,'
1568       #9#9#9'progress:function(){'
1569       #9#9#9#9'$title.css({'#9
1570       #9#9#9#9#9#39'-webkit-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
1571       #9#9#9#9#9#39'-ms-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
1572       #9#9#9#9#9#39'transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39
1573       #9#9#9#9'});'
1574       #9#9#9'}'
1575       #9#9'});'
1576       #9#9'$title.delay(span1+span2).animate({'#39'font-size'#39':'#39'1em'#39'},1);'
1577       #9'});'
1578       '});'
1579       '')
1580     Left = 104
1581     Top = 272
1582   end
1583   object title: TPageProducer
1584     HTMLDoc.Strings = (
1585       '<!doctype html>'
1586       '<html>'
1587       '<head>'
1588       '<meta charset=utf-8>'
1589       '<title>'#12479#12452#12488#12523#34920#31034'</title>'
1590
1591         '<script type="text/javascript" src="//ajax.googleapis.com/ajax/l' +
1592         'ibs/jquery/2.1.4/jquery.min.js"></script>'
1593
1594         '<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqu' +
1595         'eryui/1.10.4/themes/smoothness/jquery-ui.css" />'
1596
1597         '<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jqu' +
1598         'ery-ui.min.js"></script>'
1599       '<script>'
1600       '<!--'
1601       '<#js id=5>'
1602       '-->'
1603       '</script>'
1604       '</head>'
1605       '<body>'
1606       '<#pr>'
1607       '<#main>'
1608       '<p style=text-align:center><a href=<#uri>/>'#25147#12427'</a>'
1609       '</body>'
1610       '</html>')
1611     OnHTMLTag = titleHTMLTag
1612     Left = 48
1613     Top = 256
1614   end
1615   object ti: TDataSetPageProducer
1616     HTMLDoc.Strings = (
1617
1618         '<p style=font-weight:bold><a href=<#uri>/index?db=<#dbnum>><#dat' +
1619         'abase></a>'#8595'</p>'
1620       '<div>'#12479#12452#12488#12523': <#title> ; '#35352#20107#25968': <#count> ; '#26356#26032#26178#21051': <#date></div><p>'
1621       '')
1622     DataSet = FDQuery1
1623     OnHTMLTag = tiHTMLTag
1624     Left = 48
1625     Top = 320
1626   end
1627   object FDTable2: TFDTable
1628     IndexFieldNames = 'DBNUM;NUMBER'
1629     MasterSource = DataSource1
1630     MasterFields = 'DBNUM'
1631     Connection = FDConnection1
1632     FetchOptions.AssignedValues = [evLiveWindowParanoic]
1633     UpdateOptions.UpdateTableName = 'article'
1634     TableName = 'article'
1635     Left = 584
1636     Top = 120
1637     object FDTable2DBNUM: TIntegerField
1638       FieldName = 'DBNUM'
1639       Origin = 'DBNUM'
1640       ProviderFlags = [pfInUpdate, pfInWhere, pfInKey]
1641       Required = True
1642     end
1643     object FDTable2NUMBER: TIntegerField
1644       FieldName = 'NUMBER'
1645       Origin = 'NUMBER'
1646       ProviderFlags = [pfInUpdate, pfInWhere, pfInKey]
1647       Required = True
1648     end
1649     object FDTable2TITLE: TWideStringField
1650       FieldName = 'TITLE'
1651       Origin = 'TITLE'
1652       Size = 160
1653     end
1654     object FDTable2NAME: TWideStringField
1655       FieldName = 'NAME'
1656       Origin = 'NAME'
1657       Size = 160
1658     end
1659     object FDTable2COMMENT: TWideMemoField
1660       FieldName = 'COMMENT'
1661       Origin = 'COMMENT'
1662       BlobType = ftWideMemo
1663     end
1664     object FDTable2RAW: TWideMemoField
1665       FieldName = 'RAW'
1666       Origin = 'RAW'
1667       BlobType = ftWideMemo
1668     end
1669     object FDTable2DATE: TDateField
1670       FieldName = 'DATE'
1671       Origin = 'DATE'
1672     end
1673     object FDTable2PASS: TWideStringField
1674       FieldName = 'PASS'
1675       Origin = 'PASS'
1676       FixedChar = True
1677       Size = 40
1678     end
1679   end
1680   object FDTable5: TFDTable
1681     IndexFieldNames = 'ID'
1682     Connection = FDConnection1
1683     UpdateOptions.UpdateTableName = 'images'
1684     TableName = 'images'
1685     Left = 712
1686     Top = 184
1687     object FDTable5id: TIntegerField
1688       FieldName = 'id'
1689       Origin = 'id'
1690       ProviderFlags = [pfInUpdate, pfInWhere, pfInKey]
1691       Required = True
1692     end
1693     object FDTable5name: TWideStringField
1694       AutoGenerateValue = arDefault
1695       FieldName = 'name'
1696       Origin = '`name`'
1697       Size = 30
1698     end
1699     object FDTable5source: TWideMemoField
1700       AutoGenerateValue = arDefault
1701       FieldName = 'source'
1702       Origin = '`source`'
1703       BlobType = ftWideMemo
1704     end
1705   end
1706   object FDTable4: TFDTable
1707     IndexFieldNames = 'ID'
1708     Connection = FDConnection1
1709     UpdateOptions.UpdateTableName = 'req'
1710     TableName = 'req'
1711     Left = 712
1712     Top = 120
1713     object FDTable4ID: TIntegerField
1714       FieldName = 'ID'
1715       Origin = 'ID'
1716       Required = True
1717     end
1718     object FDTable4DBNAME: TIntegerField
1719       FieldName = 'DBNAME'
1720       Origin = 'DBNAME'
1721     end
1722     object FDTable4POSNUM: TIntegerField
1723       FieldName = 'POSNUM'
1724       Origin = 'POSNUM'
1725     end
1726     object FDTable4DATE: TDateField
1727       FieldName = 'DATE'
1728       Origin = 'DATE'
1729       Required = True
1730     end
1731     object FDTable4REQUEST: TWideMemoField
1732       FieldName = 'REQUEST'
1733       Origin = 'REQUEST'
1734       BlobType = ftWideMemo
1735     end
1736   end
1737   object DataSource1: TDataSource
1738     DataSet = FDTable1
1739     Left = 520
1740     Top = 184
1741   end
1742   object FDTable3: TFDTable
1743     Connection = FDConnection1
1744     UpdateOptions.UpdateTableName = 'setting'
1745     TableName = 'setting'
1746     Left = 648
1747     Top = 120
1748     object FDTable3TITLE: TWideStringField
1749       FieldName = 'TITLE'
1750       Origin = 'TITLE'
1751       Size = 160
1752     end
1753     object FDTable3TITLE2: TWideStringField
1754       FieldName = 'TITLE2'
1755       Origin = 'TITLE2'
1756       Size = 320
1757     end
1758     object FDTable3mente: TSmallintField
1759       FieldName = 'mente'
1760     end
1761     object FDTable3INFO: TIntegerField
1762       FieldName = 'INFO'
1763       Origin = 'INFO'
1764     end
1765     object FDTable3COUNT: TIntegerField
1766       FieldName = 'COUNT'
1767       Origin = 'COUNT'
1768     end
1769     object FDTable3password: TWideStringField
1770       FieldName = 'password'
1771       Size = 100
1772     end
1773     object FDTable3ng: TWideStringField
1774       FieldName = 'ng'
1775       Size = 300
1776     end
1777   end
1778   object FDConnection1: TFDConnection
1779     Params.Strings = (
1780       'ConnectionDef=first_sql')
1781     Connected = True
1782     Left = 632
1783     Top = 56
1784   end
1785   object FDTable1: TFDTable
1786     IndexFieldNames = 'DBNUM'
1787     Connection = FDConnection1
1788     UpdateOptions.UpdateTableName = 'dbname'
1789     TableName = 'dbname'
1790     Left = 520
1791     Top = 120
1792     object FDTable1DBNUM: TIntegerField
1793       FieldName = 'DBNUM'
1794       Origin = 'DBNUM'
1795       Required = True
1796     end
1797     object FDTable1DATABASE: TWideStringField
1798       FieldName = 'DATABASE'
1799       Origin = 'DATABASE'
1800       Required = True
1801       Size = 80
1802     end
1803   end
1804   object login: TPageProducer
1805     HTMLDoc.Strings = (
1806       '<!DOCTYPE HTML>'
1807       '  <head>'
1808       '    <meta charset=utf-8>'
1809       '    <title>'#12525#12464#12452#12531'</title>'
1810       '  </head>'
1811       '  <body>'
1812       '<#pr>'
1813       '    <p style=text-align:center>'#31649#29702#32773#29992#12525#12464#12452#12531#30011#38754
1814       '</p>'
1815       '    <br>'
1816       '    <form action=<#uri>/login method="post">'
1817       '    <p style=text-align:center>'
1818       '      <input type=text name=record value=<#database>>'
1819       '    '#9'  <input style=height:25px type="password" name="password">'
1820       '      <input type="submit" value="'#12525#12464#12452#12531'">'
1821       '    </p>'
1822       '    </form>'
1823
1824         '      <p style=text-align:center><br><a href=<#uri>/ >TOP'#12408#31227#21205'</a>' +
1825         '</p>'
1826       '  </body>'
1827       '</html>')
1828     OnHTMLTag = loginHTMLTag
1829     Left = 296
1830     Top = 96
1831   end
1832   object footer: TPageProducer
1833     HTMLDoc.Strings = (
1834       '<p style=text-align:center>[ <#link> ] <#recent>')
1835     OnHTMLTag = footerHTMLTag
1836     Left = 112
1837     Top = 192
1838   end
1839   object FDGUIxWaitCursor1: TFDGUIxWaitCursor
1840     Provider = 'Forms'
1841     Left = 632
1842     Top = 256
1843   end
1844   object FDQuery1: TFDQuery
1845     Connection = FDConnection1
1846     SQL.Strings = (
1847       'select dbnum,title,max(date) from article '
1848       ' group by dbnum order by max(date);')
1849     Left = 616
1850     Top = 184
1851   end
1852 end