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

Create intial config setup modal

Browse source 
remove the registry title
This commit is contained in:
Sam Chow 2018-06-12 11:28:58 -04:00
parent e250f4ebe6
commit 690b7674e7
9 changed files with 121 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

26
config_app/js/components/config-setup-app/config-setup-app.component.html Normal file
View file

@ -0,0 +1,26 @@
<div ng-if="$ctrl.state === 'choice'">
<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">
<div class="modal-content">
<!-- Header -->
<div class="modal-header">
<h4 class="modal-title"><span>Choose an option</span></h4>
</div>
<!-- Body -->
<div class="config-setup-wrapper">
<a class="config-setup_option" ng-click="$ctrl.chooseSetup()">
<i class="fas fa-edit fa-2x"></i>
<div>Start New Registry Setup</div>
</a>
<a class="config-setup_option" ng-click="$ctrl.chooseLoad()">
<i class="fas fa-upload fa-2x"></i>
<div>Modify an existing configuration</div>
</a>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
</div>
<div ng-if="$ctrl.state === 'setup'" class="setup"></div>
<load-config ng-if="$ctrl.state === 'load'"></load-config>

25
config_app/js/components/config-setup-app/config-setup-app.component.ts Normal file
View file

@ -0,0 +1,25 @@
import { Input, Component, Inject } from 'ng-metadata/core';
const templateUrl = require('./config-setup-app.component.html');
/**
* Initial Screen and Choice in the Config App
*/
@Component({
selector: 'config-setup-app',
templateUrl: templateUrl,
})
export class ConfigSetupAppComponent {
private state: 'choice' | 'setup' | 'load';
constructor() {
this.state = 'choice';
}
private chooseSetup(): void {
this.state = 'setup';
}
private chooseLoad(): void {
this.state = 'load';
}
}

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

@ -0,0 +1,11 @@
import { Input, Component, Inject } from 'ng-metadata/core';
const templateUrl = require('./load-config.html');
@Component({
selector: 'load-config',
templateUrl,
})
export class LoadConfigComponent {
constructor() {
}
}

18
config_app/js/components/load-config/load-config.html Normal file
View file

@ -0,0 +1,18 @@
<div>
<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">
<div class="modal-content">
<!-- Header -->
<div class="modal-header">
<h4 class="modal-title"><span>Load Config</span></h4>
</div>
<!-- Body -->
<div>
Please upload a tarball
<input type="file" accept=".tar"></div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
</div>