Fixed bug: add attribute not visible dataset empty

client/src/app/admin/instance/dataset/components/attribute/general/index.ts

@@ -7,12 +7,10 @@
  * file that was distributed with this source code.
  */
 
-import { AddAttributeComponent } from './add-attribute.component';
 import { TableGeneralComponent } from './table-general.component';
 import { TrGeneralComponent } from './tr-general.component';
 
 export const generalComponents = [
-    AddAttributeComponent,
     TableGeneralComponent,
     TrGeneralComponent
 ];

client/src/app/admin/instance/dataset/components/attribute/general/table-general.component.html

-<div class="row mb-1">
-    <div class="col-12">
-        <app-add-attribute
-            [columnList]="columnList"
-            [columnListIsLoading]="columnListIsLoading"
-            [columnListIsLoaded]="columnListIsLoaded"
-            [attributeList]="attributeList"
-            (loadColumnList)="loadColumnList.emit()"
-            (add)="addAttribute.emit($event)">
-        </app-add-attribute>
-    </div>
-</div>
-
 <div class="table-responsive">
     <table class="table table-bordered" aria-describedby="Edit attributes design">
         <thead>

client/src/app/admin/instance/dataset/components/attribute/general/table-general.component.ts

@@ -7,20 +7,10 @@
  * file that was distributed with this source code.
  */
 
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-
-import { Column } from 'src/app/admin/store/models';
-import { Attribute  } from 'src/app/metamodel/models';
+import { Component } from '@angular/core';
 
 @Component({
     selector: 'app-table-general',
     templateUrl: 'table-general.component.html'
 })
-export class TableGeneralComponent {
-    @Input() columnList: Column[];
-    @Input() columnListIsLoading: boolean;
-    @Input() columnListIsLoaded: boolean;
-    @Input() attributeList: Attribute[];
-    @Output() loadColumnList: EventEmitter<{}> = new EventEmitter();
-    @Output() addAttribute: EventEmitter<Attribute> = new EventEmitter();
-}
+export class TableGeneralComponent { }

client/src/app/admin/instance/dataset/components/index.ts

@@ -17,6 +17,7 @@ import { coneSearchConfigComponents } from './cone-search-config';
 import { detailConfigComponents } from './detail-page';
 import { outputCategoryComponents } from './output-category';
 import { outputFamilyComponents } from './output-family';
+import { AddAttributeComponent } from './add-attribute.component';
 import { InstanceButtonsComponent } from './instance-buttons.component';
 
 export const dummiesComponents = [
@@ -30,5 +31,6 @@ export const dummiesComponents = [
     detailConfigComponents,
     outputCategoryComponents,
     outputFamilyComponents,
+    AddAttributeComponent,
     InstanceButtonsComponent
 ];

client/src/app/admin/instance/dataset/containers/configure-dataset.component.html

@@ -32,6 +32,19 @@
         </ol>
     </nav>
 
+    <div class="row mb-3">
+        <div class="col-12">
+            <app-add-attribute
+                [columnList]="columnList | async"
+                [columnListIsLoading]="columnListIsLoading | async"
+                [columnListIsLoaded]="columnListIsLoaded | async"
+                [attributeList]="attributeList | async"
+                (loadColumnList)="loadColumnList()"
+                (add)="addAttribute($event)">
+            </app-add-attribute>
+        </div>
+    </div>
+
     <div class="row mt-1">
         <div class="col-12">
             <div *ngIf="(attributeList | async).length < 1" class="alert alert-warning" role="alert">
@@ -83,14 +96,7 @@
                     </ul>
                 </div>
                 <div class="card-body" [ngSwitch]="tabSelected | async">
-                    <app-table-general 
-                        *ngSwitchCase="'general'"
-                        [columnList]="columnList | async"
-                        [columnListIsLoading]="columnListIsLoading | async"
-                        [columnListIsLoaded]="columnListIsLoaded | async"
-                        [attributeList]="attributeList | async"
-                        (loadColumnList)="loadColumnList()"
-                        (add)="addAttribute($event)">
+                    <app-table-general *ngSwitchCase="'general'">
                         <tr *ngFor="let attribute of (attributeList | async)"
                             general
                             [attribute]="attribute"