jobs/logs view select and empty state visual improvements

[rigelk]

list of changes:

• jobs view:
  • removed status column, since it is redundant with the above information
  • moved to the regular badge style
  • added empty state
  • added table pagination information and page size selector
• logs view:
  • slightly improved startDate display
  • slightly improved level display

[kimsible]

@rigelk, I only notice one thing related to the new ng-select and visible on this PR, the select inputs have wrong margins on small views :

You can just add ng-select into the scss component of logs :

For small views :

PeerTube/client/src/app/+admin/system/logs/logs.component.scss

Line 60 in b2c7620

@media screen and (max-width: $small-view) {

@media screen and (max-width: $small-view) {
  .header {
    flex-direction: column;

    .peertube-select-container,
    ng-select, // new selector
    my-button {
      width: 100% !important;
      margin-left: 0px !important;
      margin-bottom: 10px !important;
    }

    my-button {
      text-align: center;
    }
  }
}

And for small views with opened menu :

PeerTube/client/src/app/+admin/system/logs/logs.component.scss

Line 77 in b2c7620

@media screen and (max-width: #{$small-view + $menu-width}) {

@media screen and (max-width: #{$small-view + $menu-width}) {
  :host-context(.main-col:not(.expanded)) {
    .header {
      flex-direction: column;

      .peertube-select-container,
      ng-select,  // new selector
      my-button {
        width: 100% !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
      }

      my-button {
        text-align: center;
      }
    }
  }
}

[rigelk]

thanks @kimsible!