component {
resources {
component(name = NadaRodando) {
text("{t('running.no_service_running_right_now')}", class = u-muted)
}
}
row(class = page-head) {
column(class = page-head__titles) {
text("{t('common.running')}", class = page-head__title)
text(
"{t('running.projects_and_services_running_right')}",
class = page-head__subtitle,
)
}
row(class = "page-head__stats page-head__stats--hide-md") {
StatCard(label = "{t('running.services_up')}", value = @running_count)
}
}
scrollable(direction = vertical, class = u-fill-all) {
column(class = running__projects) {
each @running as p (fallback = NadaRodando) {
column(class = grid) {
row(class = running__head) {
text("@p.project_name", class = card__title)
text("@p.count_label", class = "u-muted u-fill")
button(
class = "card__action card__action--auto",
on_click = open_project:@p.project_id,
disabled = @busy_open_project,
text = "{t('running.open_project')}",
)
}
each @p.rows as r {
row(class = grid__row) {
RunningCard(:for_each = r.cards, var = c, spread = @c)
}
}
}
}
}
}
}