Fixes over transcription workflow

Author: CEBracco

src/app/app.component.ts

@@ -54,7 +54,7 @@ export class AppComponent implements OnInit{
   logout() : void {
     localStorage.removeItem('currentUser');
     this.global['currentUser'] = null;
-    this.global['isOwner'] = null;
+    localStorage.removeItem('isOwner');
     localStorage.removeItem('functions');
     localStorage.removeItem('currentUser');
     this.router.navigate(['home'])

src/app/components/admin/admin.component.html

@@ -8,7 +8,8 @@ <h4 class="m-b-20">{{'admin.title' | translate}}</h4>
         <mz-tab 
           [fixedTabWidth]="'true'"
           [responsiveThreshold]="'true'" 
-          [swipeable]="'true'">
+          [swipeable]="'true'"
+          [onShow]="onShow()">
           <mz-tab-item
             [class]="'col s12'"
             [active]="'true'" 

src/app/components/admin/admin.component.scss

@@ -11,7 +11,3 @@
     text-transform: capitalize;
     font-weight: bold;
 }
-
-:host ::ng-deep  .tabs-content{
-    height: 620px !important;
-}

src/app/components/admin/admin.component.ts

@@ -2,6 +2,8 @@ import { User } from './../../models/user';
 import { UserService } from './../../services/user/user.service';
 import { AdminService } from './../../services/admin/admin.service';
 import { Component, OnInit, ViewChild } from '@angular/core';
+import { MappingUtils } from 'app/utils/mapping-utils';
+import { LocalizedDatePipe } from 'app/pipes/localized-date/localized-date.pipe';
 
 @Component({
   selector: 'app-admin',
@@ -17,22 +19,26 @@ export class AdminComponent implements OnInit {
   public users : any;
   public itemsloaded = false;
   public headers = [
-          { title: 'login', key: 'login' }, 
+          { title: 'username', key: 'login' }, 
           { title: 'email', key: 'email'},
-          { title: 'registered', key:'created_at'},
+          { title: 'registered', key:'registered_at'},
           { title: 'Owner', key:'owner'},
           { title: 'Admin', key: 'admin'}
         ];
   public user : any;
 
-  constructor(private admService: AdminService, private userService: UserService) { }
+  constructor(private admService: AdminService, private userService: UserService, private localizedDatePipe: LocalizedDatePipe) { }
 
   ngOnInit() {
     this.listUsers(1);
   }
   changeOwner(event){
   }
 
+  onShow() {
+    $('.tabs-content.carousel').height($('.carousel-item.active .row').height());
+  }
+
   handleModal(event) {
     this.user = null;
     if(event.modal=='edit'){
@@ -59,7 +65,11 @@ export class AdminComponent implements OnInit {
       this.currentPage = response.currentPage;
       this.itemsPerPage = response.itemsPerPage;
       this.totalItems = response.totalItems;
-      this.users=response.items;
+      this.users = MappingUtils.mapToClass(User, response.items);
+      this.users = this.users.map(user => { 
+        user.registered_at = this.localizedDatePipe.transform(user.created_at, 'short') 
+        return user
+      })
       this.itemsloaded=true;
     });
   }

src/app/components/collection/edit-collection/edit-collection.component.html

@@ -56,8 +56,9 @@
   <button mz-button class="btn-delete m-l-5" (click)="delete()"><i mz-icon-mdi [icon]="'delete-forever'"
       [align]="'left'"></i>{{'editCollection.button.delete' | translate}}</button>
 </div>
-
-  <div class="row m-t-10">
+<br>
+  <div class="row">
+    <h6>{{ 'editCollection.label.owners' | translate }}</h6>
     <div class="col s12">
       <app-paginated-list *ngIf="itemsloaded" [currentPage]="currentPage" [itemsPerPage]="itemsPerPage"
         [totalItems]="totalItems" [items]="users" [headers]="headers" [headersActions]="headersActions" 

src/app/components/collection/show-collection/show-collection.component.ts

@@ -24,15 +24,14 @@ export class ShowCollectionComponent implements OnInit {
     private changeDetector: ChangeDetectorRef,
     private flashMessagesService: FlashMessagesService) {
     this.global['routeBack'] = "collections/list";
-    this.global['isOwner'] = false;
-
+    localStorage.setItem('isOwner', "false");
   }
 
   ngOnInit() {
     const collectionId = +this.route.snapshot.paramMap.get('collectionId');
     this.collectionService.get(collectionId, { fields: ['owner','isOwner']}).subscribe(collection => {
         this.collection = collection
-        this.global['isOwner'] = collection.isOwner;
+        localStorage.setItem('isOwner', `${collection.isOwner}`);
         this.collectionImageUrl = this.collection.getThumbnailUrl()
     });
     this.changeDetector.detectChanges();

src/app/components/search/reference-container/reference-container.component.html

@@ -18,7 +18,7 @@
     <mz-collapsible-item-body>
       <mz-collection>
         <a mz-collection-link class="bordered" *ngFor="let mark of marks" (click)="onReferenceSelection.emit(mark)">
-          <span class="mark-label">{{mark.semanticContribution.created_at | localizedDate}} - </span>{{ mark.getSemanticLabel()   }}
+          <span class="mark-label">{{mark.semanticContribution.created_at | localizedDate}} - </span>{{ mark.getSemanticLabel() }}
           <span class="badge-scheme-type"><small>{{mark.semanticContribution.schema_type | ontologyPrefix}}</small></span>
           <span mz-secondary-content><!--<a>VER MÁS</a>--><i mz-icon-mdi [icon]="'chevron-right'" [align]="'right'"></i></span>
         </a>

src/app/components/shared/paginated-list/paginated-list.component.html

@@ -13,7 +13,7 @@
     </button>
   </div>
   <div class="col s12">
-  <table class="striped responsive-table">
+  <table class="striped">
     <thead>
       <tr >
         <th *ngFor="let header of headers">{{header.title}}</th>

src/app/components/shared/paginated-list/paginated-list.component.scss

@@ -2,4 +2,8 @@
 
 .action{
     color: $primaryColor;
+}
+
+:host ::ng-deep .pagination li.active {
+    background-color: $primaryColor;
 }

src/app/components/transcribe/semantic/semantic-form/steps/select-basic-properties/select-basic-properties.component.html

@@ -54,7 +54,7 @@ <h5 class="primary-color-text">{{ontologyInstance.name | ontologyPrefix}}</h5>
             </tr>
           </thead>
           <tbody>
-            <tr *ngFor="let prop of properties | filterlist:'label':searchTextFilter:'equal'">
+            <tr *ngFor="let prop of properties | filterlist:'label':searchTextFilter:'includes'">
               <td>{{prop.label}}</td>
               <td>
                 <mz-select-container *ngIf="prop.types.length>1" (click)="$event.stopPropagation()">