Refactor js behaviours helpers

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

Refactor js behaviours helpers
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Dmitriy Zaporozhets
1 parent 9f405068
Showing 9 changed files with 155 additions and 147 deletions Show diff stats
app/assets/javascripts/behaviors/details_behavior.coffee
app/assets/javascripts/behaviors/toggler_behavior.coffee
app/assets/javascripts/main.js.coffee
app/assets/stylesheets/generic/common.scss
app/views/groups/members.html.haml
app/views/projects/commit/_commit_box.html.haml
app/views/projects/edit.html.haml
app/views/projects/merge_requests/show/_mr_accept.html.haml
app/views/projects/new.html.haml
 $ ->
   $("body").on "click", ".js-details-target", ->
     container = $(@).closest(".js-details-container")
-
     container.toggleClass("open")
+
+  # Show details content. Hides link after click.
+  #
+  # %div
+  #   %a.js-details-expand
+  #   %div.js-details-content
+  #
+  $("body").on "click", ".js-details-expand", (e) ->
+    $(@).next('.js-details-content').removeClass("hide")
+    $(@).hide()
+    e.preventDefault()
 $ ->
   $("body").on "click", ".js-toggler-target", ->
     container = $(@).closest(".js-toggler-container")
-
     container.toggleClass("on")
-  $("body").on "click", ".js-toggle-visibility-link", (e) ->
+  # Toggle button. Show/hide content inside parent container.
+  # Button does not change visibility. If button has icon - it changes chevron style.
+  #
+  # %div.js-toggle-container
+  #   %a.js-toggle-button
+  #   %div.js-toggle-content
+  #
+  $("body").on "click", ".js-toggle-button", (e) ->
     $(@).find('i').
       toggleClass('icon-chevron-down').
       toggleClass('icon-chevron-up')
-    container = $(".js-toggle-visibility-container")
-    container.toggleClass("hide")
-    e.preventDefault()
-
-  $("body").on "click", ".js-toggle-button", (e) ->
     $(@).closest(".js-toggle-container").find(".js-toggle-content").toggle()
     e.preventDefault()
@@ -62,11 +62,6 @@ $ -&gt;
   $('.remove-row').bind 'ajax:success', ->
     $(this).closest('li').fadeOut()
-  # Click a .appear-link, appear-data fadeout
-  $(".appear-link").on 'click', (e) ->
-    $('.appear-data').fadeIn()
-    e.preventDefault()
-
   # Initialize select2 selects
   $('select.select2').select2(width: 'resolve', dropdownAutoWidth: true)
@@ -121,10 +116,6 @@ $ -&gt;
     $(@).next('table').show()
     $(@).remove()
-  $(".diff-content").on "click", ".js-details-expand", ->
-    $(@).next('.js-details-contain').removeClass("hide")
-    $(@).remove()
-
 (($) ->
   # Disable an element and add the 'disabled' Bootstrap class
   $.fn.extend disable: ->
@@ -298,10 +298,6 @@ img.emoji {
   width: 20px;
 }
-.appear-data {
-  display: none;
-}
-
 .chart {
   overflow: hidden;
   height: 220px;
@@ -9,7 +9,7 @@
 %hr
-.clearfix
+.clearfix.js-toggle-container
   = form_tag members_group_path(@group), method: :get, class: 'form-inline member-search-form'  do
     .form-group
       = search_field_tag :search, params[:search], { placeholder: 'Find member by name', class: 'form-control search-text-input input-mn-300' }
@@ -17,11 +17,11 @@
   - if current_user && current_user.can?(:manage_group, @group)
     .pull-right
-      = link_to '#', class: 'btn btn-new js-toggle-visibility-link' do
+      = link_to '#', class: 'btn btn-new js-toggle-button' do
         Add members
         %i.icon-chevron-down
-    .js-toggle-visibility-container.hide.new-group-member-holder
+    .js-toggle-content.hide.new-group-member-holder
       = render "new_group_member"
 .ui-box.prepend-top-20
@@ -47,7 +47,7 @@
       - if @branches.any?
         and in
         = link_to("#{pluralize(@branches.count, "other branch")}", "#", class: "js-details-expand")
-        %span.js-details-contain.hide
+        %span.js-details-content.hide
           = commit_branches_links(@project, @branches)
 .commit-box
@@ -93,100 +93,101 @@
-    .centered-light-block
-      %h3
-        %i.icon-warning-sign
-        Dangerous settings
-
-      %p Project settings below may result in data loss!
-      = link_to '#', class: 'btn js-toggle-visibility-link' do
-        Show it to me
-        %i.icon-chevron-down
-
-    .js-toggle-visibility-container.hide
-      - if can? current_user, :archive_project, @project
-        .ui-box.ui-box-danger
-          .title
-            - if @project.archived?
-              Unarchive project
-            - else
-              Archive project
-          .body
-            - if @project.archived?
-              %p
-                Unarchiving the project will mark its repository as active.
-                %br
-                The project can be committed to.
-                %br
-                %strong Once active this project shows up in the search and on the dashboard.
-              = link_to 'Unarchive', unarchive_project_path(@project),
-                  data: { confirm: "Are you sure that you want to unarchive this project?\nWhen this project is unarchived it is active and can be comitted to again." },
-                  method: :post, class: "btn btn-remove"
-            - else
-              %p
-                Archiving the project will mark its repository as read-only.
-                %br
-                It is hidden from the dashboard and doesn't show up in searches.
-                %br
-                %strong Archived projects cannot be committed to!
-              = link_to 'Archive', archive_project_path(@project),
-                  data: { confirm: "Are you sure that you want to archive this project?\nAn archived project cannot be committed to." },
-                  method: :post, class: "btn btn-remove"
-      - else
-        .nothing-here-block Only the project owner can archive a project
-
-      - if can?(current_user, :change_namespace, @project)
+    .danger-settings.js-toggle-container
+      .centered-light-block
+        %h3
+          %i.icon-warning-sign
+          Dangerous settings
+
+        %p Project settings below may result in data loss!
+        = link_to '#', class: 'btn js-toggle-button' do
+          Show it to me
+          %i.icon-chevron-down
+
+      .js-toggle-content.hide
+        - if can? current_user, :archive_project, @project
+          .ui-box.ui-box-danger
+            .title
+              - if @project.archived?
+                Unarchive project
+              - else
+                Archive project
+            .body
+              - if @project.archived?
+                %p
+                  Unarchiving the project will mark its repository as active.
+                  %br
+                  The project can be committed to.
+                  %br
+                  %strong Once active this project shows up in the search and on the dashboard.
+                = link_to 'Unarchive', unarchive_project_path(@project),
+                    data: { confirm: "Are you sure that you want to unarchive this project?\nWhen this project is unarchived it is active and can be comitted to again." },
+                    method: :post, class: "btn btn-remove"
+              - else
+                %p
+                  Archiving the project will mark its repository as read-only.
+                  %br
+                  It is hidden from the dashboard and doesn't show up in searches.
+                  %br
+                  %strong Archived projects cannot be committed to!
+                = link_to 'Archive', archive_project_path(@project),
+                    data: { confirm: "Are you sure that you want to archive this project?\nAn archived project cannot be committed to." },
+                    method: :post, class: "btn btn-remove"
+        - else
+          .nothing-here-block Only the project owner can archive a project
+
+        - if can?(current_user, :change_namespace, @project)
+          .ui-box.ui-box-danger
+            .title Transfer project
+            .errors-holder
+            .form-holder
+              = form_for(@project, url: transfer_project_path(@project), method: :put, remote: true, html: { class: 'transfer-project form-horizontal' }) do |f|
+                .form-group
+                  = f.label :namespace_id, class: 'control-label' do
+                    %span Namespace
+                  .col-sm-10
+                    .form-group
+                      = f.select :namespace_id, namespaces_options(@project.namespace_id), { prompt: 'Choose a project namespace' }, { class: 'select2' }
+                    %ul
+                      %li Be careful. Changing the project's namespace can have unintended side effects.
+                      %li You can only transfer the project to namespaces you manage.
+                      %li You will need to update your local repositories to point to the new location.
+                .form-actions
+                  = f.submit 'Transfer', class: "btn btn-remove"
+        - else
+          .nothing-here-block Only the project owner can transfer a project
+
         .ui-box.ui-box-danger
-          .title Transfer project
+          .title Rename repository
           .errors-holder
           .form-holder
-            = form_for(@project, url: transfer_project_path(@project), method: :put, remote: true, html: { class: 'transfer-project form-horizontal' }) do |f|
+            = form_for(@project, html: { class: 'form-horizontal' }) do |f|
               .form-group
-                = f.label :namespace_id, class: 'control-label' do
-                  %span Namespace
-                .col-sm-10
+                = f.label :path, class: 'control-label' do
+                  %span Path
+                .col-sm-9
                   .form-group
-                    = f.select :namespace_id, namespaces_options(@project.namespace_id), { prompt: 'Choose a project namespace' }, { class: 'select2' }
+                    .input-group
+                      = f.text_field :path, class: 'form-control'
+                      %span.input-group-addon .git
                   %ul
-                    %li Be careful. Changing the project's namespace can have unintended side effects.
-                    %li You can only transfer the project to namespaces you manage.
+                    %li Be careful. Renaming a project's repository can have unintended side effects.
                     %li You will need to update your local repositories to point to the new location.
               .form-actions
-                = f.submit 'Transfer', class: "btn btn-remove"
-      - else
-        .nothing-here-block Only the project owner can transfer a project
-
-      .ui-box.ui-box-danger
-        .title Rename repository
-        .errors-holder
-        .form-holder
-          = form_for(@project, html: { class: 'form-horizontal' }) do |f|
-            .form-group
-              = f.label :path, class: 'control-label' do
-                %span Path
-              .col-sm-9
-                .form-group
-                  .input-group
-                    = f.text_field :path, class: 'form-control'
-                    %span.input-group-addon .git
-                %ul
-                  %li Be careful. Renaming a project's repository can have unintended side effects.
-                  %li You will need to update your local repositories to point to the new location.
-            .form-actions
-              = f.submit 'Rename', class: "btn btn-remove"
-
-      - if can?(current_user, :remove_project, @project)
-        .ui-box.ui-box-danger
-          .title Remove project
-          .body
-            %p
-              Removing the project will delete its repository and all related resources including issues, merge requests etc.
-              %br
-              %strong Removed projects cannot be restored!
-
-            = link_to 'Remove project', @project, data: { confirm: remove_project_message(@project) }, method: :delete, class: "btn btn-remove"
-      - else
-        .nothing-here-block Only project owner can remove a project
+                = f.submit 'Rename', class: "btn btn-remove"
+
+        - if can?(current_user, :remove_project, @project)
+          .ui-box.ui-box-danger
+            .title Remove project
+            .body
+              %p
+                Removing the project will delete its repository and all related resources including issues, merge requests etc.
+                %br
+                %strong Removed projects cannot be restored!
+
+              = link_to 'Remove project', @project, data: { confirm: remove_project_message(@project) }, method: :delete, class: "btn btn-remove"
+        - else
+          .nothing-here-block Only project owner can remove a project
 .save-project-loader.hide
   %center
@@ -15,18 +15,19 @@
             = link_to "click here", "#modal_merge_info", class: "how_to_merge_link vlink", title: "How To Merge", "data-toggle" => "modal"
           for instructions.
-          %br
-          If you want to modify merge commit message -
-          %strong
-            = link_to "click here", "#", class: "modify-merge-commit-link js-toggle-visibility-link", title: "Modify merge commit message"
-        .js-toggle-visibility-container.hide
-          .form-group
-            = label_tag :merge_commit_message, "Commit message", class: 'control-label'
-            .col-sm-10
-              = text_area_tag :merge_commit_message, @merge_request.merge_commit_message, class: "form-control js-gfm-input", rows: 14, required: true
-              %p.hint
-                The recommended maximum line length is 52 characters for the first line and 72 characters for all following lines.
+        .js-toggle-container
+          %p
+            If you want to modify merge commit message -
+            %strong
+              = link_to "click here", "#", class: "modify-merge-commit-link js-toggle-button", title: "Modify merge commit message"
+          .js-toggle-content.hide
+            .form-group
+              = label_tag :merge_commit_message, "Commit message", class: 'control-label'
+              .col-sm-10
+                = text_area_tag :merge_commit_message, @merge_request.merge_commit_message, class: "form-control js-gfm-input", rows: 14, required: true
+                %p.hint
+                  The recommended maximum line length is 52 characters for the first line and 72 characters for all following lines.
         .accept-group
           .pull-left
@@ -9,18 +9,6 @@
           %strong Project name
         .col-sm-10
           = f.text_field :name, placeholder: "Example Project", class: "form-control", tabindex: 1, autofocus: true
-          .help-inline
-            = link_to "#", class: 'js-toggle-visibility-link' do
-              %span Customize repository name?
-
-      .form-group.js-toggle-visibility-container.hide
-        = f.label :path, class: 'control-label' do
-          %span Repository name
-        .col-sm-10
-          .input-group
-            = f.text_field :path, class: 'form-control'
-            %span.input-group-addon .git
-
       - if current_user.can_select_namespace?
         .form-group
@@ -29,19 +17,39 @@
           .col-sm-10
             = f.select :namespace_id, namespaces_options(params[:namespace_id] || :current_user), {}, {class: 'select2', tabindex: 2}
-      .form-group
-        .col-sm-2
-        .col-sm-10
-          = link_to "#", class: 'appear-link' do
-            %i.icon-upload-alt
-            %span Import existing repository?
-      .form-group.appear-data.import-url-data
-        = f.label :import_url, class: 'control-label' do
-          %span Import existing repo
-        .col-sm-10
-          = f.text_field :import_url, class: 'form-control', placeholder: 'https://github.com/randx/six.git'
-          .light
-            URL must be cloneable
+      %hr
+      .js-toggle-container
+        .form-group
+          .col-sm-2
+          .col-sm-10
+            = link_to "#", class: 'js-toggle-button' do
+              %span Customize repository name?
+        .js-toggle-content.hide
+          .form-group
+            = f.label :path, class: 'control-label' do
+              %span Repository name
+            .col-sm-10
+              .input-group
+                = f.text_field :path, class: 'form-control'
+                %span.input-group-addon .git
+
+      .js-toggle-container
+        .form-group
+          .col-sm-2
+          .col-sm-10
+            = link_to "#", class: 'js-toggle-button' do
+              %i.icon-upload-alt
+              %span Import existing repository?
+        .js-toggle-content.hide
+          .form-group.import-url-data
+            = f.label :import_url, class: 'control-label' do
+              %span Import existing repo
+            .col-sm-10
+              = f.text_field :import_url, class: 'form-control', placeholder: 'https://github.com/randx/six.git'
+              .light
+                URL must be cloneable
+      %hr
+
       .form-group
         = f.label :description, class: 'control-label' do
           Description
1	$ ->	1	$ ->
2	$("body").on "click", ".js-details-target", ->	2	$("body").on "click", ".js-details-target", ->
3	container = $(@).closest(".js-details-container")	3	container = $(@).closest(".js-details-container")
4	-
5	container.toggleClass("open")	4	container.toggleClass("open")
		5	+
		6	+ # Show details content. Hides link after click.
		7	+ #
		8	+ # %div
		9	+ # %a.js-details-expand
		10	+ # %div.js-details-content
		11	+ #
		12	+ $("body").on "click", ".js-details-expand", (e) ->
		13	+ $(@).next('.js-details-content').removeClass("hide")
		14	+ $(@).hide()
		15	+ e.preventDefault()
	@@ -9,7 +9,7 @@		@@ -9,7 +9,7 @@
9		9
10	%hr	10	%hr
11		11
12	-.clearfix	12	+.clearfix.js-toggle-container
13	= form_tag members_group_path(@group), method: :get, class: 'form-inline member-search-form' do	13	= form_tag members_group_path(@group), method: :get, class: 'form-inline member-search-form' do
14	.form-group	14	.form-group
15	= search_field_tag :search, params[:search], { placeholder: 'Find member by name', class: 'form-control search-text-input input-mn-300' }	15	= search_field_tag :search, params[:search], { placeholder: 'Find member by name', class: 'form-control search-text-input input-mn-300' }
	@@ -17,11 +17,11 @@		@@ -17,11 +17,11 @@
17		17
18	- if current_user && current_user.can?(:manage_group, @group)	18	- if current_user && current_user.can?(:manage_group, @group)
19	.pull-right	19	.pull-right
20	- = link_to '#', class: 'btn btn-new js-toggle-visibility-link' do	20	+ = link_to '#', class: 'btn btn-new js-toggle-button' do
21	Add members	21	Add members
22	%i.icon-chevron-down	22	%i.icon-chevron-down
23		23
24	- .js-toggle-visibility-container.hide.new-group-member-holder	24	+ .js-toggle-content.hide.new-group-member-holder
25	= render "new_group_member"	25	= render "new_group_member"
26		26
27	.ui-box.prepend-top-20	27	.ui-box.prepend-top-20
	@@ -47,7 +47,7 @@		@@ -47,7 +47,7 @@
47	- if @branches.any?	47	- if @branches.any?
48	and in	48	and in
49	= link_to("#{pluralize(@branches.count, "other branch")}", "#", class: "js-details-expand")	49	= link_to("#{pluralize(@branches.count, "other branch")}", "#", class: "js-details-expand")
50	- %span.js-details-contain.hide	50	+ %span.js-details-content.hide
51	= commit_branches_links(@project, @branches)	51	= commit_branches_links(@project, @branches)
52		52
53	.commit-box	53	.commit-box
	@@ -93,100 +93,101 @@		@@ -93,100 +93,101 @@
93		93
94		94
95		95
96	- .centered-light-block
97	- %h3
98	- %i.icon-warning-sign
99	- Dangerous settings
100	-
101	- %p Project settings below may result in data loss!
102	- = link_to '#', class: 'btn js-toggle-visibility-link' do
103	- Show it to me
104	- %i.icon-chevron-down
105	-
106	- .js-toggle-visibility-container.hide
107	- - if can? current_user, :archive_project, @project
108	- .ui-box.ui-box-danger
109	- .title
110	- - if @project.archived?
111	- Unarchive project
112	- - else
113	- Archive project
114	- .body
115	- - if @project.archived?
116	- %p
117	- Unarchiving the project will mark its repository as active.
118	- %br
119	- The project can be committed to.
120	- %br
121	- %strong Once active this project shows up in the search and on the dashboard.
122	- = link_to 'Unarchive', unarchive_project_path(@project),
123	- data: { confirm: "Are you sure that you want to unarchive this project?\nWhen this project is unarchived it is active and can be comitted to again." },
124	- method: :post, class: "btn btn-remove"
125	- - else
126	- %p
127	- Archiving the project will mark its repository as read-only.
128	- %br
129	- It is hidden from the dashboard and doesn't show up in searches.
130	- %br
131	- %strong Archived projects cannot be committed to!
132	- = link_to 'Archive', archive_project_path(@project),
133	- data: { confirm: "Are you sure that you want to archive this project?\nAn archived project cannot be committed to." },
134	- method: :post, class: "btn btn-remove"
135	- - else
136	- .nothing-here-block Only the project owner can archive a project
137	-
138	- - if can?(current_user, :change_namespace, @project)	96	+ .danger-settings.js-toggle-container
		97	+ .centered-light-block
		98	+ %h3
		99	+ %i.icon-warning-sign
		100	+ Dangerous settings
		101	+
		102	+ %p Project settings below may result in data loss!
		103	+ = link_to '#', class: 'btn js-toggle-button' do
		104	+ Show it to me
		105	+ %i.icon-chevron-down
		106	+
		107	+ .js-toggle-content.hide
		108	+ - if can? current_user, :archive_project, @project
		109	+ .ui-box.ui-box-danger
		110	+ .title
		111	+ - if @project.archived?
		112	+ Unarchive project
		113	+ - else
		114	+ Archive project
		115	+ .body
		116	+ - if @project.archived?
		117	+ %p
		118	+ Unarchiving the project will mark its repository as active.
		119	+ %br
		120	+ The project can be committed to.
		121	+ %br
		122	+ %strong Once active this project shows up in the search and on the dashboard.
		123	+ = link_to 'Unarchive', unarchive_project_path(@project),
		124	+ data: { confirm: "Are you sure that you want to unarchive this project?\nWhen this project is unarchived it is active and can be comitted to again." },
		125	+ method: :post, class: "btn btn-remove"
		126	+ - else
		127	+ %p
		128	+ Archiving the project will mark its repository as read-only.
		129	+ %br
		130	+ It is hidden from the dashboard and doesn't show up in searches.
		131	+ %br
		132	+ %strong Archived projects cannot be committed to!
		133	+ = link_to 'Archive', archive_project_path(@project),
		134	+ data: { confirm: "Are you sure that you want to archive this project?\nAn archived project cannot be committed to." },
		135	+ method: :post, class: "btn btn-remove"
		136	+ - else
		137	+ .nothing-here-block Only the project owner can archive a project
		138	+
		139	+ - if can?(current_user, :change_namespace, @project)
		140	+ .ui-box.ui-box-danger
		141	+ .title Transfer project
		142	+ .errors-holder
		143	+ .form-holder
		144	+ = form_for(@project, url: transfer_project_path(@project), method: :put, remote: true, html: { class: 'transfer-project form-horizontal' }) do \|f\|
		145	+ .form-group
		146	+ = f.label :namespace_id, class: 'control-label' do
		147	+ %span Namespace
		148	+ .col-sm-10
		149	+ .form-group
		150	+ = f.select :namespace_id, namespaces_options(@project.namespace_id), { prompt: 'Choose a project namespace' }, { class: 'select2' }
		151	+ %ul
		152	+ %li Be careful. Changing the project's namespace can have unintended side effects.
		153	+ %li You can only transfer the project to namespaces you manage.
		154	+ %li You will need to update your local repositories to point to the new location.
		155	+ .form-actions
		156	+ = f.submit 'Transfer', class: "btn btn-remove"
		157	+ - else
		158	+ .nothing-here-block Only the project owner can transfer a project
		159	+
139	.ui-box.ui-box-danger	160	.ui-box.ui-box-danger
140	- .title Transfer project	161	+ .title Rename repository
141	.errors-holder	162	.errors-holder
142	.form-holder	163	.form-holder
143	- = form_for(@project, url: transfer_project_path(@project), method: :put, remote: true, html: { class: 'transfer-project form-horizontal' }) do \|f\|	164	+ = form_for(@project, html: { class: 'form-horizontal' }) do \|f\|
144	.form-group	165	.form-group
145	- = f.label :namespace_id, class: 'control-label' do
146	- %span Namespace
147	- .col-sm-10	166	+ = f.label :path, class: 'control-label' do
		167	+ %span Path
		168	+ .col-sm-9
148	.form-group	169	.form-group
149	- = f.select :namespace_id, namespaces_options(@project.namespace_id), { prompt: 'Choose a project namespace' }, { class: 'select2' }	170	+ .input-group
		171	+ = f.text_field :path, class: 'form-control'
		172	+ %span.input-group-addon .git
150	%ul	173	%ul
151	- %li Be careful. Changing the project's namespace can have unintended side effects.
152	- %li You can only transfer the project to namespaces you manage.	174	+ %li Be careful. Renaming a project's repository can have unintended side effects.
153	%li You will need to update your local repositories to point to the new location.	175	%li You will need to update your local repositories to point to the new location.
154	.form-actions	176	.form-actions
155	- = f.submit 'Transfer', class: "btn btn-remove"
156	- - else
157	- .nothing-here-block Only the project owner can transfer a project
158	-
159	- .ui-box.ui-box-danger
160	- .title Rename repository
161	- .errors-holder
162	- .form-holder
163	- = form_for(@project, html: { class: 'form-horizontal' }) do \|f\|
164	- .form-group
165	- = f.label :path, class: 'control-label' do
166	- %span Path
167	- .col-sm-9
168	- .form-group
169	- .input-group
170	- = f.text_field :path, class: 'form-control'
171	- %span.input-group-addon .git
172	- %ul
173	- %li Be careful. Renaming a project's repository can have unintended side effects.
174	- %li You will need to update your local repositories to point to the new location.
175	- .form-actions
176	- = f.submit 'Rename', class: "btn btn-remove"
177	-
178	- - if can?(current_user, :remove_project, @project)
179	- .ui-box.ui-box-danger
180	- .title Remove project
181	- .body
182	- %p
183	- Removing the project will delete its repository and all related resources including issues, merge requests etc.
184	- %br
185	- %strong Removed projects cannot be restored!
186	-
187	- = link_to 'Remove project', @project, data: { confirm: remove_project_message(@project) }, method: :delete, class: "btn btn-remove"
188	- - else
189	- .nothing-here-block Only project owner can remove a project	177	+ = f.submit 'Rename', class: "btn btn-remove"
		178	+
		179	+ - if can?(current_user, :remove_project, @project)
		180	+ .ui-box.ui-box-danger
		181	+ .title Remove project
		182	+ .body
		183	+ %p
		184	+ Removing the project will delete its repository and all related resources including issues, merge requests etc.
		185	+ %br
		186	+ %strong Removed projects cannot be restored!
		187	+
		188	+ = link_to 'Remove project', @project, data: { confirm: remove_project_message(@project) }, method: :delete, class: "btn btn-remove"
		189	+ - else
		190	+ .nothing-here-block Only project owner can remove a project
190		191
191	.save-project-loader.hide	192	.save-project-loader.hide
192	%center	193	%center