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