mirrors/fluentd-ui
1
0
Fork 0
mirror of https://github.com/fluent/fluentd-ui.git synced 2025-08-14 18:27:06 +02:00
Code Issues Projects Releases Wiki Activity

Use b-card

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/views/shared/settings/_form.html.haml
View File

@ -43,12 +43,14 @@
"v-bind:plugin-label" => "'Format'"} "v-bind:plugin-label" => "'Format'"}
- if setting.advanced_options.present? - if setting.advanced_options.present?
.card.card-body.bg-light %b-card(no-body){"bg-variant" => "light"}
%h4{"v-b-toggle" => "'advanced-setting'"} %template{"slot" => "header"}
= icon('fa-caret-down') %h4{"v-b-toggle" => "'advanced-setting'"}
= t('terms.advanced_setting') = icon('fa-caret-down')
= t('terms.advanced_setting')
%b-collapse{"id" => "advanced-setting"} %b-collapse{"id" => "advanced-setting"}
- setting.advanced_options.each do |key| %b-card-body
= form.field(key) - setting.advanced_options.each do |key|
= form.field(key)
= form.submit t('fluentd.common.finish'), class: "btn btn-lg btn-primary float-right mt-3" = form.submit t('fluentd.common.finish'), class: "btn btn-lg btn-primary float-right mt-3"

20
app/views/shared/vue/_owned_plugin_form.html.haml
View File

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

20
app/views/shared/vue/_parser_plugin_form.html.haml
View File

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