Fix empty stage presentation
This commit is contained in:
parent
6efe1531bd
commit
8a26021b2e
|
@ -23,7 +23,6 @@
|
|||
});
|
||||
|
||||
newData.stages.forEach((item) => {
|
||||
item.value = item.value || '- - -';
|
||||
item.active = false;
|
||||
item.component = `stage-${item.title.toLowerCase()}-component`;
|
||||
});
|
||||
|
|
|
@ -246,6 +246,10 @@
|
|||
.stage-name {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
.stage-empty {
|
||||
color: $gl-text-color-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -69,15 +69,19 @@
|
|||
.stage-panel-body
|
||||
%nav.stage-nav
|
||||
%ul
|
||||
%li.stage-nav-item{ ':class' => '{active: stage.active}', '@click' => 'selectStage(stage)', "v-for" => "stage in state.stages" }
|
||||
%li.stage-nav-item{ ':class' => '{ active: stage.active }', '@click' => 'selectStage(stage)', "v-for" => "stage in state.stages" }
|
||||
.stage-name
|
||||
{{ stage.title }}
|
||||
.stage-median
|
||||
{{ stage.value }}
|
||||
%template{ "v-if" => "stage.value" }
|
||||
{{ stage.value }}
|
||||
%template{ "v-else" => true }
|
||||
%span.stage-empty
|
||||
No enough data
|
||||
.section.stage-events
|
||||
%template{ "v-if" => "isLoadingStage" }
|
||||
= icon("spinner spin", "v-show" => "isLoadingStage")
|
||||
%template{ "v-if" => "isEmptyStage" }
|
||||
%template{ "v-if" => "isEmptyStage && !isLoadingStage" }
|
||||
= render partial: "empty_stage"
|
||||
%template{ "v-if" => "state.events.length && !isLoadingStage && !isEmptyStage" }
|
||||
%component{ ":is" => "currentStage.component", ":stage" => "currentStage", ":items" => "state.events" }
|
||||
|
|
Loading…
Reference in New Issue