D-Net

    <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">

      <div class="uk-width-1-1@m uk-first-column">

        <!-- TOP HELP CONTENT -->

<!--        <help-content #topHelperContent [position]="'top'"

                      [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">

        </help-content>-->

        <div class="uk-container uk-margin-medium-top uk-margin-medium-bottom">

          <div class="uk-grid">

            <!-- LEFT HELP CONTENT -->

<!--            <aside-help-content #leftHelperContent [position]="'left'"

                                [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">

            </aside-help-content>-->

            <!-- MIDDLE -->

            <div class=" uk-width-expand@m">

              <div *ngIf="loadingMessage" class="loading-big">

                <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">

                  {{ loadingMessage }}

                </div>

                <div class="whiteFilm"></div>

              </div>

              <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>

              <div *ngIf="repo" class="uk-margin-medium-bottom">

                <h1 class="uk-article-title">

                  <a id="updateLogoURL" (click)="datasourceUpdateForm.updateLogoUrl(repo.logoUrl)">

                    <img *ngIf="!logoURL" src="/assets/imgs/yourLogoHere.jpg" style="margin-right: 15px; margin-top:-8px" width="60">

                    <img *ngIf="logoURL" src="{{ logoURL }}" style="margin-right: 15px; margin-top:-8px" width="60">

                  </a>

                  {{ repo.officialName }}

                </h1>

              </div>

              <div *ngIf="repo">

                <div>

                  <ul class="uk-margin el-nav uk-tab" uk-switcher="connect: .uk-switcher">

                    <li routerLinkActive="uk-active">

                      <a href="#">Update Information</a>

                    </li>

                    <li routerLinkActive="uk-active">

                      <a href="#">Update Interfaces</a>

                    </li>

                  </ul>

                  <ul class="uk-switcher">

                    <li class="el-item">

                      <div>

                        <datasource-update-form #datasourceUpdateForm

                                                [selectedRepo]="repo"

                                                [showButton]=true

                                                (emittedUrl)="getNewLogoUrl($event)"></datasource-update-form>

                      </div>

                    </li>

                    <li class="el-item">

                      <div *ngIf="repo && repoInterfaces" class="uk-width-1-1@m uk-first-column">

                        <form [formGroup]="group">

                          <form-repeat [component]="updateDatasourceInterfaces"

                                       [parentGroup]="group"

                                       [description]="interfaceFormDesc"

                                       [name]="'datasource-interface-form'"

                                       [data]="repoInterfaces"

                                       [otherData]="repo">

                          </form-repeat>

                        </form>

                      </div>

                    </li>

                  </ul>

                </div>

              </div>

            </div>

            <!-- RIGHT HELP CONTENT -->

            <aside-help-content #rightHelperContent [position]="'right'"

                                [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">

            </aside-help-content>

          </div>

        </div>

        <!-- BOTTOM HELP CONTENT -->

        <help-content #bottomHelperContent [position]="'bottom'"

                      [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">

        </help-content>

      </div>

    </div>

<!--  *** OLD HTML ***

&lt;!&ndash;  <div class="tm-sidebar uk-width-1-4@m">

  </div>&ndash;&gt;

-->