refactor: support stalker portal in playlist-item cmp

src/app/home/recent-playlists/playlist-item/playlist-item.component.html

@@ -14,7 +14,7 @@
     <mat-icon
         matListItemAvatar
         class="upload-type-icon"
-        *ngIf="!item?.url && !item.serverUrl"
+        *ngIf="!item?.url && !item.serverUrl && !item.macAddress"
         [matTooltip]="'HOME.PLAYLISTS.ADDED_VIA_FILE' | translate"
         >folder</mat-icon
     >
@@ -25,9 +25,18 @@
         [matTooltip]="'HOME.PLAYLISTS.XTREAM_PLAYLIST' | translate"
         >public</mat-icon
     >
+    <mat-icon
+        matListItemAvatar
+        class="upload-type-icon"
+        *ngIf="item?.macAddress"
+        [matTooltip]="'HOME.PLAYLISTS.STALKER_PORTAL' | translate"
+        >dashboard</mat-icon
+    >
     <div matListItemTitle>{{ item.title || item.filename }}</div>
     <div matListItemLine class="meta">
-        <ng-container *ngIf="!item.serverUrl; else xtreamPlaylist">
+        <ng-container
+            *ngIf="!item.serverUrl && !item.portalUrl; else xtreamPlaylist"
+        >
             {{ 'HOME.PLAYLISTS.CHANNELS' | translate }}: {{ item.count }}
             <ng-container *ngIf="item.importDate?.length > 3">
                 | {{ 'HOME.PLAYLISTS.ADDED' | translate }}:
@@ -35,7 +44,7 @@
             </ng-container>
             <ng-container *ngIf="item.updateDate">
                 | {{ 'HOME.PLAYLISTS.UPDATED' | translate }}:
-                {{ item.updateDate | date : 'MMMM d, yyyy, HH:mm' }}
+                {{ item.updateDate | date: 'MMMM d, yyyy, HH:mm' }}
             </ng-container>
             <ng-container *ngIf="item.updateState === 2">
                 <mat-icon
@@ -48,7 +57,7 @@
             </ng-container>
         </ng-container>
         <ng-template #xtreamPlaylist
-            >Xtream Code Playlist
+            >Xtream/Stalker Playlist
             <ng-container *ngIf="item.importDate?.length > 3">
                 | {{ 'HOME.PLAYLISTS.ADDED' | translate }}:
                 {{ item.importDate | date }}