@d-zero/scaffold 5.0.0-beta.3 → 5.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/__assets/_libs/component/c-content-main.css +21 -11
  3. package/__assets/_libs/component/c-nav-breadcrumb.pug +17 -39
  4. package/__assets/_libs/component/c-pagination.css +2 -0
  5. package/__assets/_libs/component/c-title-page.pug +1 -1
  6. package/__assets/_libs/data/breadcrumbs.js +77 -0
  7. package/__assets/_libs/data/titlelist.js +16 -0
  8. package/__assets/_libs/layouts/home.pug +17 -0
  9. package/__assets/_libs/layouts/sub.pug +25 -0
  10. package/__assets/_libs/mixin/meta.pug +25 -21
  11. package/__assets/_libs/style/general/all.css +1 -0
  12. package/__assets/htdocs/__tmpl/000_home.json +4 -0
  13. package/__assets/htdocs/__tmpl/000_home.pug +2 -20
  14. package/__assets/htdocs/__tmpl/100_sub.json +4 -0
  15. package/__assets/htdocs/__tmpl/100_sub.pug +1 -23
  16. package/__assets/htdocs/__tmpl/200_blog_index.json +5 -0
  17. package/__assets/htdocs/__tmpl/200_blog_index.pug +14 -40
  18. package/__assets/htdocs/__tmpl/210_blog_index.json +5 -0
  19. package/__assets/htdocs/__tmpl/210_blog_index.pug +14 -40
  20. package/__assets/htdocs/__tmpl/300_form_input.json +4 -0
  21. package/__assets/htdocs/__tmpl/300_form_input.pug +529 -568
  22. package/__assets/htdocs/__tmpl/301_form_confirm.json +4 -0
  23. package/__assets/htdocs/__tmpl/301_form_confirm.pug +188 -212
  24. package/__assets/htdocs/__tmpl/302_form_complete.json +4 -0
  25. package/__assets/htdocs/__tmpl/302_form_complete.pug +3 -27
  26. package/__assets/htdocs/sample/index.html +15 -0
  27. package/__assets/htdocs/sub-folder.test/index.pug +1 -3
  28. package/burgereditor.config.js +2 -1
  29. package/eleventy.config.mjs +7 -1
  30. package/markuplint.config.js +4 -0
  31. package/package.json +24 -17
package/__assets/htdocs/__tmpl/300_form_input.pug CHANGED
@@ -1,569 +1,530 @@
1
- html(lang="ja")
2
- head
3
- include /mixin/meta.pug
4
- +meta("__ページタイトル__ | __サイトタイトル__")
5
- body.c-page-sub
6
- .c-page-sub__base
7
- .c-page-sub__header
8
- include /component/c-header.pug
9
- .c-page-sub__nav-global
10
- include /component/c-nav-global.pug
1
+ .c-content-main
2
+ // CMS要件: メールフォーム概要
3
+ .cc-form-description
4
+ p こちらのフォームよりご応募ください。記入いただいた内容を検討の上、弊社人事担当者よりメールにてご返信いたします。
5
+ // CMS要件: メールフォーム概要ここまで
11
6
 
12
- .c-page-sub__main
13
- main
14
- .c-page-sub__content
15
- .c-page-sub__title-page
16
- include /component/c-title-page.pug
17
- .c-page-sub__nav-breadcrumb
18
- include /component/c-nav-breadcrumb.pug
19
- .c-page-sub__content-main
20
- .c-content-main
21
- // CMS要件: メールフォーム概要
22
- .cc-form-description
23
- p こちらのフォームよりご応募ください。記入いただいた内容を検討の上、弊社人事担当者よりメールにてご返信いたします。
24
- // CMS要件: メールフォーム概要ここまで
25
-
26
- form#MailMessageIndexForm.cc-form(
27
- action="__PATH_TO__"
28
- enctype="multipart/form-data"
29
- method="post"
30
- accept-charset="utf-8"
31
- novalidate)
32
- input(type="hidden" name="_method" value="POST")
33
- input#Token__TOKEN__(type="hidden" name="data[_Token][key]" value="__TOKEN__")
34
- input#MailMessageMode(type="hidden" name="data[MailMessage][mode]")
35
- .cc-form-field-list
36
- // CMS要件: グループ化している場合は fieldset/legend の構造
37
- #GroupMailMessageField1.cc-form-fieldset
38
- fieldset
39
- legend.cc-form-fieldset-heading
40
- span フィールドグループ名
41
- span.required 必須
42
- .cc-form-fieldset-attention
43
- .mail-attention 注意書き
44
- .cc-form-fieldset-body
45
- // CMS要件: 入力タイプによって data-type 属性を変更
46
- #FieldMailMessageField1.mail-field(data-type="text")
47
- // CMS要件: グループ化している場合は 前見出し は labelとする
48
- label.mail-before-attachment(for="MailMessageField1") 前見出し
49
- span.mail-input
50
- input#MailMessageField1(
51
- type="text"
52
- name="data[MailMessage][field1]"
53
- maxlength="255"
54
- required)
55
- span.mail-after-attachment 後見出し
56
- .mail-description 説明文
57
- .error-message エラーメッセージ
58
- #FieldMailMessageField2.mail-field(data-type="text")
59
- span.mail-before-attachment
60
- span.mail-input
61
- input#MailMessageField2(
62
- type="text"
63
- name="data[MailMessage][field2]"
64
- maxlength="255"
65
- required)
66
- // CMS要件: グループ化している場合は 前見出しが空であれば 後見出しを labelとする
67
- label.mail-after-attachment(for="MailMessageField2") 後見出し
68
- .mail-description 説明文
69
- .error-message エラーメッセージ
70
- // CMS要件: グループ化していない場合は div/label の構造
71
- #GroupMailMessageField3.cc-form-fieldset
72
- div
73
- .cc-form-fieldset-heading
74
- label(for="MailMessageField3") 単体フィールド名
75
- span.required 必須
76
- .cc-form-fieldset-attention
77
- .mail-attention 注意書き
78
- .cc-form-fieldset-body
79
- #FieldMailMessageField3.mail-field(data-type="text")
80
- // CMS要件: グループ化していない場合は 前見出しも後見出しも label にはならない
81
- span.mail-before-attachment 前見出し
82
- span.mail-input
83
- input#MailMessageField3(
84
- type="text"
85
- name="data[MailMessage][field3]"
86
- maxlength="255"
87
- required)
88
- span.mail-after-attachment 後見出し
89
- .mail-description 説明文
90
- .error-message エラーメッセージ
91
- #GroupMailMessageName.cc-form-fieldset
92
- fieldset
93
- legend.cc-form-fieldset-heading
94
- span 氏名
95
- span.required 必須
96
- .cc-form-fieldset-body
97
- #FieldMailMessageLastName.mail-field(data-type="text")
98
- label.mail-before-attachment(for="MailMessageLastName") 姓
99
- span.mail-input
100
- input#MailMessageLastName(
101
- type="text"
102
- name="data[MailMessage][LastName]"
103
- required)
104
- span.mail-after-attachment
105
- .mail-description
106
- #FieldMailMessageFirstName.mail-field(data-type="text")
107
- label.mail-before-attachment(for="MailMessageFirstName") 名
108
- span.mail-input
109
- input#MailMessageFirstName(
110
- type="text"
111
- name="data[MailMessage][FirstName]"
112
- required)
113
- span.mail-after-attachment
114
- .mail-description
115
- #GroupMessageNameKana1.cc-form-fieldset
116
- fieldset
117
- legend.cc-form-fieldset-heading
118
- span フリガナ
119
- span.optional 任意
120
- .cc-form-fieldset-attention
121
- .mail-attention カタカナで入力してください
122
- .cc-form-fieldset-body
123
- #FieldMailMessageLastNameKana.mail-field(data-type="text")
124
- label.mail-before-attachment(for="MailMessageLastNameKana") セイ
125
- span.mail-input
126
- input#MailMessageLastNameKana(
127
- type="text"
128
- name="data[MailMessage][LastNameKana]"
129
- required)
130
- span.mail-after-attachment
131
- .mail-description
132
- #FieldMailMessageFirstNameKana.mail-field(data-type="text")
133
- label.mail-before-attachment(for="MailMessageFirstNameKana") メイ
134
- span.mail-input
135
- input#MailMessageFirstNameKana(
136
- type="text"
137
- name="data[MailMessage][FirstNameKana]"
138
- required)
139
- span.mail-after-attachment
140
- .mail-description
141
- #GroupMessageZip.cc-form-fieldset
142
- fieldset
143
- legend.cc-form-fieldset-heading
144
- span 住所
145
- span.optional 任意
146
- .cc-form-fieldset-body
147
- #FieldMessageZip.mail-field(data-type="text")
148
- label.mail-before-attachment(for="MailMessageZip") 〒
149
- span.mail-input
150
- input#MailMessageZip(
151
- name="data[MailMessage][zip]"
152
- size="10"
153
- maxlength="8"
154
- type="text")
155
- span.mail-after-attachment
156
- .mail-description ハイフンを除く半角数字で入力してください
157
- #FieldMessageAddress1.mail-field(data-type="select")
158
- label.mail-before-attachment(for="MailMessageAddress1") 都道府県
159
- span.mail-input
160
- select#MailMessageAddress1(name="data[MailMessage][address_1]")
161
- option(value) 選択してください
162
- option(value="北海道") 北海道
163
- option(value="青森県") 青森県
164
- option(value="岩手県") 岩手県
165
- option(value="宮城県") 宮城県
166
- option(value="秋田県") 秋田県
167
- option(value="山形県") 山形県
168
- option(value="福島県") 福島県
169
- option(value="茨城県") 茨城県
170
- option(value="栃木県") 栃木県
171
- option(value="群馬県") 群馬県
172
- option(value="埼玉県") 埼玉県
173
- option(value="千葉県") 千葉県
174
- option(value="東京都") 東京都
175
- option(value="神奈川県") 神奈川県
176
- option(value="新潟県") 新潟県
177
- option(value="富山県") 富山県
178
- option(value="石川県") 石川県
179
- option(value="福井県") 福井県
180
- option(value="山梨県") 山梨県
181
- option(value="長野県") 長野県
182
- option(value="岐阜県") 岐阜県
183
- option(value="静岡県") 静岡県
184
- option(value="愛知県") 愛知県
185
- option(value="三重県") 三重県
186
- option(value="滋賀県") 滋賀県
187
- option(value="京都府") 京都府
188
- option(value="大阪府") 大阪府
189
- option(value="兵庫県") 兵庫県
190
- option(value="奈良県") 奈良県
191
- option(value="和歌山県") 和歌山県
192
- option(value="鳥取県") 鳥取県
193
- option(value="島根県") 島根県
194
- option(value="岡山県") 岡山県
195
- option(value="広島県") 広島県
196
- option(value="山口県") 山口県
197
- option(value="徳島県") 徳島県
198
- option(value="香川県") 香川県
199
- option(value="愛媛県") 愛媛県
200
- option(value="高知県") 高知県
201
- option(value="福岡県") 福岡県
202
- option(value="佐賀県") 佐賀県
203
- option(value="長崎県") 長崎県
204
- option(value="熊本県") 熊本県
205
- option(value="大分県") 大分県
206
- option(value="宮崎県") 宮崎県
207
- option(value="鹿児島県") 鹿児島県
208
- option(value="沖縄県") 沖縄県
209
- span.mail-after-attachment
210
- .mail-description
211
- #FieldMessageAddress2.mail-field(data-type="text")
212
- label.mail-before-attachment(for="MailMessageAddress2") 市区町村
213
- span.mail-input
214
- input#MailMessageAddress2(
215
- name="data[MailMessage][address_2]"
216
- size="30"
217
- maxlength="200"
218
- type="text")
219
- span.mail-after-attachment
220
- .mail-description
221
- #FieldMessageAddress3.mail-field(data-type="text")
222
- label.mail-before-attachment(for="MailMessageAddress3") 番地
223
- span.mail-input
224
- input#MailMessageAddress3(
225
- name="data[MailMessage][address_3]"
226
- size="30"
227
- maxlength="200"
228
- type="text")
229
- span.mail-after-attachment
230
- .mail-description
231
- // CMS要件: グループ化していない場合でも チェックボックスでは fieldset/legend の構造
232
- #GroupMessageCategory.cc-form-fieldset
233
- fieldset
234
- legend.cc-form-fieldset-heading
235
- span チェックボックス単体
236
- span.required 必須
237
- .cc-form-fieldset-body
238
- #FieldMessageCategory.mail-field(data-type="checkbox")
239
- span.mail-before-attachment チェックボックス前見出し
240
- input#MailMessageCategory(
241
- type="hidden"
242
- name="data[MailMessage][category]"
243
- value)
244
- .checkbox
245
- input#MailMessageCategoryItem1(
246
- type="checkbox"
247
- name="data[MailMessage][category][]"
248
- value="Item1")
249
- |  
250
- label(for="MailMessageCategoryItem1") 項目1
251
- .checkbox
252
- input#MailMessageCategoryItem2(
253
- type="checkbox"
254
- name="data[MailMessage][category][]"
255
- value="Item2")
256
- |  
257
- label(for="MailMessageCategoryItem2") 項目2
258
- .checkbox
259
- input#MailMessageCategoryItem3(
260
- type="checkbox"
261
- name="data[MailMessage][category][]"
262
- value="Item3")
263
- |  
264
- label(for="MailMessageCategoryItem3") 項目3
265
- span.mail-after-attachment チェックボックス後見出し
266
- .mail-description
267
- #GroupMessageContents.cc-form-fieldset
268
- fieldset
269
- legend.cc-form-fieldset-heading
270
- span チェックボックス
271
- span.required 必須
272
- .cc-form-fieldset-attention
273
- .mail-attention 注意書き
274
- .cc-form-fieldset-body
275
- #FieldMessageContents.mail-field(data-type="checkbox")
276
- span.mail-before-attachment 前見出し
277
- input#MailMessageField4(
278
- type="hidden"
279
- name="data[MailMessage][contents]"
280
- value)
281
- .checkbox
282
- input#MailMessageField41(
283
- type="checkbox"
284
- name="data[MailMessage][contents][]"
285
- value="1")
286
- |  
287
- label(for="MailMessageField41") 生麦生米生卵
288
- .checkbox
289
- input#MailMessageField42(
290
- type="checkbox"
291
- name="data[MailMessage][contents][]"
292
- value="2")
293
- |  
294
- label(for="MailMessageField42") 赤パジャマ黄パジャマ茶パジャマ
295
- .checkbox
296
- input#MailMessageField43(
297
- type="checkbox"
298
- name="data[MailMessage][contents][]"
299
- value="3")
300
- |  
301
- label(for="MailMessageField43") 青巻紙赤巻紙黄巻紙
302
- .checkbox
303
- input#MailMessageField44(
304
- type="checkbox"
305
- name="data[MailMessage][contents][]"
306
- value="4")
307
- |  
308
- label(for="MailMessageField44") 隣の客はよく柿食う客だ
309
- .checkbox
310
- input#MailMessageField45(
311
- type="checkbox"
312
- name="data[MailMessage][contents][]"
313
- value="5")
314
- |  
315
- label(for="MailMessageField45") かえるぴょこぴょこ3ぴょこぴょこ あわせてぴょこぴょこ6ぴょこぴょこ
316
- .checkbox
317
- input#MailMessageField46(
318
- type="checkbox"
319
- name="data[MailMessage][contents][]"
320
- value="6")
321
- |  
322
- label(for="MailMessageField46") 東京特許許可局許可局長
323
- .checkbox
324
- input#MailMessageField47(
325
- type="checkbox"
326
- name="data[MailMessage][contents][]"
327
- value="7")
328
- |  
329
- label(for="MailMessageField47") その他
330
- span.mail-after-attachment
331
- #FieldMessageContentsOther.mail-field(data-type="text")
332
- label.mail-before-attachment(for="MailMessageContentsOther") その他
333
- span.mail-input
334
- input#MailMessageContentsOther(
335
- name="data[MailMessage][contents_other]"
336
- size="30"
337
- maxlength="255"
338
- type="text")
339
- span.mail-after-attachment 後見出し
340
- .mail-description その他を選択された場合は内容をご入力ください。
341
- #GroupMessageTel.cc-form-fieldset
342
- div
343
- .cc-form-fieldset-heading
344
- label(for="MailMessageTel") 電話番号
345
- .cc-form-fieldset-attention
346
- .mail-attention 注意書き
347
- .cc-form-fieldset-body
348
- #FieldMessageTel.mail-field(data-type="text")
349
- span.mail-before-attachment 前見出し
350
- span.mail-input
351
- input#MailMessageTel(
352
- name="data[MailMessage][tel]"
353
- size="15"
354
- maxlength="13"
355
- type="text")
356
- span.mail-after-attachment 後見出し
357
- #GroupMessageEmail1.cc-form-fieldset
358
- div
359
- .cc-form-fieldset-heading
360
- label(for="MailMessageEmail1") メールアドレス
361
- span.required 必須
362
- .cc-form-fieldset-attention
363
- .mail-attention 注意書き
364
- .cc-form-fieldset-body
365
- #FieldMessageEmail1.mail-field(data-type="text")
366
- span.mail-before-attachment 前見出し
367
- span.mail-input
368
- input#MailMessageEmail1(
369
- name="data[MailMessage][email_1]"
370
- maxlength="255"
371
- type="text")
372
- span.mail-after-attachment 後見出し
373
- #GroupMessageBirth.cc-form-fieldset
374
- div
375
- .cc-form-fieldset-heading
376
- label(for="MailMessageBirth") 生まれ年
377
- span.required 必須
378
- .cc-form-fieldset-attention
379
- .mail-attention 注意書き
380
- .cc-form-fieldset-body
381
- #FieldMessageBirth.mail-field(data-type="select")
382
- span.mail-before-attachment 前見出し
383
- span.mail-input
384
- select#MailMessageBirth(name="data[MailMessage][birth]")
385
- option(value) 選択してください
386
- option(value="1") 1923年
387
- option(value="2") 1924年
388
- option(value="3") 1925年
389
- option(value="4") 1926年
390
- option(value="5") 1927年
391
- option(value="6") 1928年
392
- option(value="7") 1929年
393
- option(value="8") 1930年
394
- option(value="9") 1931年
395
- option(value="10") 1932年
396
- option(value="11") 1933年
397
- option(value="12") 1934年
398
- option(value="13") 1935年
399
- option(value="14") 1936年
400
- option(value="15") 1937年
401
- option(value="16") 1938年
402
- option(value="17") 1939年
403
- option(value="18") 1940年
404
- option(value="19") 1941年
405
- option(value="20") 1942年
406
- option(value="21") 1943年
407
- option(value="22") 1944年
408
- option(value="23") 1945年
409
- option(value="24") 1946年
410
- option(value="25") 1947年
411
- option(value="26") 1948年
412
- option(value="27") 1949年
413
- option(value="28") 1950年
414
- option(value="29") 1951年
415
- option(value="30") 1952年
416
- option(value="31") 1953年
417
- option(value="32") 1954年
418
- option(value="33") 1955年
419
- option(value="34") 1956年
420
- option(value="35") 1957年
421
- option(value="36") 1958年
422
- option(value="37") 1959年
423
- option(value="38") 1960年
424
- option(value="39") 1961年
425
- option(value="40") 1962年
426
- option(value="41") 1963年
427
- option(value="42") 1964年
428
- option(value="43") 1965年
429
- option(value="44") 1966年
430
- option(value="45") 1967年
431
- option(value="46") 1968年
432
- option(value="47") 1969年
433
- option(value="48") 1970年
434
- option(value="49") 1971年
435
- option(value="50") 1972年
436
- option(value="51") 1973年
437
- option(value="52") 1974年
438
- option(value="53") 1975年
439
- option(value="54") 1976年
440
- option(value="55") 1977年
441
- option(value="56") 1978年
442
- option(value="57") 1979年
443
- option(value="58") 1980年
444
- option(value="59") 1981年
445
- option(value="60") 1982年
446
- option(value="61") 1983年
447
- option(value="62") 1984年
448
- option(value="63") 1985年
449
- option(value="64") 1986年
450
- option(value="65") 1987年
451
- option(value="66") 1988年
452
- option(value="67") 1989年
453
- option(value="68") 1990年
454
- option(value="69") 1991年
455
- option(value="70") 1992年
456
- option(value="71") 1993年
457
- option(value="72") 1994年
458
- option(value="73") 1995年
459
- option(value="74") 1996年
460
- option(value="75") 1997年
461
- option(value="76") 1998年
462
- option(value="77") 1999年
463
- option(value="78") 2000年
464
- option(value="79") 2001年
465
- option(value="80") 2002年
466
- option(value="81") 2003年
467
- option(value="82") 2004年
468
- option(value="83") 2005年
469
- option(value="84") 2006年
470
- option(value="85") 2007年
471
- option(value="86") 2008年
472
- option(value="87") 2009年
473
- option(value="88") 2010年
474
- option(value="89") 2011年
475
- option(value="90") 2012年
476
- option(value="91") 2013年
477
- option(value="92") 2014年
478
- option(value="93") 2015年
479
- option(value="94") 2016年
480
- option(value="95") 2017年
481
- span.mail-after-attachment 後見出し
482
- #GroupMessageSex.cc-form-fieldset
483
- fieldset
484
- legend.cc-form-fieldset-heading
485
- span 性別
486
- span.optional 任意
487
- .cc-form-fieldset-attention
488
- .mail-attention 注意書き
489
- .cc-form-fieldset-body
490
- #FieldMessageSex.mail-field(data-type="radio")
491
- span.mail-before-attachment 前見出し
492
- input#MailMessageSex_(type="hidden" name="data[MailMessage][sex]" value)
493
- .mail-group-radio
494
- span
495
- input#MailMessageSex1(
496
- type="radio"
497
- name="data[MailMessage][sex]"
498
- value="1")
499
- label(for="MailMessageSex1") 男性
500
- span
501
- input#MailMessageSex2(
502
- type="radio"
503
- name="data[MailMessage][sex]"
504
- value="2")
505
- label(for="MailMessageSex2") 女性
506
- span.mail-after-attachment 後見出し
507
- #GroupMessageMessage.cc-form-fieldset
508
- div
509
- .cc-form-fieldset-heading
510
- label(for="MailMessageMessage") テキストエリア
511
- span.optional 任意
512
- .cc-form-fieldset-attention
513
- .mail-attention 注意書き
514
- .cc-form-fieldset-body
515
- #FieldMessageMessage.mail-field(data-type="textarea")
516
- span.mail-before-attachment 前見出し
517
- // CMS要件: サイズ指定がないときは cols属性を出力しない
518
- span.mail-input
519
- textarea#MailMessageMessage(name="data[MailMessage][message]" rows="10")
520
- span.mail-after-attachment 後見出し
521
- #GroupMessageMessage2.cc-form-fieldset
522
- div
523
- .cc-form-fieldset-heading
524
- label(for="MailMessageMessage2") テキストエリア
525
- span.optional 任意
526
- .cc-form-fieldset-attention
527
- .mail-attention 注意書き
528
- .cc-form-fieldset-body
529
- #FieldMessageMessage2.mail-field(data-type="textarea")
530
- span.mail-before-attachment 前見出し
531
- span.mail-input
532
- textarea#MailMessageMessage2(
533
- name="data[MailMessage][message2]"
534
- rows="10"
535
- cols="20")
536
- span.mail-after-attachment 後見出し
537
- #GroupMessageFile.cc-form-fieldset
538
- div
539
- .cc-form-fieldset-heading
540
- label(for="MailMessageFile") ファイル添付
541
- span.optional 任意
542
- .cc-form-fieldset-attention
543
- .mail-attention 注意書き
544
- .cc-form-fieldset-body
545
- #FieldMessageFile.mail-field(data-type="file")
546
- span.mail-before-attachment 前見出し
547
- span.mail-input
548
- input#MailMessageFile(name="data[MailMessage][File]" type="file")
549
- span.mail-after-attachment 後見出し
550
- .cc-form-agreement
551
- p
552
- | 送信前に
553
- a(href="__PATH_TO__") 個人情報保護方針
554
- | をご確認ください。
555
- .cc-form-submit
556
- button#BtnMessageConfirm(type="submit"): span 送信内容を確認
557
- input#TokenFields__TOKEN(
558
- type="hidden"
559
- name="data[_Token][fields]"
560
- value="__TOKEN__")
561
- input#TokenUnlocked__TOKEN(
562
- type="hidden"
563
- name="data[_Token][unlocked]"
564
- value="__TOKEN__")
565
-
566
- .c-page-sub__nav-sitemap
567
- include /component/c-nav-sitemap.pug
568
- .c-page-sub__footer
569
- include /component/c-footer.pug
7
+ form#MailMessageIndexForm.cc-form(
8
+ action="__PATH_TO__"
9
+ enctype="multipart/form-data"
10
+ method="post"
11
+ accept-charset="utf-8"
12
+ novalidate)
13
+ input(type="hidden" name="_method" value="POST")
14
+ input#Token__TOKEN__(type="hidden" name="data[_Token][key]" value="__TOKEN__")
15
+ input#MailMessageMode(type="hidden" name="data[MailMessage][mode]")
16
+ .cc-form-field-list
17
+ // CMS要件: グループ化している場合は fieldset/legend の構造
18
+ #GroupMailMessageField1.cc-form-fieldset
19
+ fieldset
20
+ legend.cc-form-fieldset-heading
21
+ span フィールドグループ名
22
+ span.required 必須
23
+ .cc-form-fieldset-attention
24
+ .mail-attention 注意書き
25
+ .cc-form-fieldset-body
26
+ // CMS要件: 入力タイプによって data-type 属性を変更
27
+ #FieldMailMessageField1.mail-field(data-type="text")
28
+ // CMS要件: グループ化している場合は 前見出し は labelとする
29
+ label.mail-before-attachment(for="MailMessageField1") 前見出し
30
+ span.mail-input
31
+ input#MailMessageField1(
32
+ type="text"
33
+ name="data[MailMessage][field1]"
34
+ maxlength="255"
35
+ required)
36
+ span.mail-after-attachment 後見出し
37
+ .mail-description 説明文
38
+ .error-message エラーメッセージ
39
+ #FieldMailMessageField2.mail-field(data-type="text")
40
+ span.mail-before-attachment
41
+ span.mail-input
42
+ input#MailMessageField2(
43
+ type="text"
44
+ name="data[MailMessage][field2]"
45
+ maxlength="255"
46
+ required)
47
+ // CMS要件: グループ化している場合は 前見出しが空であれば 後見出しを labelとする
48
+ label.mail-after-attachment(for="MailMessageField2") 後見出し
49
+ .mail-description 説明文
50
+ .error-message エラーメッセージ
51
+ // CMS要件: グループ化していない場合は div/label の構造
52
+ #GroupMailMessageField3.cc-form-fieldset
53
+ div
54
+ .cc-form-fieldset-heading
55
+ label(for="MailMessageField3") 単体フィールド名
56
+ span.required 必須
57
+ .cc-form-fieldset-attention
58
+ .mail-attention 注意書き
59
+ .cc-form-fieldset-body
60
+ #FieldMailMessageField3.mail-field(data-type="text")
61
+ // CMS要件: グループ化していない場合は 前見出しも後見出しも label にはならない
62
+ span.mail-before-attachment 前見出し
63
+ span.mail-input
64
+ input#MailMessageField3(
65
+ type="text"
66
+ name="data[MailMessage][field3]"
67
+ maxlength="255"
68
+ required)
69
+ span.mail-after-attachment 後見出し
70
+ .mail-description 説明文
71
+ .error-message エラーメッセージ
72
+ #GroupMailMessageName.cc-form-fieldset
73
+ fieldset
74
+ legend.cc-form-fieldset-heading
75
+ span 氏名
76
+ span.required 必須
77
+ .cc-form-fieldset-body
78
+ #FieldMailMessageLastName.mail-field(data-type="text")
79
+ label.mail-before-attachment(for="MailMessageLastName") 姓
80
+ span.mail-input
81
+ input#MailMessageLastName(
82
+ type="text"
83
+ name="data[MailMessage][LastName]"
84
+ required)
85
+ span.mail-after-attachment
86
+ .mail-description
87
+ #FieldMailMessageFirstName.mail-field(data-type="text")
88
+ label.mail-before-attachment(for="MailMessageFirstName") 名
89
+ span.mail-input
90
+ input#MailMessageFirstName(
91
+ type="text"
92
+ name="data[MailMessage][FirstName]"
93
+ required)
94
+ span.mail-after-attachment
95
+ .mail-description
96
+ #GroupMessageNameKana1.cc-form-fieldset
97
+ fieldset
98
+ legend.cc-form-fieldset-heading
99
+ span フリガナ
100
+ span.optional 任意
101
+ .cc-form-fieldset-attention
102
+ .mail-attention カタカナで入力してください
103
+ .cc-form-fieldset-body
104
+ #FieldMailMessageLastNameKana.mail-field(data-type="text")
105
+ label.mail-before-attachment(for="MailMessageLastNameKana") セイ
106
+ span.mail-input
107
+ input#MailMessageLastNameKana(
108
+ type="text"
109
+ name="data[MailMessage][LastNameKana]"
110
+ required)
111
+ span.mail-after-attachment
112
+ .mail-description
113
+ #FieldMailMessageFirstNameKana.mail-field(data-type="text")
114
+ label.mail-before-attachment(for="MailMessageFirstNameKana") メイ
115
+ span.mail-input
116
+ input#MailMessageFirstNameKana(
117
+ type="text"
118
+ name="data[MailMessage][FirstNameKana]"
119
+ required)
120
+ span.mail-after-attachment
121
+ .mail-description
122
+ #GroupMessageZip.cc-form-fieldset
123
+ fieldset
124
+ legend.cc-form-fieldset-heading
125
+ span 住所
126
+ span.optional 任意
127
+ .cc-form-fieldset-body
128
+ #FieldMessageZip.mail-field(data-type="text")
129
+ label.mail-before-attachment(for="MailMessageZip") 〒
130
+ span.mail-input
131
+ input#MailMessageZip(
132
+ name="data[MailMessage][zip]"
133
+ size="10"
134
+ maxlength="8"
135
+ type="text")
136
+ span.mail-after-attachment
137
+ .mail-description ハイフンを除く半角数字で入力してください
138
+ #FieldMessageAddress1.mail-field(data-type="select")
139
+ label.mail-before-attachment(for="MailMessageAddress1") 都道府県
140
+ span.mail-input
141
+ select#MailMessageAddress1(name="data[MailMessage][address_1]")
142
+ option(value) 選択してください
143
+ option(value="北海道") 北海道
144
+ option(value="青森県") 青森県
145
+ option(value="岩手県") 岩手県
146
+ option(value="宮城県") 宮城県
147
+ option(value="秋田県") 秋田県
148
+ option(value="山形県") 山形県
149
+ option(value="福島県") 福島県
150
+ option(value="茨城県") 茨城県
151
+ option(value="栃木県") 栃木県
152
+ option(value="群馬県") 群馬県
153
+ option(value="埼玉県") 埼玉県
154
+ option(value="千葉県") 千葉県
155
+ option(value="東京都") 東京都
156
+ option(value="神奈川県") 神奈川県
157
+ option(value="新潟県") 新潟県
158
+ option(value="富山県") 富山県
159
+ option(value="石川県") 石川県
160
+ option(value="福井県") 福井県
161
+ option(value="山梨県") 山梨県
162
+ option(value="長野県") 長野県
163
+ option(value="岐阜県") 岐阜県
164
+ option(value="静岡県") 静岡県
165
+ option(value="愛知県") 愛知県
166
+ option(value="三重県") 三重県
167
+ option(value="滋賀県") 滋賀県
168
+ option(value="京都府") 京都府
169
+ option(value="大阪府") 大阪府
170
+ option(value="兵庫県") 兵庫県
171
+ option(value="奈良県") 奈良県
172
+ option(value="和歌山県") 和歌山県
173
+ option(value="鳥取県") 鳥取県
174
+ option(value="島根県") 島根県
175
+ option(value="岡山県") 岡山県
176
+ option(value="広島県") 広島県
177
+ option(value="山口県") 山口県
178
+ option(value="徳島県") 徳島県
179
+ option(value="香川県") 香川県
180
+ option(value="愛媛県") 愛媛県
181
+ option(value="高知県") 高知県
182
+ option(value="福岡県") 福岡県
183
+ option(value="佐賀県") 佐賀県
184
+ option(value="長崎県") 長崎県
185
+ option(value="熊本県") 熊本県
186
+ option(value="大分県") 大分県
187
+ option(value="宮崎県") 宮崎県
188
+ option(value="鹿児島県") 鹿児島県
189
+ option(value="沖縄県") 沖縄県
190
+ span.mail-after-attachment
191
+ .mail-description
192
+ #FieldMessageAddress2.mail-field(data-type="text")
193
+ label.mail-before-attachment(for="MailMessageAddress2") 市区町村
194
+ span.mail-input
195
+ input#MailMessageAddress2(
196
+ name="data[MailMessage][address_2]"
197
+ size="30"
198
+ maxlength="200"
199
+ type="text")
200
+ span.mail-after-attachment
201
+ .mail-description
202
+ #FieldMessageAddress3.mail-field(data-type="text")
203
+ label.mail-before-attachment(for="MailMessageAddress3") 番地
204
+ span.mail-input
205
+ input#MailMessageAddress3(
206
+ name="data[MailMessage][address_3]"
207
+ size="30"
208
+ maxlength="200"
209
+ type="text")
210
+ span.mail-after-attachment
211
+ .mail-description
212
+ // CMS要件: グループ化していない場合でも チェックボックスでは fieldset/legend の構造
213
+ #GroupMessageCategory.cc-form-fieldset
214
+ fieldset
215
+ legend.cc-form-fieldset-heading
216
+ span チェックボックス単体
217
+ span.required 必須
218
+ .cc-form-fieldset-body
219
+ #FieldMessageCategory.mail-field(data-type="checkbox")
220
+ span.mail-before-attachment チェックボックス前見出し
221
+ input#MailMessageCategory(type="hidden" name="data[MailMessage][category]" value)
222
+ .checkbox
223
+ input#MailMessageCategoryItem1(
224
+ type="checkbox"
225
+ name="data[MailMessage][category][]"
226
+ value="Item1")
227
+ |  
228
+ label(for="MailMessageCategoryItem1") 項目1
229
+ .checkbox
230
+ input#MailMessageCategoryItem2(
231
+ type="checkbox"
232
+ name="data[MailMessage][category][]"
233
+ value="Item2")
234
+ |  
235
+ label(for="MailMessageCategoryItem2") 項目2
236
+ .checkbox
237
+ input#MailMessageCategoryItem3(
238
+ type="checkbox"
239
+ name="data[MailMessage][category][]"
240
+ value="Item3")
241
+ |  
242
+ label(for="MailMessageCategoryItem3") 項目3
243
+ span.mail-after-attachment チェックボックス後見出し
244
+ .mail-description
245
+ #GroupMessageContents.cc-form-fieldset
246
+ fieldset
247
+ legend.cc-form-fieldset-heading
248
+ span チェックボックス
249
+ span.required 必須
250
+ .cc-form-fieldset-attention
251
+ .mail-attention 注意書き
252
+ .cc-form-fieldset-body
253
+ #FieldMessageContents.mail-field(data-type="checkbox")
254
+ span.mail-before-attachment 前見出し
255
+ input#MailMessageField4(type="hidden" name="data[MailMessage][contents]" value)
256
+ .checkbox
257
+ input#MailMessageField41(
258
+ type="checkbox"
259
+ name="data[MailMessage][contents][]"
260
+ value="1")
261
+ |  
262
+ label(for="MailMessageField41") 生麦生米生卵
263
+ .checkbox
264
+ input#MailMessageField42(
265
+ type="checkbox"
266
+ name="data[MailMessage][contents][]"
267
+ value="2")
268
+ |  
269
+ label(for="MailMessageField42") 赤パジャマ黄パジャマ茶パジャマ
270
+ .checkbox
271
+ input#MailMessageField43(
272
+ type="checkbox"
273
+ name="data[MailMessage][contents][]"
274
+ value="3")
275
+ |  
276
+ label(for="MailMessageField43") 青巻紙赤巻紙黄巻紙
277
+ .checkbox
278
+ input#MailMessageField44(
279
+ type="checkbox"
280
+ name="data[MailMessage][contents][]"
281
+ value="4")
282
+ |  
283
+ label(for="MailMessageField44") 隣の客はよく柿食う客だ
284
+ .checkbox
285
+ input#MailMessageField45(
286
+ type="checkbox"
287
+ name="data[MailMessage][contents][]"
288
+ value="5")
289
+ |  
290
+ label(for="MailMessageField45") かえるぴょこぴょこ3ぴょこぴょこ あわせてぴょこぴょこ6ぴょこぴょこ
291
+ .checkbox
292
+ input#MailMessageField46(
293
+ type="checkbox"
294
+ name="data[MailMessage][contents][]"
295
+ value="6")
296
+ |  
297
+ label(for="MailMessageField46") 東京特許許可局許可局長
298
+ .checkbox
299
+ input#MailMessageField47(
300
+ type="checkbox"
301
+ name="data[MailMessage][contents][]"
302
+ value="7")
303
+ |  
304
+ label(for="MailMessageField47") その他
305
+ span.mail-after-attachment
306
+ #FieldMessageContentsOther.mail-field(data-type="text")
307
+ label.mail-before-attachment(for="MailMessageContentsOther") その他
308
+ span.mail-input
309
+ input#MailMessageContentsOther(
310
+ name="data[MailMessage][contents_other]"
311
+ size="30"
312
+ maxlength="255"
313
+ type="text")
314
+ span.mail-after-attachment 後見出し
315
+ .mail-description その他を選択された場合は内容をご入力ください。
316
+ #GroupMessageTel.cc-form-fieldset
317
+ div
318
+ .cc-form-fieldset-heading
319
+ label(for="MailMessageTel") 電話番号
320
+ .cc-form-fieldset-attention
321
+ .mail-attention 注意書き
322
+ .cc-form-fieldset-body
323
+ #FieldMessageTel.mail-field(data-type="text")
324
+ span.mail-before-attachment 前見出し
325
+ span.mail-input
326
+ input#MailMessageTel(
327
+ name="data[MailMessage][tel]"
328
+ size="15"
329
+ maxlength="13"
330
+ type="text")
331
+ span.mail-after-attachment 後見出し
332
+ #GroupMessageEmail1.cc-form-fieldset
333
+ div
334
+ .cc-form-fieldset-heading
335
+ label(for="MailMessageEmail1") メールアドレス
336
+ span.required 必須
337
+ .cc-form-fieldset-attention
338
+ .mail-attention 注意書き
339
+ .cc-form-fieldset-body
340
+ #FieldMessageEmail1.mail-field(data-type="text")
341
+ span.mail-before-attachment 前見出し
342
+ span.mail-input
343
+ input#MailMessageEmail1(
344
+ name="data[MailMessage][email_1]"
345
+ maxlength="255"
346
+ type="text")
347
+ span.mail-after-attachment 後見出し
348
+ #GroupMessageBirth.cc-form-fieldset
349
+ div
350
+ .cc-form-fieldset-heading
351
+ label(for="MailMessageBirth") 生まれ年
352
+ span.required 必須
353
+ .cc-form-fieldset-attention
354
+ .mail-attention 注意書き
355
+ .cc-form-fieldset-body
356
+ #FieldMessageBirth.mail-field(data-type="select")
357
+ span.mail-before-attachment 前見出し
358
+ span.mail-input
359
+ select#MailMessageBirth(name="data[MailMessage][birth]")
360
+ option(value) 選択してください
361
+ option(value="1") 1923年
362
+ option(value="2") 1924年
363
+ option(value="3") 1925年
364
+ option(value="4") 1926年
365
+ option(value="5") 1927年
366
+ option(value="6") 1928年
367
+ option(value="7") 1929年
368
+ option(value="8") 1930年
369
+ option(value="9") 1931年
370
+ option(value="10") 1932年
371
+ option(value="11") 1933年
372
+ option(value="12") 1934年
373
+ option(value="13") 1935年
374
+ option(value="14") 1936年
375
+ option(value="15") 1937年
376
+ option(value="16") 1938年
377
+ option(value="17") 1939年
378
+ option(value="18") 1940年
379
+ option(value="19") 1941年
380
+ option(value="20") 1942年
381
+ option(value="21") 1943年
382
+ option(value="22") 1944年
383
+ option(value="23") 1945年
384
+ option(value="24") 1946年
385
+ option(value="25") 1947年
386
+ option(value="26") 1948年
387
+ option(value="27") 1949年
388
+ option(value="28") 1950年
389
+ option(value="29") 1951年
390
+ option(value="30") 1952年
391
+ option(value="31") 1953年
392
+ option(value="32") 1954年
393
+ option(value="33") 1955年
394
+ option(value="34") 1956年
395
+ option(value="35") 1957年
396
+ option(value="36") 1958年
397
+ option(value="37") 1959年
398
+ option(value="38") 1960年
399
+ option(value="39") 1961年
400
+ option(value="40") 1962年
401
+ option(value="41") 1963年
402
+ option(value="42") 1964年
403
+ option(value="43") 1965年
404
+ option(value="44") 1966年
405
+ option(value="45") 1967年
406
+ option(value="46") 1968年
407
+ option(value="47") 1969年
408
+ option(value="48") 1970年
409
+ option(value="49") 1971年
410
+ option(value="50") 1972年
411
+ option(value="51") 1973年
412
+ option(value="52") 1974年
413
+ option(value="53") 1975年
414
+ option(value="54") 1976年
415
+ option(value="55") 1977年
416
+ option(value="56") 1978年
417
+ option(value="57") 1979年
418
+ option(value="58") 1980年
419
+ option(value="59") 1981年
420
+ option(value="60") 1982年
421
+ option(value="61") 1983年
422
+ option(value="62") 1984年
423
+ option(value="63") 1985年
424
+ option(value="64") 1986年
425
+ option(value="65") 1987年
426
+ option(value="66") 1988年
427
+ option(value="67") 1989年
428
+ option(value="68") 1990年
429
+ option(value="69") 1991年
430
+ option(value="70") 1992年
431
+ option(value="71") 1993年
432
+ option(value="72") 1994年
433
+ option(value="73") 1995年
434
+ option(value="74") 1996年
435
+ option(value="75") 1997年
436
+ option(value="76") 1998年
437
+ option(value="77") 1999年
438
+ option(value="78") 2000年
439
+ option(value="79") 2001年
440
+ option(value="80") 2002年
441
+ option(value="81") 2003年
442
+ option(value="82") 2004年
443
+ option(value="83") 2005年
444
+ option(value="84") 2006年
445
+ option(value="85") 2007年
446
+ option(value="86") 2008年
447
+ option(value="87") 2009年
448
+ option(value="88") 2010年
449
+ option(value="89") 2011年
450
+ option(value="90") 2012年
451
+ option(value="91") 2013年
452
+ option(value="92") 2014年
453
+ option(value="93") 2015年
454
+ option(value="94") 2016年
455
+ option(value="95") 2017年
456
+ span.mail-after-attachment 後見出し
457
+ #GroupMessageSex.cc-form-fieldset
458
+ fieldset
459
+ legend.cc-form-fieldset-heading
460
+ span 性別
461
+ span.optional 任意
462
+ .cc-form-fieldset-attention
463
+ .mail-attention 注意書き
464
+ .cc-form-fieldset-body
465
+ #FieldMessageSex.mail-field(data-type="radio")
466
+ span.mail-before-attachment 前見出し
467
+ input#MailMessageSex_(type="hidden" name="data[MailMessage][sex]" value)
468
+ .mail-group-radio
469
+ span
470
+ input#MailMessageSex1(type="radio" name="data[MailMessage][sex]" value="1")
471
+ label(for="MailMessageSex1") 男性
472
+ span
473
+ input#MailMessageSex2(type="radio" name="data[MailMessage][sex]" value="2")
474
+ label(for="MailMessageSex2") 女性
475
+ span.mail-after-attachment 後見出し
476
+ #GroupMessageMessage.cc-form-fieldset
477
+ div
478
+ .cc-form-fieldset-heading
479
+ label(for="MailMessageMessage") テキストエリア
480
+ span.optional 任意
481
+ .cc-form-fieldset-attention
482
+ .mail-attention 注意書き
483
+ .cc-form-fieldset-body
484
+ #FieldMessageMessage.mail-field(data-type="textarea")
485
+ span.mail-before-attachment 前見出し
486
+ // CMS要件: サイズ指定がないときは cols属性を出力しない
487
+ span.mail-input
488
+ textarea#MailMessageMessage(name="data[MailMessage][message]" rows="10")
489
+ span.mail-after-attachment 後見出し
490
+ #GroupMessageMessage2.cc-form-fieldset
491
+ div
492
+ .cc-form-fieldset-heading
493
+ label(for="MailMessageMessage2") テキストエリア
494
+ span.optional 任意
495
+ .cc-form-fieldset-attention
496
+ .mail-attention 注意書き
497
+ .cc-form-fieldset-body
498
+ #FieldMessageMessage2.mail-field(data-type="textarea")
499
+ span.mail-before-attachment 前見出し
500
+ span.mail-input
501
+ textarea#MailMessageMessage2(
502
+ name="data[MailMessage][message2]"
503
+ rows="10"
504
+ cols="20")
505
+ span.mail-after-attachment 後見出し
506
+ #GroupMessageFile.cc-form-fieldset
507
+ div
508
+ .cc-form-fieldset-heading
509
+ label(for="MailMessageFile") ファイル添付
510
+ span.optional 任意
511
+ .cc-form-fieldset-attention
512
+ .mail-attention 注意書き
513
+ .cc-form-fieldset-body
514
+ #FieldMessageFile.mail-field(data-type="file")
515
+ span.mail-before-attachment 前見出し
516
+ span.mail-input
517
+ input#MailMessageFile(name="data[MailMessage][File]" type="file")
518
+ span.mail-after-attachment 後見出し
519
+ .cc-form-agreement
520
+ p
521
+ | 送信前に
522
+ a(href="__PATH_TO__") 個人情報保護方針
523
+ | をご確認ください。
524
+ .cc-form-submit
525
+ button#BtnMessageConfirm(type="submit"): span 送信内容を確認
526
+ input#TokenFields__TOKEN(type="hidden" name="data[_Token][fields]" value="__TOKEN__")
527
+ input#TokenUnlocked__TOKEN(
528
+ type="hidden"
529
+ name="data[_Token][unlocked]"
530
+ value="__TOKEN__")