fluentd-ui/app/views/shared/vue/_transport_section.html.haml
Kenji Okimoto 3cfff4a611
Use bootstrap-vue components
Signed-off-by: Kenji Okimoto <okimoto@clear-code.com>
2018-10-09 16:46:49 +09:00

33 lines
1.3 KiB
Plaintext

- add_javascript_pack_tag("transport_section")
= render "shared/vue/config_field"
#transport-section.form-group.card.card-body.bg-light{"pluginType" => setting.plugin_type,
"pluginName" => setting.plugin_name}
%label
Transport
.form-group
%select{"class" => "form-control",
"v-model" => "transportType",
"v-on:change" => "onChange"}
%option{"v-for" => "option in options",
"v-bind:value" => "option",
"v-bind:selected" => "transportType === option"}
{{ option | toUpper }}
%p{"v-if" => 'transportType === "tcp"'}
Nothing to configure
%template(v-else)
%template{"v-for" => "option in commonOptions"}
%config-field{"v-bind:plugin-type" => "pluginType",
"v-bind:option" => "option"}
%b-card(no-body){"bg-variant" => "light"}
%template{"slot" => "header"}
%h4{"v-b-toggle" => "'transport-advanced-setting'"}
= icon('fa-caret-down')
= t('terms.advanced_setting') + '(TLS)'
%b-collapse{"id" => "transport-advanced-setting"}
%b-card-body
%template{"v-for" => "option in advancedOptions"}
%config-field{"v-bind:plugin-type" => "pluginType",
"v-bind:option" => "option"}