jitsi shortened urls

src/app/pages/jitsi/jitsi.component.html

@@ -21,10 +21,14 @@
           </mat-icon>
         </a>
 
-        <a *ngIf="!open(jitsiRoom, false)" mat-button disabled matTooltip="{{'jitsi.rooms.notStarted' | i18n}}"
-          matTooltipPosition="above">
+        <a *ngIf="!open(jitsiRoom, false)" mat-button disabled matTooltip="{{'jitsi.rooms.notStarted' | i18n}}">
           {{ jitsiRoom.room }}
         </a>
+
+        <a *ngIf="!jitsiRoom.code && shortenedUrlQuota" mat-icon-button (click)="createShortenedUrl(jitsiRoom)" inline
+          matTooltip="{{'urlshortener.create' | i18n}}">
+          <mat-icon>add_link</mat-icon>
+        </a>
       </td>
     </ng-container>
 
@@ -49,15 +53,14 @@
       <th mat-header-cell *matHeaderCellDef mat-sort-header="moderationUrl"> {{'jitsi.rooms.moderationUrl' | i18n}}
       </th>
       <td mat-cell *matCellDef="let jitsiRoom">
-        <a *ngIf="open(jitsiRoom, true)" mat-button color="primary" class="url" href="{{ jitsiRoom.moderationUrl}}"
-          target="_blank">
-          {{ jitsiRoom.moderationUrl }}
+        <a *ngIf="open(jitsiRoom, true)" mat-button color="primary" href="{{ jitsiRoom.moderationUrl}}" target="_blank">
+          <span class="url">{{ jitsiRoom.moderationUrl }}</span>
           <mat-icon style="font-size: 1em;">open_in_new</mat-icon>
         </a>
 
-        <a *ngIf="!open(jitsiRoom, true)" mat-button color="primary" class="url" disabled
+        <a *ngIf="!open(jitsiRoom, true)" mat-button color="primary" disabled
           matTooltip="{{'jitsi.rooms.notStarted' | i18n}}" matTooltipPosition="above">
-          {{ jitsiRoom.moderationUrl }}
+          <span class="url">{{ jitsiRoom.moderationUrl }}</span>
         </a>
       </td>
     </ng-container>
@@ -74,8 +77,8 @@
     <tr mat-header-row *matHeaderRowDef="jitsiRoomsColumns"></tr>
     <tr mat-row *matRowDef="let myRowData; columns: jitsiRoomsColumns"></tr>
   </table>
-  <mat-paginator [pageSizeOptions]="pageSizeOptions" [length]="jitsiRooms.totalElements"
-    [pageSize]="jitsiRooms.size" (page)="updatePages($event)" showFirstLastButtons></mat-paginator>
+  <mat-paginator [pageSizeOptions]="pageSizeOptions" [length]="jitsiRooms.totalElements" [pageSize]="jitsiRooms.size"
+    (page)="updatePages($event)" showFirstLastButtons></mat-paginator>
 
 </div>