summaryrefslogtreecommitdiff
path: root/app/views/projects/environments
diff options
context:
space:
mode:
authorFilipa Lacerda <filipa@gitlab.com>2016-10-14 18:38:13 +0100
committerFilipa Lacerda <filipa@gitlab.com>2016-11-16 11:57:51 +0000
commitde990812d54e0d1915b16d6d74fd912c39c6c1da (patch)
treec84554129c06efc2d8184e0d0a2c89c10077059f /app/views/projects/environments
parent52c4f8ef648db49b1b8260e9239844faf6198972 (diff)
downloadgitlab-ce-de990812d54e0d1915b16d6d74fd912c39c6c1da.tar.gz
Creates component
Diffstat (limited to 'app/views/projects/environments')
-rw-r--r--app/views/projects/environments/components/_environment.html.haml8
-rw-r--r--app/views/projects/environments/index.html.haml49
2 files changed, 34 insertions, 23 deletions
diff --git a/app/views/projects/environments/components/_environment.html.haml b/app/views/projects/environments/components/_environment.html.haml
new file mode 100644
index 00000000000..7cfe1029a41
--- /dev/null
+++ b/app/views/projects/environments/components/_environment.html.haml
@@ -0,0 +1,8 @@
+%environment-item{"inline-template" => true,
+ "v-for" => "environment in state.environments",
+ ":model" => "environment"}
+ %i{"v-if" => "isFolder"}
+ = icon("plus")
+ %i{"v-if" => ""}
+ = icon("less")
+ {{model.name}}
diff --git a/app/views/projects/environments/index.html.haml b/app/views/projects/environments/index.html.haml
index a2526209df2..e989ec60611 100644
--- a/app/views/projects/environments/index.html.haml
+++ b/app/views/projects/environments/index.html.haml
@@ -26,26 +26,29 @@
New environment
.environments-container#environments-list-view{ "v-cloak" => true, data: environments_list_data }
- - if @all_environments.blank?
- .blank-state.blank-state-no-icon
- %h2.blank-state-title
- You don't have any environments right now.
- %p.blank-state-text
- Environments are places where code gets deployed, such as staging or production.
- %br
- = succeed "." do
- = link_to "Read more about environments", help_page_path("ci/environments")
- - if can?(current_user, :create_environment, @project)
- = link_to new_namespace_project_environment_path(@project.namespace, @project), class: 'btn btn-create' do
- New environment
- - else
- .table-holder
- %table.table.ci-table.environments
- %tbody
- %th Environment
- %th Last Deployment
- %th Build
- %th Commit
- %th
- %th.hidden-xs
- / = render @environments
+ .environments-list-viewtext-center{ "v-if" => "loading" }
+ = icon("spinner spin")
+
+ .blank-state.blank-state-no-icon{ "v-if" => "state.environments.length === 0" }
+ %h2.blank-state-title
+ You don't have any environments right now.
+ %p.blank-state-text
+ Environments are places where code gets deployed, such as staging or production.
+ %br
+ = succeed "." do
+ = link_to "Read more about environments", help_page_path("ci/environments")
+ - if can?(current_user, :create_environment, @project)
+ = link_to new_namespace_project_environment_path(@project.namespace, @project), class: 'btn btn-create' do
+ New environment
+
+ .table-holder{ "v-if" => "state.environments.length" }
+ %table.table.ci-table.environments
+ %thead
+ %th Environment
+ %th Last Deployment
+ %th Build
+ %th Commit
+ %th
+ %th.hidden-xs
+ %tbody
+ =render "projects/environments/components/environment"