Use bootstrap-vue's dropdown component

Signed-off-by: Kenji Okimoto <okimoto@clear-code.com>
This commit is contained in:
Kenji Okimoto 2018-10-09 16:24:37 +09:00
parent 9d2ec4ba23
commit f99f8ffdef
No known key found for this signature in database
GPG Key ID: F9E3E329A5C5E4A1

View File

@ -20,24 +20,19 @@
"title" => "fluentd #{fluentd_status_message}"}
%a.nav-link#fluentd-status-message{"href" => daemon_path}
= fluentd_status_icon
%li.nav-item.dropdown
%a.nav-link.dropdown-toggle{"data-toggle" => "dropdown",
"aria-haspopup" => "true",
"aria-expanded" => "false",
"href" => "#"}
%li.nav-item
%b-dropdown(no-caret){"variant" => "light"}
%template{"slot" => "button-content"}
= icon("fa-bell fa-fw")
%span.badge{"v-if" => "hasAlerts"}
{{ alertsCount }}
%ul.dropdown-menu{"aria-labelledby" => "alertsDropdown"}
%li{"v-if" => "!hasAlerts"}
%a
%b-dropdown-item{"v-if" => "!hasAlerts"}
.nothing.text.text-success
= icon("fa-check")
= t("terms.no-alert")
%li{"v-for" => "alert in alerts"}
%a
%div
%b-dropdown-item{"v-for" => "alert in alerts"}
= icon("fa-cog fa-fw fa-la fa-spin")
{{ alert }}
%li.nav-item
= link_to(icon("fa-fw fa-sign-out") + t("terms.sign_out"), sessions_path, method: :delete, class: "nav-link")