web: fix duplicate classes, make generic icon clickable

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

Makefile

@@ -84,6 +84,9 @@ migrate:
 run:
 	go run -v cmd/server/main.go
 
+web-watch:
+	cd web && npm run watch
+
 web: web-lint-fix web-lint web-extract
 
 web-lint-fix:

web/src/elements/notifications/NotificationDrawer.ts

@@ -95,7 +95,7 @@ export class NotificationDrawer extends LitElement {
                         class="pf-c-dropdown__toggle pf-m-plain"
                         href="#/events/log/${item.event?.pk}"
                     >
-                        <i class="fas fas fa-share-square"></i>
+                        <i class="fas fa-share-square"></i>
                     </a>
                 `}
                 <button

web/src/flows/stages/identification/IdentificationStage.ts

@@ -143,7 +143,7 @@ export class IdentificationStage extends BaseStage<
     }
 
     renderSource(source: LoginSource): TemplateResult {
-        let icon = html`<i class="fas fas fa-share-square" title="${source.name}"></i>`;
+        let icon = html`<i class="fas fa-share-square" title="${source.name}"></i>`;
         if (source.iconUrl) {
             icon = html`<img src="${source.iconUrl}" alt="${source.name}" />`;
         }

web/src/pages/applications/ApplicationListPage.ts

@@ -125,7 +125,7 @@ export class ApplicationListPage extends TablePage<Application> {
                 </ak-forms-modal>
                 ${item.launchUrl
                     ? html`<a href=${item.launchUrl} target="_blank" class="pf-c-button pf-m-plain">
-                          <i class="fas fas fa-share-square"></i>
+                          <i class="fas fa-share-square"></i>
                       </a>`
                     : html``}`,
         ];

web/src/pages/events/EventListPage.ts

@@ -70,7 +70,7 @@ export class EventListPage extends TablePage<Event> {
             html`<span>${item.clientIp || t`-`}</span>`,
             html`<span>${item.tenant?.name || t`-`}</span>`,
             html`<a href="#/events/log/${item.pk}">
-                <i class="fas fas fa-share-square"></i>
+                <i class="fas fa-share-square"></i>
             </a>`,
         ];
     }

web/src/user/LibraryApplication.ts

@@ -73,14 +73,15 @@ export class LibraryApplication extends LitElement {
             style="background: ${this.background} !important"
         >
             <div class="pf-c-card__header">
-                ${this.application.metaIcon
-                    ? html`<a href="${ifDefined(this.application.launchUrl ?? "")}"
-                          ><img
+                <a href="${ifDefined(this.application.launchUrl ?? "")}">
+                    ${this.application.metaIcon
+                        ? html`<img
                               class="app-icon pf-c-avatar"
                               src="${ifDefined(this.application.metaIcon)}"
                               alt="${t`Application Icon`}"
-                      /></a>`
-                    : html`<i class="fas fas fa-share-square"></i>`}
+                          />`
+                        : html`<i class="fas fa-share-square"></i>`}
+                </a>
                 ${until(
                     uiConfig().then((config) => {
                         if (!config.enabledFeatures.applicationEdit) {