Visual updates. Added in Create Host title.

This commit is contained in:
Ken Hoes
2016-03-28 11:04:01 -04:00
parent 23ae408e56
commit 66bab4fcf2
4 changed files with 38 additions and 21 deletions

View File

@@ -4,14 +4,16 @@
<i class="fa fa-times-circle"></i> <i class="fa fa-times-circle"></i>
</button> </button>
</div> </div>
<div id="group-manage-panel"></div> <div id="group-manage-panel">
<div id="properties-tab"></div> <div id="properties-tab"></div>
<div id="sources-tab"></div> <div id="sources-tab"></div>
</div>
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"> <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
<div class="ui-dialog-buttonset"> <div class="ui-dialog-buttonset">
<button type="button" class="btn btn-primary Form-saveButton" id="Inventory-groupManage--okButton" ng-click="vm.saveGroup()"> <button type="button" class="btn btn-primary Form-saveButton" id="Inventory-groupManage--okButton" ng-click="vm.saveGroup()">
Save</button> Save</button>
<button type="button" class="btn btn-default Form-cancelButton" id="Inventory-groupManage--cancelButton" ng-click="vm.cancelModal()"> <button type="button" class="btn btn-default Form-cancelButton" id="Inventory-groupManage--cancelButton" ng-click="vm.cancelPanel()">
Cancel</button> Cancel</button>
</div> </div>
</div> </div>

View File

@@ -41,7 +41,7 @@ function manageHostsDirectiveController($rootScope, $location, $log, $stateParam
}); });
generator.reset(); generator.reset();
var name = scope.name;
scope.parseType = 'yaml'; scope.parseType = 'yaml';
// Retrieve detail record and prepopulate the form // Retrieve detail record and prepopulate the form
@@ -68,7 +68,6 @@ function manageHostsDirectiveController($rootScope, $location, $log, $stateParam
} }
scope.variable_url = data.related.variable_data; scope.variable_url = data.related.variable_data;
scope.has_inventory_sources = data.has_inventory_sources; scope.has_inventory_sources = data.has_inventory_sources;
//scope.$emit('hostVariablesLoaded');
}) })
.error(function(data, status) { .error(function(data, status) {
ProcessErrors(parent_scope, data, status, form, { ProcessErrors(parent_scope, data, status, form, {
@@ -172,10 +171,12 @@ function manageHostsDirectiveController($rootScope, $location, $log, $stateParam
$state.go('inventoryManage'); $state.go('inventoryManage');
}; };
angular.extend(vm, { angular.extend(vm, {
cancelPanel: cancelPanel, cancelPanel: cancelPanel,
name: name,
saveHost: saveHost, saveHost: saveHost,
mode: mode
}); });
} }

View File

@@ -1,17 +1,25 @@
<div> <div>
<div class="Form-exitHolder"> <div class="Form-header" ng-if="vm.mode === 'add'">
<button class="Form-exit" ng-click="vm.cancelPanel()"> <div class="Form-title ng-binding" >Create Host</div>
<i class="fa fa-times-circle"></i> <div class="Form-exitHolder">
</button> <button class="Form-exit" ng-click="vm.cancelPanel()">
</div> <i class="fa fa-times-circle"></i>
<div id="host-panel-form"> </button>
</div> </div>
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"> </div>
<div class="ui-dialog-buttonset"> <div class="Form-exitHolder" ng-if="vm.mode === 'edit'">
<button type="button" class="btn btn-primary Form-saveButton" id="Inventory-hostManage--okButton" ng-click="vm.saveHost()"> <button class="Form-exit" ng-click="vm.cancelPanel()">
Save</button> <i class="fa fa-times-circle"></i>
<button type="button" class="btn btn-default Form-cancelButton" id="Inventory-hostManage--cancelButton" ng-click="vm.cancelPanel()"> </button>
Cancel</button> </div>
</div>
<div id="host-panel-form"></div>
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
<div class="ui-dialog-buttonset">
<button type="button" class="btn btn-primary Form-saveButton" id="Inventory-hostManage--okButton" ng-click="vm.saveHost()">
Save</button>
<button type="button" class="btn btn-default Form-cancelButton" id="Inventory-hostManage--cancelButton" ng-click="vm.cancelPanel()">
Cancel</button>
</div> </div>
</div>
</div> </div>

View File

@@ -3,4 +3,10 @@
border: none; border: none;
text-align: right; text-align: right;
} }
#host-panel-form, #properties-tab {
.Form-header {
margin-top: -20px;
}
}
} }