vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add writing config to file, modal for validation

Browse source
This commit is contained in:
Sam Chow 2018-06-18 11:01:14 -04:00
parent c7513199df
commit 8aa18a29a8
4 changed files with 43 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

19
config_app/js/components/load-config/load-config.component.ts
View file

@ -1,10 +1,7 @@
import { Input, Component, Inject } from 'ng-metadata/core';
import { Component, Inject } from 'ng-metadata/core';
const templateUrl = require('./load-config.html');
const styleUrl = require('./load-config.css');
declare let bootbox: any;
declare let window: any;
@Component({
selector: 'load-config',
templateUrl,
@ -13,6 +10,7 @@ declare let window: any;
export class LoadConfigComponent {
private isReady: boolean = false;
private uploadFunc: Function;
private state: 'load' | 'validate' = 'load';
private constructor(@Inject('ApiService') private apiService: any) {
}
@ -27,9 +25,14 @@ export class LoadConfigComponent {
}
private uploadTarball() {
this.uploadFunc(resp => {
console.log('hi')
console.log(resp)
this.uploadFunc(success => {
if (success) {
this.state = 'validate';
}
else {
this.apiService.errorDisplay('Could not upload configuration. Please reload the page and try again.\n' +
'If this problem persists, please contact support')();
}
});
}
@ -42,6 +45,4 @@ export class LoadConfigComponent {
private filesValidated(files, uploadFiles) {
this.uploadFunc = uploadFiles;
}
}

21
config_app/js/components/load-config/load-config.html
View file

@ -1,4 +1,4 @@
<div>
<div ng-if="$ctrl.state === 'load'">
<div class="co-dialog modal fade initial-setup-modal in" id="setupModal" style="display: block;">
<div class="modal-backdrop fade in" style="height: 1000px;"></div>
<div class="modal-dialog fade in">
@ -26,3 +26,22 @@
</div><!-- /.modal-dialog -->
</div>
</div>
<div ng-if="$ctrl.state === 'validate'">
<div class="co-dialog modal fade initial-setup-modal in" id="validateModal" style="display: block;">
<div class="modal-backdrop fade in" style="height: 1000px;"></div>
<div class="modal-dialog fade in">
<div class="modal-content">
<!-- Header -->
<div class="modal-header">
<h4 class="modal-title"><span>Validate Config</span></h4>
</div>
<!-- Body -->
<div class="modal-body">
<span>Validating Config...</span>
spinner here...
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
</div>