Skip to content

Commit

Permalink
feat(appengine): move config template into html file (#5870)
Browse files Browse the repository at this point in the history
  • Loading branch information
Scott committed Oct 19, 2018
1 parent e76e2e7 commit bdca8aa
Show file tree
Hide file tree
Showing 2 changed files with 61 additions and 62 deletions.
60 changes: 60 additions & 0 deletions app/scripts/modules/appengine/src/serverGroup/configure/wizard/configFiles.component.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<div class="form-horizontal container-fluid">
<div class="form-group" ng-if="!$ctrl.isContainerImageSource()">
<div class="col-md-3 sm-label-right">
Application Root
<help-field class="help-field-absolute" key="appengine.serverGroup.applicationDirectoryRoot"></help-field>
</div>
<div class="col-md-7">
<input type="text"
class="form-control input-sm"
name="applicationDirectoryRoot"
ng-model="$ctrl.command.applicationDirectoryRoot"/></div>
</div>

<div class="form-group" ng-if="!$ctrl.isContainerImageSource()">
<div class="col-md-3 sm-label-right">
Config Filepaths <help-field key="appengine.serverGroup.configFilepaths"></help-field>
</div>
<div class="col-md-7">
<ui-select multiple tagging tagging-label="" style="width: 380px;"
name="configFilepaths" ng-model="$ctrl.command.configFilepaths" class="form-control input-sm">
<ui-select-match>{{$item}}</ui-select-match>
<ui-select-choices repeat="filepath in []">
<span ng-bind-html="filepath"></span>
</ui-select-choices>
</ui-select>
</div>
</div>

<div class="form-group">
<div class="col-md-3 sm-label-right">
Config Files
<span ng-if="!$ctrl.isContainerImageSource()">
<help-field key="appengine.serverGroup.configFiles"></help-field>
</span>
<span ng-if="$ctrl.isContainerImageSource()">
<help-field key="appengine.serverGroup.configFilesRequired"></help-field>
</span>
</div>
<div ng-repeat="configFile in $ctrl.command.configFiles track by $index" >
<div class="col-md-7" ng-class="{'col-md-offset-3': $index > 0}" style="margin-top: 5px;">
<textarea cols="46" rows="10"
class="small"
spellcheck="false"
ng-keydown="$ctrl.mapTabToSpaces($event)"
style="font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;"
ng-model="$ctrl.command.configFiles[$index]"></textarea>
</div>
<div class="col-md-1" style="margin-top: 5px;">
<button type="button" class="btn btn-sm btn-default" ng-click="$ctrl.deleteConfigFile($index)">
<span class="glyphicon glyphicon-trash"></span> Delete
</button>
</div>
</div>
<div class="col-md-7" ng-class="{'col-md-offset-3': $ctrl.command.configFiles.length > 0}">
<button class="btn btn-block btn-add-trigger add-new" ng-click="$ctrl.addConfigFile()">
<span class="glyphicon glyphicon-plus-sign"></span> Add Config File
</button>
</div>
</div>
</div>
63 changes: 1 addition & 62 deletions app/scripts/modules/appengine/src/serverGroup/configure/wizard/configFiles.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,68 +36,7 @@ class AppengineConfigFileConfigurerCtrl implements IController {
class AppengineConfigFileConfigurerComponent implements ng.IComponentOptions {
public bindings: any = { command: '=' };
public controller: any = AppengineConfigFileConfigurerCtrl;
public template = `
<div class="form-horizontal container-fluid">
<div class="form-group" ng-if="!$ctrl.isContainerImageSource()">
<div class="col-md-3 sm-label-right">
Application Root
<help-field class="help-field-absolute" key="appengine.serverGroup.applicationDirectoryRoot"></help-field>
</div>
<div class="col-md-7">
<input type="text"
class="form-control input-sm"
name="applicationDirectoryRoot"
ng-model="$ctrl.command.applicationDirectoryRoot"/></div>
</div>
<div class="form-group" ng-if="!$ctrl.isContainerImageSource()">
<div class="col-md-3 sm-label-right">
Config Filepaths <help-field key="appengine.serverGroup.configFilepaths"></help-field>
</div>
<div class="col-md-7">
<ui-select multiple tagging tagging-label="" style="width: 380px;"
name="configFilepaths" ng-model="$ctrl.command.configFilepaths" class="form-control input-sm">
<ui-select-match>{{$item}}</ui-select-match>
<ui-select-choices repeat="filepath in []">
<span ng-bind-html="filepath"></span>
</ui-select-choices>
</ui-select>
</div>
</div>
<div class="form-group">
<div class="col-md-3 sm-label-right">
Config Files
<span ng-if="!$ctrl.isContainerImageSource()">
<help-field key="appengine.serverGroup.configFiles"></help-field>
</span>
<span ng-if="$ctrl.isContainerImageSource()">
<help-field key="appengine.serverGroup.configFilesRequired"></help-field>
</span>
</div>
<div ng-repeat="configFile in $ctrl.command.configFiles track by $index" >
<div class="col-md-7" ng-class="{'col-md-offset-3': $index > 0}" style="margin-top: 5px;">
<textarea cols="46" rows="10"
class="small"
spellcheck="false"
ng-keydown="$ctrl.mapTabToSpaces($event)"
style="font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;"
ng-model="$ctrl.command.configFiles[$index]"></textarea>
</div>
<div class="col-md-1" style="margin-top: 5px;">
<button type="button" class="btn btn-sm btn-default" ng-click="$ctrl.deleteConfigFile($index)">
<span class="glyphicon glyphicon-trash"></span> Delete
</button>
</div>
</div>
<div class="col-md-7" ng-class="{'col-md-offset-3': $ctrl.command.configFiles.length > 0}">
<button class="btn btn-block btn-add-trigger add-new" ng-click="$ctrl.addConfigFile()">
<span class="glyphicon glyphicon-plus-sign"></span> Add Config File
</button>
</div>
</div>
</div>
`;
public templateUrl = require('./configFiles.component.html');
}

export const APPENGINE_CONFIG_FILE_CONFIGURER = 'spinnaker.appengine.configFileConfigurer.component';
Expand Down

0 comments on commit bdca8aa

Please sign in to comment.