publishapi.component.html 2.14 KB
Newer Older
Administrator's avatar
Administrator committed
1

2
3
4
5
6
7
<!--<button class="next-step-button" routerLink="/datasets" routerLinkActive="active" >Next step</button>-->

<!--Nebula example-->

<nb-card>
    <nb-card-body>
cazenave's avatar
cazenave committed
8
      <nb-stepper orientation="horizontal" disableStepNavigation>   
9
10
        <nb-step [label]="labelOne">
          <ng-template #labelOne>First step</ng-template>
cazenave's avatar
cazenave committed
11
          <h4>Describe API </h4>
12
          <p class="lorem">
cazenave's avatar
cazenave committed
13
            Describe your repository api to access datasets                   
14
          </p>
cazenave's avatar
cazenave committed
15
16
17
18
19
20
          <label>Choose your Repository
            <select class="form-control" formControlName="repotype" required>
              <option value="1">Inrae</option>>
              <option value="2">Inrae-2</option>>
            </select>  
          </label>  
21
22
23
24
25
          <button class="prev-button" nbButton disabled nbStepperNext>prev</button>
          <button class="next-button" nbButton nbStepperNext>next</button>
        </nb-step>
        <nb-step [label]="labelTwo">
          <ng-template #labelTwo>Second step</ng-template>
cazenave's avatar
cazenave committed
26
          <h4>Use parameters & launch request</h4>
27
          <p class="lorem">
cazenave's avatar
cazenave committed
28
            Use parameters & launch request
29
30
31
32
          </p>
          <button class="prev-button" nbButton nbStepperPrevious>prev</button>
          <button class="next-button" nbButton nbStepperNext>next</button>
        </nb-step>
cazenave's avatar
cazenave committed
33
34
35
        <nb-step [label]="labelThree">
          <ng-template #labelThree>Third step</ng-template>
          <h4>Map DCAT Schema </h4>
36
          <p class="lorem">
cazenave's avatar
cazenave committed
37
            Map your metadata schema with DCAT schema   
38
39
40
41
42
43
          </p>
          <button class="prev-button" nbButton nbStepperPrevious>prev</button>
          <button class="next-button" nbButton nbStepperNext>next</button>
        </nb-step>
        <nb-step [label]="labelFour">
          <ng-template #labelFour>Fourth step</ng-template>
cazenave's avatar
cazenave committed
44
          <h4>Populate FDP</h4>
45
          <p class="lorem">
cazenave's avatar
cazenave committed
46
            Populate FDP with datasets metadata
47
48
49
50
51
52
53
          </p>
          <button class="prev-button" nbButton nbStepperPrevious>prev</button>
          <button class="next-button" nbButton disabled nbStepperNext>next</button>
        </nb-step>
      </nb-stepper>
    </nb-card-body>
  </nb-card>