D-Net

  <div *ngIf="showLoading" class="uk-animation-fade uk-width-1-1" role="alert">

    <span class="loading-gif uk-align-center"></span>

  </div>

  <table *ngIf="curatorId != null && curator != null && !showLoading" class="uk-width-1-2@m uk-width-1-1@s uk-align-center">

    <tbody class="uk-table uk-align-center">

      <tr *ngIf="curator.email != null" >

        <label for="orderTag">Order</label>

        <input type="number" step="1" class="form-control" formControlName="order" id="orderTag" placeholder="Order (e.g. 2)">

    </div>

        <label>Help text before existing content</label>

        <label class="checkbox">

            <span class="uk-margin-small-right" style="font-weight: normal;">Before</span>

            <input tabindex="0" type="checkbox" formControlName="isPriorTo">

        </label>

    <div class="form-group">

        <label>Select Status</label>

        <label class="checkbox">

             if(!Session.isLoggedIn()){

               this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this._router.url} });

             } else {

                         this.placements.top = page.top;

                         this.placements.bottom = page.bottom;

                         this.placements.left = page.left;

                         this.placements.right = page.right;

                     });

                 this._helpContentService.getPages(this.properties.adminToolsAPIURL, this.communityPid).subscribe(

                   pages => {

                       this.availablePages = pages;

            content : ['', Validators.required],

            order : [1, Validators.required],

            isActive : true,

            _id : '',

        });

    }

            content : [''],

            order : 1,

            isActive : true,

            _id : ''

        });

        this.myForm.markAsPristine();

                                            <th>Content</th>

                                            <th>Placement</th>

                                            <th>Order</th>

                                            <th>Change status</th>

                                            <th>Actions</th>

                                        </tr>

                                                <div class="order" href="#">{{check.pageHelpContent.order}}

                                                </div>

                                            </td>

                                                <div class="isPriorTo" href="#">{{check.pageHelpContent.isPriorTo}}

                                                </div>

                                            <td>

                                              <mat-slide-toggle [checked]="check.pageHelpContent.isActive"

                                                                (change)="($event.source.checked = check.pageHelpContent.isActive);togglePageHelpContents(!check.pageHelpContent.isActive,[check.pageHelpContent._id])"></mat-slide-toggle>

  "cacheUrl" :"http://scoobydoo.di.uoa.gr:3000/get?url=",

  "adminToolsCommunity" :"openaire",

  "communityAPI": "https://dev-openaire.d4science.org/openaire/community/",