Initial Commit

client/app/designer/playbook/new_playbook/new_playbook.controller.js

@@ -0,0 +1,35 @@
+'use strict';
+const angular = require('angular');
+
+/*@ngInject*/
+export function newPlaybookController($scope,$uibModalInstance,ansible) {
+  $scope.newPlaybook = {name:null};
+
+  $scope.createPlaybookLoading = false;
+
+  $scope.createPlaybook = function(){
+    $scope.createPlaybookLoading = true;
+
+    ansible.createPlaybook($scope.newPlaybook.name + '.yml',"",
+      function(response){
+        $scope.createPlaybookLoading = false;
+        $scope.ok();
+      },
+      function(response){
+        $scope.createPlaybookLoading = false;
+        $scope.err_msg = response.data;
+      })
+  };
+
+  $scope.ok = function () {
+    $uibModalInstance.close(null);
+  };
+
+  $scope.cancel = function () {
+    $uibModalInstance.dismiss('cancel');
+  };
+}
+
+export default angular.module('webAppApp.new_playbook', [])
+  .controller('NewPlaybookController', newPlaybookController)
+  .name;

client/app/designer/playbook/new_playbook/new_playbook.controller.spec.js

@@ -0,0 +1,17 @@
+'use strict';
+
+describe('Controller: NewPlaybookCtrl', function() {
+  // load the controller's module
+  beforeEach(module('webAppApp.new_playbook'));
+
+  var NewPlaybookCtrl;
+
+  // Initialize the controller and a mock scope
+  beforeEach(inject(function($controller) {
+    NewPlaybookCtrl = $controller('NewPlaybookCtrl', {});
+  }));
+
+  it('should ...', function() {
+    expect(1).to.equal(1);
+  });
+});

client/app/designer/playbook/new_playbook/new_playbook.html

@@ -0,0 +1,19 @@
+<!-- Modal content-->
+<div class="modal-content">
+  <div class="modal-header">
+    <h4 class="modal-title">New Playbook</h4>
+  </div>
+  <div class="modal-body">
+
+    <p class="form-group">
+      <label>Playbook Name</label>
+      <input type="text" ng-model="newPlaybook.name" class="form-control">
+    </p>
+
+  </div>
+  <div class="alert alert-danger" ng-if="err_msg">{{err_msg}}</div>
+  <div class="modal-footer">
+    <button class="btn btn-primary" ng-disabled="!newPlaybook.name" ng-click="createPlaybook()">Create <span ng-if="createPlaybookLoading" class="fa fa-spinner fa-spin"></span></button>
+    <button class="btn btn-default" type="button" ng-click="cancel()">Close</button>
+  </div>
+</div>