var globalSettings = {
"include_layout_files":[
"inc__main_header", "inc__main_header_logo", "inc__main_header_complogo", "inc__main_header_gmenucta", "inc__main_header_gmenusub",
"inc__main_footer", "inc__expansion_footer",
"inc__section_bg", "inc__section_title", "inc__section_message", "inc__section_footer",
"inc__item_title", "inc__item_subtitle", "inc__item_figure", "inc__item_body", "inc__item_span",
"inc__parts_image", "inc__parts_taglist", "inc__parts_btn", "inc__hero_clip"
],
"include_comp_files":[
"comp__headline", "comp__text", "comp__textarea", "comp__subtext", "comp__inlinetext", "comp__label", "comp__labels", "comp__datetime", "comp__tel","comp__badge",
"comp__image", "comp__images", "comp__file", "comp__embed", "comp__bgimage", "comp__bgmovie",
"comp__button", "comp__buttons", "comp__links",
"comp__ullist", "comp__ollist",
"comp__table",
"comp__tablist",
"comp__container", "comp__contatiner", "comp__container-vertical", "comp__container-horizontal", "comp__container-list", "comp__dl",
"comp__group", "comp__blockquote", "comp__accordion", "comp__remarks",
"comp__section_title", "comp__section_message", "comp__section_footer",
"comp__section_headline", "comp__section_textarea", "comp__section_image", "comp__section_3block", "comp__section_table", "comp__section_ullist", "comp__section_ollist"
],
"bgshape_list":[
{"id":"shape001"},
{"id":"shape002"},
{"id":"shape003"},
{"id":"shape004"},
{"id":"shape005"},
{"id":"shape006"},
{"id":"shape007"},
{"id":"shape009"},
{"id":"shape011"},
{"id":"shape012"},
{"id":"shape013"},
{"id":"shape014"},
{"id":"shape015"},
{"id":"shape016"},
{"id":"shape017"},
{"id":"shape018"},
{"id":"shape019"},
{"id":"shape020"}
],
"thema_list":{
"thema03":{
"id": "thema03",
"name": "thema03",
"s-align":"s-align-center",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape003",
"s-content-bg":"s-content-bg-alternate"
},
"thema_dictionary01":{
"id": "thema_dictionary01",
"name": "辞書",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape003",
"s-content-bg":"s-content-bg-alternate"
},
"thema_forest01":{
"id": "thema_forest01",
"name": "森林",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-primary-leftline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_deepsea01":{
"id": "thema_deepsea01",
"name": "深海",
"s-align":"s-align-left",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-leftline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_cheesecake01":{
"id": "thema_cheesecake01",
"name": "チーズケーキ",
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-underline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_rose01":{
"id": "thema_rose01",
"name": "バラ",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-underline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_honda01":{
"id": "thema_honda01",
"name": "ホンダ",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-underline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_nri01":{
"id": "thema_nri01",
"name": "NRI",
"s-align":"s-align-center",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate",
"s-headline":"s-headline-002",
"s-container-vertical": "s-container-vertical-005",
"s-container-horizontal": "s-container-horizontal-005",
"s-container-list":"s-container-list-005",
"s-text-link":"s-text-link-001",
"s-btn":"s-btn-002",
"s-label":"s-label-002"
},
"thema_tkc01":{
"id": "thema_tkc01",
"name": "TKC01",
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-border":"s-border-none",
"s-font-family":"s-font-family-serif",
"s-hero-bg-blend": "s-hero-bg-blend-main",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate",
"s-headline":"s-headline-002",
"s-container-vertical": "s-container-vertical-005",
"s-container-horizontal": "s-container-horizontal-005",
"s-container-list":"s-container-list-005",
"s-animation":"s-animation-001",
"s-text-link":"s-text-link-001",
"s-text-link-icon":"icon-before--circle-arrow",
"s-btn":"s-btn-002",
"s-btn-icon":"icon-after--circle-arrow",
"s-label":"s-label-003",
"s-badge":"s-badge-003",
"s-table":"s-table-001",
"list-color": ["tkc-001","tkc-002","tkc-003","tkc-004"]
},
"thema_tkc02":{
"id": "thema_tkc02",
"name": "TKC01",
"s-align":"s-align-center",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-border":"s-border-none",
"s-font-family":"s-font-family-serif",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate",
"s-headline":"s-headline-002",
"s-container-vertical": "s-container-vertical-005",
"s-container-horizontal": "s-container-horizontal-005",
"s-container-list":"s-container-list-005",
"s-animation":"s-animation-001",
"s-text-link":"s-text-link-001",
"s-text-link-icon":"icon-before--circle-arrow",
"s-btn":"s-btn-002",
"s-btn-icon":"icon-after--circle-arrow",
"s-label":"s-label-003",
"s-badge":"s-badge-003"
},
"thema_tkc03":{
"id": "thema_tkc03",
"name": "TKC01",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-border":"s-border-small",
"s-font-family":"s-font-family-serif",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-none",
"s-headline":"s-headline-002",
"s-container-vertical": "s-container-vertical-005",
"s-container-horizontal": "s-container-horizontal-005",
"s-container-list":"s-container-list-005",
"s-animation":"s-animation-002",
"s-text-link":"s-text-link-001",
"s-text-link-icon":"icon-before--circle-arrow",
"s-btn":"s-btn-002",
"s-btn-icon":"icon-after--arrow",
"s-label":"s-label-004",
"s-badge":"s-badge-004",
"s-dl":"s-dl-001",
"list-color": ["tkc-001","tkc-002","tkc-003","tkc-004","tkc-005","tkc-006"]
},
"thema_cac01":{
"id": "thema_cac01",
"name": "CAC01",
"s-align":"s-align-center",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-border":"s-border-none",
"s-font-family":"s-font-family-serif",
"s-hero-bg-blend": "s-hero-bg-blend-main",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate",
"s-headline":"s-headline-002",
"s-container-vertical": "s-container-vertical-005",
"s-container-horizontal": "s-container-horizontal-005",
"s-container-list":"s-container-list-005",
"s-animation":"s-animation-001",
"s-text-link-icon":"icon-before--circle-arrow",
"s-btn-icon":"icon-after--circle-arrow",
"s-container-icon":"icon-after--triangle-arrow",
"s-extarnal-icon":"icon--extarnal",
"s-text-link":"s-text-link-002",
"s-btn":"s-btn-002",
"s-label":"s-label-002",
"s-label-link-icon":"icon-before--arrow",
"s-badge":"s-badge-003",
"s-table":"s-table-001",
"list-color": ["tkc-001","tkc-002","tkc-003","tkc-004"]
},
"thema_cac02":{
"id": "thema_cac02",
"name": "CAC02",
"s-align":"s-align-center",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-border":"s-border-none",
"s-font-family":"s-font-family-serif",
"s-hero-bg-blend": "s-hero-bg-blend-main",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate",
"s-headline":"s-headline-cac001",
"s-container-vertical": "s-container-vertical-cac001",
"s-container-horizontal": "s-container-horizontal-cac001",
"s-container-list":"s-container-list-cac001",
"s-animation":"s-animation-cac001",
"s-text-link-icon":"icon-before--circle-arrow",
"s-btn-icon":"icon-after--circle-arrow",
"s-container-icon":"icon-after--triangle-arrow",
"s-extarnal-icon":"icon--extarnal",
"s-text-link":"s-text-link-cac001",
"s-btn":"s-btn-cac001",
"s-label":"s-label-cac001",
"s-label-link-icon":"icon-before--arrow",
"s-badge":"s-badge-cac001",
"s-table":"s-table-cac001"
},
"thema_dcs01":{
"id": "thema_dcs01",
"name": "DCS01",
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-border":"s-border-none",
"s-font-family":"s-font-family-serif",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-none",
"s-headline":"s-headline-005",
"s-container-vertical": "s-container-vertical-005",
"s-container-horizontal": "s-container-horizontal-005",
"s-container-list":"s-container-list-005",
"s-animation":"s-animation-001",
"s-text-link":"s-text-link-001",
"s-text-link-icon":"icon-before--circle-arrow",
"s-btn":"s-btn-002",
"s-btn-icon":"icon-after--circle-arrow",
"s-label":"s-label-003",
"s-badge":"s-badge-003",
"s-table":"s-table-001",
"list-color": ["dcs-001"]
},
"thema_dcs02":{
"id": "thema_dcs02",
"name": "DCS02",
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-border":"s-border-none",
"s-font-family":"s-font-family-serif",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-none",
"s-headline":"s-headline-005",
"s-container-vertical": "s-container-vertical-005",
"s-container-horizontal": "s-container-horizontal-005",
"s-container-list":"s-container-list-005",
"s-animation":"s-animation-001",
"s-text-link":"s-text-link-001",
"s-text-link-icon":"icon-before--circle-arrow",
"s-btn":"s-btn-002",
"s-btn-icon":"icon-after--circle-arrow",
"s-label":"s-label-003",
"s-badge":"s-badge-003",
"s-table":"s-table-001",
"list-color": ["dcs-001"]
},
"thema_dcs03":{
"id": "thema_dcs03",
"name": "DCS03",
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-border":"s-border-none",
"s-font-family":"s-font-family-serif",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-none",
"s-headline":"s-headline-005",
"s-container-vertical": "s-container-vertical-005",
"s-container-horizontal": "s-container-horizontal-005",
"s-container-list":"s-container-list-005",
"s-animation":"s-animation-001",
"s-text-link":"s-text-link-001",
"s-text-link-icon":"icon-before--circle-arrow",
"s-btn":"s-btn-002",
"s-btn-icon":"icon-after--circle-arrow",
"s-label":"s-label-003",
"s-badge":"s-badge-003",
"s-table":"s-table-001",
"list-color": ["dcs-001"]
},
"thema_dcs04":{
"id": "thema_dcs04",
"name": "DCS04",
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-border":"s-border-none",
"s-font-family":"s-font-family-serif",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-none",
"s-headline":"s-headline-005",
"s-container-vertical": "s-container-vertical-005",
"s-container-horizontal": "s-container-horizontal-005",
"s-container-list":"s-container-list-005",
"s-animation":"s-animation-001",
"s-text-link":"s-text-link-001",
"s-text-link-icon":"icon-before--circle-arrow",
"s-btn":"s-btn-002",
"s-btn-icon":"icon-after--circle-arrow",
"s-label":"s-label-003",
"s-badge":"s-badge-003",
"s-table":"s-table-001",
"list-color": ["dcs-001"]
},
"thema_hjcardgamer02":{
"id": "thema_hjcardgamer02",
"name": "hjcardgamer02",
"s-align":"s-align-left",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-border":"s-border-none",
"s-font-family":"s-font-family-serif",
"s-hero-bg-blend": "s-hero-bg-blend-main",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-none",
"s-headline":"s-headline-002",
"s-container-vertical": "s-container-vertical-005",
"s-container-horizontal": "s-container-horizontal-005",
"s-container-list":"s-container-list-005",
"s-animation":"s-animation-001",
"s-text-link":"s-text-link-001",
"s-text-link-icon":"icon-before--circle-arrow",
"s-btn":"s-btn-002",
"s-btn-icon":"icon-after--circle-arrow",
"s-label":"s-label-003",
"s-badge":"s-badge-003",
"s-table":"s-table-001"
},
"thema_space01":{
"id": "thema_space01",
"name": "宇宙",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-leftline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_lavender01":{
"id": "thema_lavender01",
"name": "ラベンダー",
"s-align":"s-align-left",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_cherryBlossom01":{
"id": "thema_cherryBlossom01",
"name": "お花見",
"s-align":"s-align-left",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-leftline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_coffeeBeans01":{
"id": "thema_coffeeBeans01",
"name": "コーヒー豆の麻袋",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-leftline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_weddingBouquet01":{
"id": "thema_weddingBouquet01",
"name": "ウェディングブーケ",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-leftline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_stationNameplate01":{
"id": "thema_stationNameplate01",
"name": "駅の表札",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-leftline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_london01":{
"id": "thema_london01",
"name": "霧のロンドン",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-leftline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_champagne01":{
"id": "thema_champagne01",
"name": "シャンパン",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-leftline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_orange01":{
"id": "thema_orange01",
"name": "オレンジ",
"s-align":"s-align-left",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-leftline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_building01":{
"id": "thema_building01",
"name": "ビル",
"s-align":"s-align-center",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-underline",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001",
"s-content-bg":"s-content-bg-alternate"
},
"thema_test001":{
"id": "thema_test001",
"name": "test001",
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-none",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001"
},
"thema_test002":{
"id": "thema_test002",
"name": "test002",
"s-align":"s-align-left",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-none",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001"
},
"thema_flatradius00":{
"id": "thema_flatradius00",
"name": "flatradius00",
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-none",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001"
},
"thema_flatsolid00":{
"id": "thema_flatsolid00",
"name": "flatsolid00",
"default": {"lp": true},
"s-align":"s-align-center",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-none",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001"
},
"thema_materialradius00":{
"id": "thema_materialradius00",
"name": "materialradius00",
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-middle",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-none",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001"
},
"thema_materialsolid00":{
"id": "thema_materialsolid00",
"name": "materialsolid00",
"s-align":"s-align-center",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-middle",
"s-font-family":"s-font-family-serif",
"s-headline":"s-headline-none",
"s-hero-text-shadow":"s-hero-text-shadow-none",
"s-bgshape":"s-bgshape-shape001"
},
"thema_flatradius01":{
"id": "thema_flatradius01",
"name": "flatradius01",
"default": {"lp": true},
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-headline":"s-headline-underline"
},
"thema_flatsolid01":{
"id": "thema_flatsolid01",
"name": "flatsolid01",
"s-align":"s-align-center",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-none",
"s-headline":"s-headline-underline"
},
"thema_materialradius01":{
"id": "thema_materialradius01",
"name": "materialradius01",
"s-align":"s-align-center",
"s-radius":"s-radius-large",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-middle",
"s-headline":"s-headline-underline"
},
"thema_materialsolid01":{
"id": "thema_materialsolid01",
"name": "materialsolid01",
"s-align":"s-align-center",
"s-radius":"s-radius-none",
"s-margin":"s-margin-large",
"s-shadow":"s-shadow-middle",
"s-headline":"s-headline-underline"
},
"thema_flatradius02":{
"id": "thema_flatradius02",
"name": "flatradius02",
"s-align":"s-align-left",
"s-radius":"s-radius-large",
"s-shadow":"s-shadow-none",
"s-headline":"s-headline-primary-leftline"
},
"thema_flatsolid02":{
"id": "thema_flatsolid02",
"name": "flatsolid02",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-shadow":"s-shadow-none",
"s-headline":"s-headline-primary-leftline"
},
"thema_materialradius02":{
"id": "thema_materialradius02",
"name": "materialradius02",
"s-align":"s-align-left",
"s-radius":"s-radius-large",
"s-shadow":"s-shadow-middle",
"s-headline":"s-headline__underline"
},
"thema_materialsolid02":{
"id": "thema_materialsolid02",
"name": "materialsolid02",
"default": {"lp": true},
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-shadow":"s-shadow-middle",
"s-headline":"s-headline-primary-leftline"
},
"thema_flatradius03":{
"id": "thema_flatradius03",
"name": "flatradius03",
"s-align":"s-align-left",
"s-radius":"s-radius-large",
"s-shadow":"s-shadow-none",
"s-headline":"s-headline-leftline"
},
"thema_flatsolid03":{
"id": "thema_flatsolid03",
"name": "flatsolid03",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-shadow":"s-shadow-none",
"s-headline":"s-headline-leftline"
},
"thema_materialradius03":{
"id": "thema_materialradius03",
"name": "materialradius03",
"default": {"lp": true},
"s-align":"s-align-left",
"s-radius":"s-radius-large",
"s-shadow":"s-shadow-middle",
"s-headline":"s-headline-leftline"
},
"thema_materialsolid03":{
"id": "thema_materialsolid03",
"name": "materialsolid03",
"s-align":"s-align-left",
"s-radius":"s-radius-none",
"s-shadow":"s-shadow-middle",
"s-headline":"s-headline-leftline"
}
}
};
var baseIncludeComponent = {
props: {
areaType: null,
blockid: null,
page_info: {},
layout: {},
block: {},
item: {},
classes: null,
name: null,
parentType: null,
customData: {}
},
template: `
`,
methods: {
getBlockId: function(block, key, blockid){
if(!block){ block = this.block; }
if(block && block['id']){ return block['id']; }
if(!blockid){ blockid = this.blockid; }
if(!key){ key = 'blocks-'; }
if(this.areaType == 'header'){
return 'header-'+key+(blockid+1);
}
if(this.areaType == 'footer'){
return 'footer-'+key+(blockid+1);
}
return key+(blockid+1);
},
getKeyValue: (items, key, key2) => {
if(key2){ return items[key+'_'+key2]; }
return items[key];
},
getDefaultsClasses: function(){ return null; },
getBlockClasses: function(){
var res = [];
if(this.block.block_type){ res.push(this.block.block_type); }
if(this.block.layout_type){ res.push(this.block.layout_type); }
if(this.block.color_style){ res = res.concat(this.block.color_style); }
var def = this.getDefaultsClasses();
if(def){ res = res.concat(def); }
if(this.block && this.block.classes){ res = res.concat(this.block.classes); }
return Array.from(new Set(res));
},
getComponentId: function(block, key, blockid){
if(!block){ block = this.block; }
if(block && block['id']){ return block['id']; }
if(!blockid){ blockid = this.blockid; }
if(!key){ key = 'comp-'; }
return key+(blockid+1);
},
getComponents: function(){
if(this.block && this.block['settings'] && this.block['settings']['components']){
return this.block['settings']['components'];
}
return this.components;
},
getComponentLayout: function(type){
// console.log('comp__'+type);
// console.log(this.layout['comp__'+type]);
return this.layout['comp__'+type];
},
// ブロックコンテンツを配列に変換
get_array_block: (items, search) => {
var result = [];
for(key in items){
// console.log([key, search])
if(items[key] && items[key]['visibility'] === true){ continue; }
if(key.indexOf(search) === 0 && key.match(/[0-9]+$/)){ result.push(items[key]); }
}
return result;
},
get_block_keys: (items, search) => {
var result = [];
for(key in items){
// console.log([key, search])
if(items[key] && items[key]['visibility'] === true){ continue; }
if(key.indexOf(search) === 0 && key.match(/[0-9]+$/)){ result.push(key); }
}
return result;
},
get_hash_block: (items, search) => {
var result = {};
for(key in items){
// console.log([key, search])
if(key.indexOf(search) === 0){
if(items[key] && items[key]['visibility'] === true){ continue; }
var k = key.match(/^(.+?)([0-9]+)$/);
result[k[2]] = result[k[2]] || {};
result[k[2]][k[1]] = items[key];
}
}
return Object.values(result);
},
// カスタムデータの取得
getCustomData: (key) => {
if(!this.$options){ return null; }
// console.log(this.$options._componentTag);
var name = this.$options._componentTag;
if(!this.customData[key]){
this.$set(this.customData, key, null);
if(page_info['custom'] && page_info[name] && page_info[name][key]){
this.$set(this.customData, key, page_info[name][key]);
page_info[name][key] = this.customData[key];
}
}
return null;
},
// テキストをフォーマット
getTextContents: (items, key, key2) => {
var k = key;
if(key2){ k+= '_'+key2; }
if(!items[k]){ return null; }
if(items[k+'_type'] && items[k+'_type'] == 'nowrap'){ return items[k]; }
else if(items[k+'_type'] && items[k+'_type'] == 'html'){ return items[k]; }
else{
return items[k].replace(/\n/g, '
');
}
return null;
},
getItemsText: (items, key, key2) => {
var k = key;
if(key2){ k+= '_'+key2; }
if(!items[k]){ return null; }
var result = '';
for(var i=0; i {
// console.log(page_info['settings']['styles'], names);
var keys = names.split(/[ ]+/);
var result = [];
for(var i=0; i {
// console.log(response.data['entry_list']);
self.$set(self, result, response.data['entry_list']);
})
.catch(response => {});
},
getTagArticles: function(result, params){
var self = this;
var url = '/getTagArticles.json?t='+(new Date()).getTime();
axios.post(url, params)
.then(response => {
// console.log(response.data['entry_list']);
// console.log(result);
self.$set(self, result, response.data['entry_list']);
// console.log(self.articles)
})
.catch(response => {});
},
getHref: function(item){
if(item['linkFile']){ return item['linkFile']; }
if(item['linkUrl']){ return item['linkUrl']; }
return null;
},
getTarget(item) {
var url = '';
if(item['linkFile']){ url = item['linkFile']; }
if(item['linkUrl']){ url = item['linkUrl']; }
if(url && url.match(/^http[s]:\/\//)){ return '_blank' }
if(url && url.match(/(\.pdf)$/)){ return '_blank' }
return '_self';
},
getSearchQuery: function(){
var arg = new Object;
var pair=location.search.substring(1).split('&');
for(var i=0;pair[i];i++) {
var kv = pair[i].split('=');
arg[kv[0]]=decodeURIComponent(kv[1]);
}
return arg;
}
}
};
Vue.filter('nl2br', value => {
if(!value){ return value; }
value.replace(/\n/g, '
')
return value;
});
Vue.filter('def_value', (value, def_value) => {
if(value){ return value; }
return def_value;
});
var include_layout_files = globalSettings['include_layout_files'];
var include_comp_files = globalSettings['include_comp_files'];
var baseViewApp = {
data: {
loading: true,
page_info: {
'settings':{},
'custom':{}
},
outputLinkHeader: false,
outputScriptHeader: false,
uniqkey: '2110201724',
baseCss: 'https://files.cmssv.awsv.jp/_build_/common/css/import.css',
includePath: 'https://files.cmssv.awsv.jp/_build_/template/_include_/',
componentsPath: 'https://files.cmssv.awsv.jp/_build_/template/components/',
contentsPath: 'https://files.cmssv.awsv.jp/_build_/template/contents/',
gmenuPath: null,
headerPath: null,
customColor: null,
include_layout_files: include_layout_files,
include_comp_files: include_comp_files,
pageOffset: 0,
layout: {},
scriptsList: []
},
head: {
meta () {
if(!document.title && this.page_info.info.title){
document.title = this.page_info.info.title;
}
var res = [];
res.push({ name: 'viewport', content: 'width=device-width, initial-scale=1, shrink-to-fit=no', undo: false, id:"meta-viewport" });
if(this.page_info.info.meta_keywords){
res.push({ name: 'keywords', content: this.page_info.info.meta_keywords, undo: false, id:"meta-keywords" });
}
res.push({ name: 'description', content: this.page_info.info.meta_description, undo: false, id:"meta-description" });
res.push({ name: 'author', content: this.page_info.info.meta_author, undo: false, id:"meta-author" });
return res;
},
link () {
var result = [];
if(!this.outputLinkHeader){
result.push({ rel: 'stylesheet', type: 'text/css', href: this.baseCss+'?'+this.uniqkey, undo: false, id:"link-baseCss" });
result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/common/js/expansion/floatbanner.css?'+this.uniqkey, undo: false, id:"link-floatbanner" });
if(this.page_info.design && this.page_info.design.site_type){
result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/color.css?'+this.uniqkey, undo: false, id:"link-pageBaseColor" });
}
// color
if(this.customColor){
result.push({ rel: 'stylesheet', type: 'text/css', href: this.customColor, undo: false, id:"link-customColor" })
}
else if(this.useColorPhp){
var query = '&key='+this.page_info.design.color_type.id;
if(this.page_info.design.color_type.colors){
for(var key in this.page_info.design.color_type.colors){
query+= '&c.'+key+'='+this.page_info.design.color_type.colors[key].substr(1);
}
}
result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/color/color-css.php?type=colorCss'+query, undo: false, id:"link-customColor" })
}
else if(this.page_info.design && this.page_info.design.colortype){
result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/color/'+this.page_info.design.colortype+'.css?'+this.uniqkey, undo: false, id:"link-color" })
}
result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/common/css/color.css?'+this.uniqkey, undo: false, id:"link-baseColor" });
// style
if(this.useStylePhp){
var query = '&key='+this.page_info.design.contents_thema;
result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/thema/style-css.php?type=styleCss'+query, undo: false, id:"link-Style" })
}
if(this.page_info.design && this.page_info.design.contents_thema){
result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/thema/'+this.page_info.design.contents_thema+'/style.css?'+this.uniqkey, undo: false, id:"link-thema" })
}
// gmenu
if(this.page_info.gmenu && this.page_info.gmenu.type){
var gmenuPath = this.gmenuPath;
if(!gmenuPath){
gmenuPath = 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/gmenu/';
}
result.push({ rel: 'stylesheet', type: 'text/css', href: gmenuPath+this.page_info.gmenu.type+'/style.css?'+this.uniqkey, undo: false, id:"link-gmenu" });
}
// header
if(page_info.header){
this.contentsForEach(this.page_info.header, (index, obj) => {
var headerPath = this.headerPath;
if(!headerPath){
headerPath = 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/header/';
}
result.push({ rel: 'stylesheet', type: 'text/css', href: headerPath+obj.block_type+'/style.css?'+this.uniqkey, undo: false, id:"link-header"+index });
});
}
// contents
var contents_blocks = [];
if(this.page_info.contents){
this.contentsForEach(this.page_info.contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'header');
this.contentsForEach(this.page_info.contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_header');
this.contentsForEach(this.page_info.contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'items');
this.contentsForEach(this.page_info.contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'footer');
this.contentsForEach(this.page_info.contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_footer');
}
// side_contents
if(this.page_info.side_contents){
this.contentsForEach(this.page_info.side_contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'header');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_header');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'items');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'footer');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_footer');
}
if(contents_blocks.length){
result.push({ rel: 'stylesheet', type: 'text/css', href: this.contentsPath+'style_css.php?types='+contents_blocks.join(',')+'&t='+this.uniqkey, undo: false, id:"link-contents" });
}
if(this.page_info.design && this.page_info.design.site_type){
result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/style.css?'+this.uniqkey, undo: false, id:"link-site_type" });
}
if(this.customCss){
this.customCss.forEach((obj, index) => {
result.push({ rel: 'stylesheet', type: 'text/css', href: obj+'?'+this.uniqkey, undo: false, id:"link-customCss"+index });
});
}
}
return result;
},
script () {
if(!this.outputScriptHeader){
this.scriptsList.push({ type: 'text/javascript', src: 'https://files.cmssv.awsv.jp/_build_/common/js/common.js?'+this.uniqkey, async: true, undo: false, id:"script-common"});
this.scriptsList.push({ type: 'text/javascript', src: 'https://files.cmssv.awsv.jp/_build_/common/js/expansion/floatbanner.js?'+this.uniqkey, async: true, undo: false, id:"script-floatbanner"});
// include
for(var i=0; i {
var headerPath = this.headerPath;
if(!headerPath){
headerPath = 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/header';
}
this.$set(this.layout, obj.block_type, '');
this.$set(this.page_info.custom, obj.block_type, {});
this.scriptsList.push({ type: 'text/javascript', src: headerPath+'/'+obj.block_type+'/layout.js?'+this.uniqkey, async: true, undo: false, id:"script-header-"+obj.block_type, class:"build-script"});
});
}
// contents
var contents_blocks = [];
if(this.page_info.contents){
this.contentsForEach(this.page_info.contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'header');
this.contentsForEach(this.page_info.contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_header');
this.contentsForEach(this.page_info.contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'items');
this.contentsForEach(this.page_info.contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'footer');
this.contentsForEach(this.page_info.contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_footer');
}
// side_contents
if(this.page_info.side_contents){
this.contentsForEach(this.page_info.side_contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'header');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_header');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'items');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'footer');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_footer');
}
if(contents_blocks.length){
this.scriptsList.push({ type: 'text/javascript', src: this.contentsPath+'layout_js.php?types='+contents_blocks.join(',')+'&t='+this.uniqkey, async: true, undo: false, id:"script-contents", class:"build-script"});
}
// console.log(this.page_info.custom);
}else{
// include
for(var i=0; i {
if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_typee, ''); }
if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, ''); }
});
}
// contents
if(this.page_info.contents){
this.contentsForEach(this.page_info.contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'header');
this.contentsForEach(this.page_info.contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'confirm_header');
this.contentsForEach(this.page_info.contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'items');
this.contentsForEach(this.page_info.contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'footer');
this.contentsForEach(this.page_info.contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'confirm_footer');
}
// side_contents
if(this.page_info.side_contents){
this.contentsForEach(this.page_info.side_contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'header');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'confirm_header');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'items');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'footer');
this.contentsForEach(this.page_info.side_contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'confirm_footer');
}
}
return this.scriptsList;
},
style: [
]
},
methods: {
updatePageOffset: function(){ this.pageOffset = 0; },
updatePageInfo: function(){
var self = this
var url = 'pagePreviewJson?t='+(new Date()).getTime();
axios.get(url).then((response) => {
self.$set(self, 'layout', {});
if(response.data.page_info){
self.$set(self, 'page_info', response.data.page_info);
if(self.page_info.design && self.page_info.design.site_type){
var url = 'https://files.cmssv.awsv.jp/_build_/template/pages/'+self.page_info.design.site_type+'/setting.json';
url+= '?t='+Math.random();
axios.get(url).then(function(res){
self.page_info['settings'] = res.data || {};
self.page_info['custom'] = self.page_info['settings']['custom'] || {};
self.$emit('updateHead');
}.bind({self: self}));
}
if(self.page_info.gmenu && !self.page_info.gmenu.type){ self.page_info.gmenu.type = 'gmenu__default'; }
}
});
},
highlightBlock: function(no, blockid, area){
this.highlightReset();
var item = null;
if(!blockid){ blockid = "blocks-"+no; }
console.log(['highlightBlock', no, blockid, area]);
if(area == 'blog-body'){
item = jQuery("main .l-body-wrapper > #"+blockid);
}
else if(area == 'blog-side'){
item = jQuery("main .l-side-wrapper > #"+blockid);
}
else if(area == 'form-header'){
item = jQuery("main .contents-header #"+blockid);
}
else if(area == 'form-items'){
item = jQuery("main .contents-items #"+blockid);
}
else{
item = jQuery("#"+blockid);
}
if(item && item.offset()){
jQuery("body").addClass("highlightBlock");
item.addClass("highlightBlock-active");
jQuery("html,body").scrollTop(item.offset().top);
}
},
highlightReset: function(){
jQuery(".highlightBlock").removeClass("highlightBlock");
jQuery(".highlightBlock-active").removeClass("highlightBlock-active");
},
setIframeHeight: function(blockid, height, updateflg){
// console.log([blockid, height]);
jQuery("#"+blockid+' iframe').height(height+20);
var block = jQuery("#"+blockid);
if(updateflg=='true' && block && block.offset()){
this.updatePageOffset();
var offset = block.offset().top - this.pageOffset;
jQuery("html,body").scrollTop(offset);
}
},
// テキストをフォーマット
getTextContents: (items, key, key2) => {
var k = key;
if(key2){ k+= '_'+key2; }
var result = items;
if(k){ result = items[k]; }
if(!result){ return null; }
if(items[k+'_type'] && items[k+'_type'] == 'nowrap'){ return result; }
else if(items[k+'_type'] && items[k+'_type'] == 'html'){ return result; }
else{
return result.replace(/\n/g, '
');
}
return null;
},
getItemsText: (items, key, key2) => {
var k = key;
if(key2){ k+= '_'+key2; }
if(!items[k]){ return null; }
var result = '';
for(var i=0; i {
result.push(obj.block_type);
});
this.contentsForEach(this.page_info.footer, (index, obj) => {
result.push(obj.block_type);
});
return result;
},
getLayout: (block_type) => {
if(this.layout && this.layout[block_type]){
return this.layout[block_type];
}
return null;
},
// スタイル
getStyle: (page_info, block, names) => {
var keys = names.split(/[ ]+/);
var result = [];
for(var i=0; i {
var result = '';
// console.log(['getContentsStyle', this.page_info.contents]);
if(this.page_info.contents && this.page_info.contents.settings){
if(this.page_info.contents.settings['bgimage']){
result+= 'background-image:url('+this.page_info.contents.settings['bgimage']+');';
}
}
return result;
},
// コンテンツ取り出し
contentsForEach: (contents, func, key) => {
if(!key){ key = 'items'; }
// console.log([key, contents])
if(contents && contents[key]){
for(var i=0; i { result.push(obj); }, key); }
}
return result;
},
mergeDeeply: function(target, source, opts) {
const isObject = obj => obj && typeof obj === 'object' && !Array.isArray(obj);
const isConcatArray = opts && opts.concatArray;
let result = Object.assign({}, target);
if (isObject(target) && isObject(source)) {
for (const [sourceKey, sourceValue] of Object.entries(source)) {
const targetValue = target[sourceKey];
if (isConcatArray && Array.isArray(sourceValue) && Array.isArray(targetValue)) {
result[sourceKey] = targetValue.concat(...sourceValue);
}
else if (isObject(sourceValue) && target.hasOwnProperty(sourceKey)) {
result[sourceKey] = this.mergeDeeply(targetValue, sourceValue, opts);
}
else {
Object.assign(result, {[sourceKey]: sourceValue});
}
}
}
return result;
},
getSearchQuery: function(){
var arg = new Object;
var pair=location.search.substring(1).split('&');
for(var i=0;pair[i];i++) {
var kv = pair[i].split('=');
arg[kv[0]]=decodeURIComponent(kv[1]);
}
return arg;
},
loadSampleSetting: function(){
var self = this;
for(var i=0; i { this.loading = false; });
if(this.page_info.gmenu && !this.page_info.gmenu.type){ this.page_info.gmenu.type = 'gmenu__default'; }
window.addEventListener('message', function (e) {
if(e.data){
if(e.data['action'] == 'updatePageInfo'){ return this.updatePageInfo(); }
if(e.data['action'] == 'highlightBlock'){ return this.highlightBlock(e.data['no'], e.data['blockid'], e.data['area']); }
if(e.data['action'] == 'highlightReset'){ return this.highlightReset(); }
if(e.data['action'] == 'setIframeHeight'){ return this.setIframeHeight(e.data['blockid'], e.data['height'], e.data['updateflg']); }
}
}.bind(this), false);
this.$on('okHead', function () {
setTimeout(function(){ $('#app').css('opacity', '1'); },100);
});
}
};
var baseFormViewApp = {
// head: {
// style () {
// var result = [];
// result.push({ type: 'text/css', inner: '.p-required { background-color: '+this.page_info.design.require_color_type+'; color: #fff}', undo: false });
// result.push({ type: 'text/css', inner: '.alert-danger { background-color: '+this.page_info.design.error_color_type+'; color: #fff}', undo: false });
// return result;
// }
// },
methods: {
highlightBlock: function(no, blockid, area){
this.highlightReset();
if(!blockid){ blockid = "blocks-"+no; }
if(area == 'header'){ blockid = "#header-blocks-"+no; }
if(area == 'footer'){ blockid = "#footer-blocks-"+no; }
jQuery("header, footer, .l-hero-wrapper").css("opacity", "0.1");
jQuery(".block__form .p-btn-container").css("opacity", "0.1");
jQuery(".page-top .l-section-wrapper:not("+blockid+")").css("opacity", "0.1");
jQuery(".page-top .l-section-wrapper:not("+blockid+")").css("opacity", "0.1");
jQuery(".form-top .form-block:not("+blockid+")").css("opacity", "0.1");
var item = jQuery(blockid);
if(item && item.offset()){
var offset = item.offset().top;
offset -= $('header').height();
offset -= 300;
jQuery("html,body").scrollTop(offset);
}
},
highlightReset: function(){
jQuery("header, footer, .l-hero-wrapper").css("opacity", '');
jQuery(".block__form .p-btn-container").css("opacity", '');
jQuery(".l-section-wrapper, .form-block").css("opacity", '');
}
}
};