Update child component template to reflect UX designs
-Select the integration file to import:
-<!--
-<form class="syn-form syn-form--integration-upload"
- (ngSubmit)="onDone(importForm)"
- #importForm="ngForm"
- novalidate>
- <fieldset class="syn-form__body">
- <div class="syn-form-row syn-form-row--upload-file">
- <input type="file"
- (change)="onSelectFile($event)">
+
+<div class="row row-cards-pf second-row">
+ <div class="col-xs-12">
+
+ <div class="card-pf">
+ <div class="card-pf-heading">
+ <div class="card-pf-title">
+ <h1>Import Integration</h1>
+ </div>
</div>
- </fieldset>
- <fieldset class="syn-form__buttons">
- <syndesis-button type="submit"
- [loading]="integrationImportState.loading">
- Done
- </syndesis-button>
- </fieldset>
-</form>
--->
+ <div class="card-pf-body">
+
+ <p>Select the integration file to import:</p>
<input #fileSelect
type="file"
@@ -32,8 +25,7 @@ Select the integration file to import:
Or drag and drop your integration files here
</div>
-<div class="col-md-9"
- style="margin-bottom: 40px">
+ <div style="margin-bottom: 40px">
<h3>Upload queue</h3>
<table class="table">
@@ -69,3 +61,29 @@ Select the integration file to import:
</tbody>
</table>
</div>
+ </div>
+
+ </div>
+ </div>
+</div>
+
+<!--
+<form class="syn-form syn-form--integration-upload"
+ (ngSubmit)="onDone(importForm)"
+ #importForm="ngForm"
+ novalidate>
+ <fieldset class="syn-form__body">
+ <div class="syn-form-row syn-form-row--upload-file">
+ <input type="file"
+ (change)="onSelectFile($event)">
+ </div>
+ </fieldset>
+
+ <fieldset class="syn-form__buttons">
+ <syndesis-button type="submit"
+ [loading]="integrationImportState.loading">
+ Done
+ </syndesis-button>
+ </fieldset>
+</form>
+-->
