Sample dataset component => WIP

client/src/app/admin/instance/webpage/components/webpage-form.component.html

@@ -24,8 +24,8 @@
     </div>
     <div class="form-group">
         <label for="content">Content</label>
-        <editor [init]="getEditorConfig()" formControlName="content">
-        </editor>
+        <textarea class="form-control" id="content" rows="20" formControlName="content">
+        </textarea>
     </div>
     <div class="form-group pt-4">
         <ng-content></ng-content>

client/src/app/instance/webpage/hooks/components/dataset-sample.component.html

+<p>Coucou</p>
\ No newline at end of file

client/src/app/instance/webpage/hooks/components/dataset-sample.component.ts

+/**
+ * This file is part of Anis Client.
+ *
+ * @copyright Laboratoire d'Astrophysique de Marseille / CNRS
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+import { AppConfigService } from 'src/app/app-config.service';
+
+@Component({
+    selector: 'app-dataset-sample',
+    templateUrl: 'dataset-sample.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class DatasetSampleComponent implements OnInit {
+    @Input() datasetName: string;
+    @Input() sortingColumn: number;
+    @Input() sortingDirection: string;
+    @Input() nbItems: number;
+
+    constructor(private http: HttpClient, private config: AppConfigService) { }
+
+    ngOnInit() {
+        const query = `${this.datasetName}?a=all&o=${this.sortingColumn}:${this.sortingDirection}&p=${this.nbItems}:1`;
+        this.http.get<any[]>(`${this.config.apiUrl}/search/${query}`).subscribe(data => console.log(data));
+    }
+}

client/src/app/instance/webpage/hooks/components/index.ts

 import { DynamicRouterLinkComponent } from './dynamic-router-link.component';
+import { DatasetSampleComponent } from './dataset-sample.component';
 
 export const hooksComponents = [
-    DynamicRouterLinkComponent
+    DynamicRouterLinkComponent,
+    DatasetSampleComponent
 ];

client/src/app/instance/webpage/hooks/parsers/index.ts

 import { HookParserEntry } from 'ngx-dynamic-hooks';
 
 import { DynamicRouterLinkParser } from './dynamic-router-link-parser';
+import { DatasetSampleComponent } from '../components/dataset-sample.component';
 
-export const componentParsers: Array<HookParserEntry> = [
+export const hookParsers = [
     DynamicRouterLinkParser
 ];
+
+export const componentParsers: Array<HookParserEntry> = [
+    DynamicRouterLinkParser,
+    { component: DatasetSampleComponent }
+];

client/src/app/instance/webpage/webpage.module.ts

@@ -14,7 +14,7 @@ import { DynamicHooksModule } from 'ngx-dynamic-hooks';
 import { SharedModule } from 'src/app/shared/shared.module';
 import { WebpageRoutingModule, routedComponents } from './webpage-routing.module';
 import { dummiesComponents } from './components';
-import { componentParsers } from './hooks/parsers';
+import { hookParsers, componentParsers } from './hooks/parsers';
 import { hooksComponents } from './hooks/components';
 
 /**
@@ -35,7 +35,7 @@ import { hooksComponents } from './hooks/components';
         hooksComponents
     ],
     providers: [
-        componentParsers
+        hookParsers
     ],
     entryComponents: [
         hooksComponents