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

Use b-card and b-button components

Browse Source 
Signed-off-by: Kenji Okimoto <okimoto@clear-code.com>
This commit is contained in:
Kenji Okimoto 2018-10-10 14:46:37 +09:00
parent 9c24371a0d
commit 3bdd6a45a8
No known key found for this signature in database
GPG Key ID: F9E3E329A5C5E4A1
3 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/views/shared/vue/_aws_credential.html.haml
View File

@ -1,10 +1,8 @@
= render "shared/vue/config_field" = render "shared/vue/config_field"
%script{type: "text/x-template", id: "vue-aws-credential"} %script{type: "text/x-template", id: "vue-aws-credential"}
.form-group.card.bg-light.mb-3 .form-group.mb-3
.card-body %b-card{"header" => "AWS credential", "bg-variant" => "light"}
%label{"for" => "aws-credential"}
AWS credential
%select{"id" => "aws-credential", %select{"id" => "aws-credential",
"class" => "form-control mb-3", "class" => "form-control mb-3",
"v-model" => "credentialType", "v-model" => "credentialType",

9
app/views/shared/vue/_grep_container.html.haml
View File

@ -1,10 +1,10 @@
= render "shared/vue/grep_pattern" = render "shared/vue/grep_pattern"
%script{type: "text/x-template", id: "vue-grep-container"} %script{type: "text/x-template", id: "vue-grep-container"}
.form-group.card %b-card.form-group
.card-header %template{"slot" => "header"}
%a.btn.btn-xs{"v-on:click" => "add", "v-if" => "index == 0"} %b-button{"v-on:click" => "add", "size" => "sm", "variant" => "light", "v-if" => "index === 0"}
= icon("fa-plus") = icon("fa-plus")
%a.btn.btn-xs{"v-on:click" => "remove", "v-if" => "index != 0"} %b-button{"v-on:click" => "remove", "size" => "sm", "variant" => "light", "v-if" => "index !== 0"}
= icon("fa-minus") = icon("fa-minus")
%label %label
{{ containerType | humanize }} {{ containerType | humanize }}
@ -20,7 +20,6 @@
"v-bind:name" => "inputName(index)", "v-bind:name" => "inputName(index)",
"v-model" => "grepType"} "v-model" => "grepType"}
Exclude Exclude
.card-body
.row .row
%template{"v-for" => "(enabled, i) in patterns"} %template{"v-for" => "(enabled, i) in patterns"}
%grep-pattern.col-xl-3{"v-if" => "enabled", %grep-pattern.col-xl-3{"v-if" => "enabled",

4
app/views/shared/vue/_grep_pattern.html.haml
View File

@ -1,8 +1,8 @@
%script{type: "text/x-template", id: "vue-grep-pattern"} %script{type: "text/x-template", id: "vue-grep-pattern"}
%div %div
%a.btn.btn-xs{"v-on:click" => "add", "v-if" => "subIndex == 0"} %b-button{"v-on:click" => "add", "size" => "sm", "variant" => "light", "v-if" => "subIndex === 0"}
= icon("fa-plus") = icon("fa-plus")
%a.btn.btn-xs{"v-on:click" => "remove", "v-if" => "subIndex != 0"} %b-button{"v-on:click" => "remove", "size" => "sm", "variant" => "light", "v-if" => "subIndex !== 0"}
= icon("fa-minus") = icon("fa-minus")
%label %label
{{ grepType | humanize }} {{ grepType | humanize }}