OSDN Git Service

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