Use b-card

Signed-off-by: Kenji Okimoto <okimoto@clear-code.com>
This commit is contained in:
Kenji Okimoto 2018-10-04 18:06:00 +09:00
parent 7feeeeb17a
commit e82e6b4bfd
No known key found for this signature in database
GPG Key ID: F9E3E329A5C5E4A1
3 changed files with 30 additions and 24 deletions

View File

@ -43,11 +43,13 @@
"v-bind:plugin-label" => "'Format'"}
- if setting.advanced_options.present?
.card.card-body.bg-light
%b-card(no-body){"bg-variant" => "light"}
%template{"slot" => "header"}
%h4{"v-b-toggle" => "'advanced-setting'"}
= icon('fa-caret-down')
= t('terms.advanced_setting')
%b-collapse{"id" => "advanced-setting"}
%b-card-body
- setting.advanced_options.each do |key|
= form.field(key)

View File

@ -2,7 +2,7 @@
%script{type: "text/x-template", id: "vue-owned-plugin-form"}
.form-group.card.bg-light.mb-3{"v-bind:id" => "id"}
.card-body
%b-card{"bg-variant" => "light"}
%label{"v-bind:for" => "selectId(pluginType)"}
{{ pluginLabel }}
%select{"v-bind:id" => "selectId(pluginType)",
@ -20,11 +20,13 @@
"v-bind:plugin-type" => "pluginType",
"v-bind:option" => "option"}
%template{"v-if" => '!_.isEmpty(advancedOptions)'}
.card.card-body.bg-light
%b-card(no-body){"bg-variant" => "light"}
%template{"slot" => "header"}
%h4{"v-b-toggle" => "`${id}-advanced-setting`"}
= icon('fa-caret-down')
= t('terms.advanced_setting')
%b-collapse{"v-bind:id" => "`${id}-advanced-setting`"}
%b-card-body
%config-field{"v-for" => "option in advancedOptions",
"v-bind:key" => "option.name",
"v-bind:plugin-type" => "pluginType",

View File

@ -3,7 +3,7 @@
%script{type: "text/x-template", id: "vue-parser-plugin-form"}
.form-group.card.bg-light.mb-3{"v-bind:id" => "id"}
.card-body
%b-card{"bg-variant" => "light"}
%label{"v-bind:for" => "selectId(pluginType)"}
{{ pluginLabel }}
%select{"v-bind:id" => "selectId(pluginType)",
@ -27,11 +27,13 @@
"v-bind:initial-text-value" => "initialParams[option.name]",
"v-on:change-parse-config" => "onChangeParseConfig"}
%template{"v-if" => '!_.isEmpty(advancedOptions)'}
.card.card-body.bg-light
%b-card(no-body){"bg-variant" => "light"}
%template{"slot" => "header"}
%h4{"v-b-toggle" => '"parser-section-advanced-setting"'}
= icon('fa-caret-down')
= t('terms.advanced_setting')
%b-collapse{"id" => "parser-section-advanced-setting"}
%b-card-body
%config-field{"v-for" => "option in advancedOptions",
"v-bind:key" => "option.name",
"v-bind:plugin-type" => "pluginType",