OSDN Git Service

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