Overview page

by Eugen Sunic

JavaScript

//--------------------------------
  overviewPageInfo() {
    return [
     {id: 'dev-config', name: 'dev-config', url: '', description: 'this page is about something'},
     {id: 'web-sec', name: 'web-sec-ui', url: '', description: 'this page is about something'},
     {id: 'web-ui', name: 'web-ui-components', url: '', description: 'this page is about something'},
     {id: 'version', name: 'version page', url: '', description: 'this page is about something'},
     {id: 'web-styles', name: 'web-ui-styles', url: '', description: 'this page is about something'},
     {id: 'web-taxes', name: 'web-taxes-ui', url: '', description: 'this page is about something'},
   ];

  }
  //--------------------------------
  

  <div class="container background--grey">
  <h2>Overview page</h2>
  <br>
  <div>
    <div class="margin-bottom-10 margin-left-30" *ngFor="let item of overviewPageInfo();let i=index">
      <h5 class="flex-inline">{{(i+1)+'. '}}</h5>
      <a [href]="item.name" class="flex-inline text--darkblue">
        <h3>{{item.name}}</h3>
      </a>
      <p class="margin-left-15">{{'( '+item.description+' )'}}</p>
    </div>
  </div>
</div>
  //--------------------------------