Edit docker-compose file for existing services #107

francescou · May 17, 2018 · 186bdf1 · 186bdf1
1 parent a0941d3
commit 186bdf1
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 8 deletions.
diff --git a/static/scripts/app.js b/static/scripts/app.js
@@ -35,6 +35,10 @@ angular
           templateUrl: 'views/create.html',
           controller: 'CreateCtrl'
       })
+      .when('/edit/:from', {
+        templateUrl: 'views/create.html',
+        controller: 'CreateCtrl'
+    })
       .otherwise({
           redirectTo: '/'
       });

diff --git a/static/scripts/controllers/create.js b/static/scripts/controllers/create.js
@@ -10,11 +10,23 @@
 angular.module('composeUiApp')
   .controller('CreateCtrl', function ($scope, $routeParams, $resource, $location) {
 
+    var isEdit = $location.path().indexOf('/edit/') === 0;
+
+    if (isEdit) {
+        $scope.name = $routeParams.from;
+        $scope.isEdit = true;
+    }
+
       var Projects = $resource('api/v1/projects', null, {
-          'createProject': {
-              url: 'api/v1/create-project',
-              method: 'POST'
+
+          'createProject' : {
+            url: 'api/v1/create-project',
+            method:  'POST'
           },
+          'updateProject': {
+            url: 'api/v1/update-project',
+            method: 'PUT'
+            },
           'loadProject': {
               url: 'api/v1/projects/yml/:id',
               method: 'GET'
@@ -37,7 +49,7 @@ angular.module('composeUiApp')
       $scope.createProject = function (name, yml, env) {
 
       //TODO: check if name is alphanumeric
-          Projects.createProject({
+          Projects[isEdit ? 'updateProject' : 'createProject']({
               name: name,
               yml: yml,
               env: env

diff --git a/static/views/create.html b/static/views/create.html
@@ -1,5 +1,5 @@
 
-<h3>Create new project</h3>
+<h3>{{isEdit ? "Edit project" : "Create new project"}}</h3>
 
 <div class="row">
   <div class="col-md-8 col-md-offset-2">
@@ -38,7 +38,7 @@ <h3>Create new project</h3>
       <div class="panel-heading">project metadata</div>
       <div class="panel-body project-wizard">
         <form class="form-horizontal" ng-submit="createProject(name, yml, env)">
-          <div class="form-group">
+          <div ng-hide="isEdit" class="form-group">
             <label for="projectName">Name</label>
             <input type="text" ng-model="name" class="form-control" id="projectName" placeholder="Project Name" required>
           </div>
@@ -54,7 +54,7 @@ <h3>Create new project</h3>
             <textarea class="form-control" ng-model="env" id="env" rows="20"></textarea>
 
           </div>
-          <button type="submit" class="btn btn-primary">Create new project</button>
+          <button type="submit" class="btn btn-primary">{{isEdit ? "Update project" : "Create new project"}}</button>
         </form>
       </div>
     </div>

diff --git a/static/views/project-detail.html b/static/views/project-detail.html
@@ -1,7 +1,7 @@
 <h3>{{projectId}} 
     <button class="btn btn-sm btn-default" ng-hide="yml" ng-click="details()">details</button>
     <a class="btn btn-sm btn-default" ng-hide="yml" ng-href="#/create/{{projectId}}">clone</a>
-
+    <a class="btn btn-sm btn-default" ng-hide="yml" ng-href="#/edit/{{projectId}}">edit</a>
 </h3>
 
 <div class="row" ng-show="yml">