feat(k8s/application): move RP to top of form + add app section

app/kubernetes/views/applications/create/createApplication.html

@@ -16,7 +16,36 @@
       <rd-widget>
         <rd-widget-body>
           <form class="form-horizontal" name="kubernetesApplicationCreationForm" autocomplete="off">
-            <!-- #region NAME FIELD -->
+            <div class="col-sm-12 form-section-title">
+              Resource pool
+            </div>
+            <!-- #region RESOURCE POOL -->
+            <div class="form-group">
+              <label for="resource-pool-selector" class="col-sm-1 control-label text-left">Resource pool</label>
+              <div class="col-sm-11">
+                <select
+                  class="form-control"
+                  id="resource-pool-selector"
+                  ng-model="ctrl.formValues.ResourcePool"
+                  ng-options="resourcePool.Namespace.Name for resourcePool in ctrl.resourcePools"
+                  ng-change="ctrl.onResourcePoolSelectionChange()"
+                  ng-disabled="ctrl.state.isEdit"
+                ></select>
+              </div>
+            </div>
+            <div class="form-group" ng-if="ctrl.state.resourcePoolHasQuota && ctrl.resourceQuotaCapacityExceeded()">
+              <div class="col-sm-12 small text-danger">
+                <i class="fa fa-exclamation-circle red-icon" aria-hidden="true" style="margin-right: 2px;"></i>
+                This resource pool has exhausted its resource capacity and you will not be able to deploy the application. Contact your administrator to expand the capacity of the
+                resource pool.
+              </div>
+            </div>
+            <!-- #endregion -->
+
+            <div class="col-sm-12 form-section-title">
+              Application
+            </div>
+            <!-- #region APPLICATION -->
             <div class="form-group">
               <label for="application_name" class="col-sm-1 control-label text-left">Name</label>
               <div class="col-sm-11">
@@ -48,9 +77,6 @@
                 >
               </div>
             </div>
-            <!-- #endregion -->
-
-            <!-- #region IMAGE FIELD -->
             <div class="form-group">
               <label for="container_image" class="col-sm-1 control-label text-left">Image</label>
               <div class="col-sm-11">
@@ -74,32 +100,6 @@
             </div>
             <!-- #endregion -->
 
-            <div class="col-sm-12 form-section-title">
-              Resource pool
-            </div>
-            <!-- #region RESOURCE POOL -->
-            <div class="form-group">
-              <label for="resource-pool-selector" class="col-sm-1 control-label text-left">Resource pool</label>
-              <div class="col-sm-11">
-                <select
-                  class="form-control"
-                  id="resource-pool-selector"
-                  ng-model="ctrl.formValues.ResourcePool"
-                  ng-options="resourcePool.Namespace.Name for resourcePool in ctrl.resourcePools"
-                  ng-change="ctrl.onResourcePoolSelectionChange()"
-                  ng-disabled="ctrl.state.isEdit"
-                ></select>
-              </div>
-            </div>
-            <div class="form-group" ng-if="ctrl.state.resourcePoolHasQuota && ctrl.resourceQuotaCapacityExceeded()">
-              <div class="col-sm-12 small text-danger">
-                <i class="fa fa-exclamation-circle red-icon" aria-hidden="true" style="margin-right: 2px;"></i>
-                This resource pool has exhausted its resource capacity and you will not be able to deploy the application. Contact your administrator to expand the capacity of the
-                resource pool.
-              </div>
-            </div>
-            <!-- #endregion -->
-
             <div class="col-sm-12 form-section-title">
               Stack
             </div>