Merge pull request #6658 from saraycp/bootstrap_project_create

Migrate project creation page to bootstrap

src/api/app/views/webui2/webui/project/_form.html.haml

@@ -9,7 +9,7 @@
             #{namespace}:
         = form.text_field(:name, required: true, class: 'form-control')
     - else
-      = form.label(:name, 'Project Name:', class: 'form-control')
+      = form.label(:name, 'Project Name:')
       = form.text_field(:name, required: true, class: 'form-control')
   .form-group
     = form.label(:title, 'Title:')

src/api/app/views/webui2/webui/project/_new_project_modal.html.haml

@@ -0,0 +1,10 @@
+.modal.fade#new-project-modal{ tabindex: '-1', role: 'dialog', aria: { labelledby: 'new-project-modal-label', hidden: true } }
+  .modal-dialog.modal-lg{ role: 'document' }
+    .modal-content
+      .modal-header
+        %h5.modal-title#new-project-modal-label
+          = local_assigns.key?(:project) ? 'Create Subproject' : 'Create Project'
+      .modal-body
+        - options = { project: Project.new, configuration: configuration }
+        - options[:namespace] = project.name if local_assigns.key?(:project)
+        = render partial: 'form', locals: options

src/api/app/views/webui2/webui/project/list.html.haml

@@ -32,9 +32,11 @@
             Include #{::Configuration.unlisted_projects_filter_description}
       - unless User.current.is_nobody?
         %li.list-inline-item
-          = link_to(new_project_path) do
+          = link_to('#', data: { toggle: 'modal', target: '#new-project-modal' }) do
             %i.fas.fa-plus-circle.text-primary
             Add New Project
+          = render partial: 'new_project_modal', locals: { configuration: @configuration }
+
     - cachekey = Digest::MD5.hexdigest(@projects.join)
     - projecturl = project_show_path('REPLACEIT')
     #project-list

src/api/app/views/webui2/webui/project/subprojects.html.haml

@@ -16,15 +16,15 @@
           %p
             %i This project has no subprojects
         - if User.current.can_modify?(@project)
-          = link_to('#', data: { toggle: 'modal', target: '#add-new-subproject-modal' }, title: 'Add New Subproject', class: 'nav-link') do
+          = link_to('#', data: { toggle: 'modal', target: '#new-project-modal' }, class: 'nav-link') do
             %i.fas.fa-plus-circle.text-primary
             Add New Subproject
     .row.mt-3
       .col-md-12
         - if @siblings.present?
           = render partial: 'projects_table', locals: { table_title: 'Sibling Project', project: @project, projects: @siblings }
 
-= render partial: 'add_new_subproject_modal', locals: { project: @project, configuration: @configuration }
+= render partial: 'new_project_modal', locals: { project: @project, configuration: @configuration }
 
 :javascript
   initializeDataTable('.projects-table');