Load icon with platform name

apps/client/src/app/components/platform/create-or-update-platform-dialog/create-or-update-platform-dialog.html

@@ -11,7 +11,7 @@
     <div>
       <mat-form-field appearance="outline" class="w-100">
         <mat-label i18n>Url</mat-label>
-        <input matInput name="name" required [(ngModel)]="data.platform.url" />
+        <input matInput name="url" required [(ngModel)]="data.platform.url" />
       </mat-form-field>
     </div>
   </div>

apps/client/src/app/components/platform/platform.component.html

@@ -27,12 +27,14 @@
             <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
               <ng-container i18n>Name</ng-container>
             </th>
-            <td
+            <td *matCellDef="let element" class="px-1" mat-cell>
-              *matCellDef="let element"
+              <gf-symbol-icon
-              class="d-none d-lg-table-cell px-1"
+                *ngIf="element.url"
-              mat-cell
+                class="d-inline d-sm-none mr-1"
-            >
+                [tooltip]="element.name"
-              {{ element.name }}
+                [url]="element.url"
+              ></gf-symbol-icon>
+              <span>{{ element.name }} </span>
             </td>
           </ng-container>
 

apps/client/src/app/components/platform/platform.module.ts

@@ -7,6 +7,7 @@ import { MatSortModule } from '@angular/material/sort';
 import { MatTableModule } from '@angular/material/table';
 import { GfCreateOrUpdatePlatformDialogModule } from './create-or-update-platform-dialog/create-or-update-platform-dialog.module';
 import { MatMenuModule } from '@angular/material/menu';
+import { GfSymbolIconModule } from '../symbol-icon/symbol-icon.module';
 
 @NgModule({
   declarations: [AdminPlatformComponent],
@@ -14,6 +15,7 @@ import { MatMenuModule } from '@angular/material/menu';
     CommonModule,
     RouterModule,
     MatButtonModule,
+    GfSymbolIconModule,
     MatSortModule,
     MatTableModule,
     MatMenuModule,