fluentd-ui/app/views/shared/vue/_grep_container.html.haml
Kenji Okimoto eaaccee7d1
Support multiple regexp/exclude section
Signed-off-by: Kenji Okimoto <okimoto@clear-code.com>
2018-09-12 18:00:03 +09:00

33 lines
1.3 KiB
Plaintext

= render "shared/vue/grep_pattern"
%script{type: "text/x-template", id: "vue-grep-container"}
.form-group.card
.card-header
%a.btn.btn-xs{"v-on:click" => "add", "v-if" => "index == 0"}
= icon("fa-plus")
%a.btn.btn-xs{"v-on:click" => "remove", "v-if" => "index != 0"}
= icon("fa-minus")
%label
{{ containerType | humanize }}
%label.pl-4.pr-2
%input{"type" => "radio",
"value" => "regexp",
"v-bind:name" => "inputName(index)",
"v-model" => "grepType"}
Regexp
%label
%input{"type" => "radio",
"value" => "exclude",
"v-bind:name" => "inputName(index)",
"v-model" => "grepType"}
Exclude
.card-body
.row
%template{"v-for" => "(enabled, i) in patterns"}
%grep-pattern.col-xl-3{"v-if" => "enabled",
"v-bind:container-type" => "containerType",
"v-bind:grep-type" => "grepType",
"v-bind:index" => "index",
"v-bind:subIndex" => "i",
"v-on:add-grep-pattern" => "addGrepPattern",
"v-on:remove-grep-pattern" => "removeGrepPattern"}