submit.component.html 3.35 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11
<!--
  ~ Copyright 2018 EMBL - European Bioinformatics Institute
  ~ Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
  ~ file except in compliance with the License. You may obtain a copy of the License at
  ~ http://www.apache.org/licenses/LICENSE-2.0
  ~ Unless required by applicable law or agreed to in writing, software distributed under the
  ~ License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
  ~ CONDITIONS OF ANY KIND, either express or implied. See the License for the
  ~ specific language governing permissions and limitations under the License.
  -->

12
<div class="body">
rajkumar's avatar
rajkumar committed
13 14
  <div>
    <div class="mat-h3 mat-tittle">Submit XML</div>
rajkumar's avatar
rajkumar committed
15
  </div>
16 17
  <mat-divider></mat-divider>

rajkumar's avatar
rajkumar committed
18
  <div class="container">
19
    <p class="mat-body">
20
      <span class="app-primary-color">
Rasko Leinonen's avatar
Rasko Leinonen committed
21 22
        <i class="material-icons">info</i>
      </span>
23 24 25 26
      This page is used for making new submissions. To access other functionality please select one of the other pages
      above.
    </p>
  </div>
Rasko Leinonen's avatar
Rasko Leinonen committed
27

rajkumar's avatar
rajkumar committed
28
  <mat-card class="mat-body">
Rasko Leinonen's avatar
Rasko Leinonen committed
29

rajkumar's avatar
rajkumar committed
30 31 32
    <p>
      Use this submission option to make any type of Webin submission using XML files.
    </p>
33

rajkumar's avatar
rajkumar committed
34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
    <div class="container" fxLayout fxLayout.xs="column" fxLayoutAlign="space-around start" fxLayoutGap="10px">
      <div fxFlex="33">
        Submission XML (mandatory)
        <input type="file" class="app-choose-file" #submissionFile
          (change)="onChangeSubmissionFile(submissionFile.files)" />
        Study XML
        <input type="file" class="app-choose-file" #studyFile (change)="onChangeStudyFile(studyFile.files)" />
        Project XML
        <input type="file" class="app-choose-file" #projectFile (change)="onChangeProjectFile(projectFile.files)" />
        Sample XML
        <input type="file" class="app-choose-file" #sampleFile (change)="onChangeSampleFile(sampleFile.files)" />
      </div>
      <div fxFlex="33">
        Experiment XML
        <input type="file" class="app-choose-file" #experimentFile
          (change)="onChangeExperimentFile(experimentFile.files)" />
        Run XML
        <input type="file" class="app-choose-file" #runFile (change)="onChangeRunFile(runFile.files)" />
        Analysis XML
        <input type="file" class="app-choose-file" #analysisFile (change)="onChangeAnalysisFile(analysisFile.files)" />
      </div>

      <div *ngIf="isEga()">
        <div fxFlex>
          EGA DAC XML
          <input type="file" class="app-choose-file" #dacFile (change)="onChangeDacFile(dacFile.files)" />
          EGA Policy XML
          <input type="file" class="app-choose-file" #policyFile (change)="onChangePolicyFile(policyFile.files)" />
          EGA Dataset XML
          <input type="file" class="app-choose-file" #datasetFile (change)="onChangeDatasetFile(datasetFile.files)" />
64
        </div>
65
      </div>
rajkumar's avatar
rajkumar committed
66
    </div>
Rasko Leinonen's avatar
Rasko Leinonen committed
67

Rajkumar-D's avatar
Rajkumar-D committed
68 69 70 71 72 73
    <div style="text-align:Center">
      <mat-form-field *ngIf="isBroker()" appearance="outline" style="width:7%; margin-right: 5px;">
        <input matInput placeholder="Center name" name="centerName" [(ngModel)]="centerName">
      </mat-form-field>
      <button mat-raised-button color="accent" [disabled]="!canSubmit()" (click)="submit()">Submit</button>
    </div>
rajkumar's avatar
rajkumar committed
74
  </mat-card>
75

rajkumar's avatar
rajkumar committed
76
  <!-- <ng-container *ngIf="!isEga()">
77
      <app-checklist [checklistType]="ChecklistType.sequence" [init]="false"></app-checklist>
78
    </ng-container> -->
79

rajkumar's avatar
rajkumar committed
80 81

</div> <!-- component-margin -->