[ENG-8255][ENG-8244] Show item name when deleting linked service; fix linked service page for mobile (#2593)

Author: adlius

app/guid-node/addons/index/template.hbs

@@ -243,10 +243,18 @@
                                     {{manager.selectedConfiguration.displayName}}
                                 </div>
                                 <div>
-                                    {{#if manager.selectedConfiguration.rootFolder}}
-                                        {{manager.selectedConfiguration.rootFolderName}}
+                                    {{#if (instance-of manager.selectedConfiguration 'ConfiguredLinkAddon')}}
+                                        {{#if manager.selectedConfiguration.targetUrl}}
+                                            {{manager.selectedConfiguration.targetItemName}}
+                                        {{else}}
+                                            {{t 'addons.list.target-not-set'}}
+                                        {{/if}}
                                     {{else}}
-                                        {{t 'addons.list.root-folder-not-set'}}
+                                        {{#if manager.selectedConfiguration.rootFolder}}
+                                            {{manager.selectedConfiguration.rootFolderName}}
+                                        {{else}}
+                                            {{t 'addons.list.root-folder-not-set'}}
+                                        {{/if}}
                                     {{/if}}
                                 </div>
                                 <div>

app/guid-node/links/styles.scss

@@ -9,6 +9,10 @@
     padding-top: 10px;
 }
 
+.edit-header {
+    min-width: 30px;
+}
+
 .table-row {
     border-bottom: 1px solid $color-border-gray;
 }

app/guid-node/links/template.hbs

@@ -7,7 +7,7 @@
                     <th local-class='table-header'>{{t 'links.linked-service'}}</th>
                     <th local-class='table-header'>{{t 'links.display-name'}}</th>
                     <th local-class='table-header'>{{t 'links.resource-type'}}</th>
-                    <th local-class='table-header'>
+                    <th local-class='table-header edit-header'>
                         {{#if this.currentUserCanEdit}}
                             <OsfLink
                                 @route='guid-node.addons'

app/helpers/instance-of.ts

@@ -0,0 +1,20 @@
+import { getOwner } from '@ember/application';
+import { assert } from '@ember/debug';
+
+import Helper from '@ember/component/helper';
+
+export default class InstanceOf extends Helper {
+    compute([object, className]: [any, string]) {
+        if (!object || typeof className !== 'string') {
+            return false;
+        }
+        // Look up the class from the container
+        const owner = getOwner(this);
+        const klass = owner.factoryFor(`model:${className}`)?.class;
+        if (!klass) {
+            assert(`Class "${className}" not found`);
+            return false;
+        }
+        return object instanceof klass;
+    }
+}

translations/en-us.yml

@@ -247,6 +247,7 @@ addons:
         confirm-remove-connected-location: 'You are about to disconnect the addon below from the project.'
         connected-to-account: 'Connected to account'
         root-folder-not-set: 'Root folder not set'
+        target-not-set: 'Target not set'
         sync-details-1: 'Sync your projects with external services to help stay connected and organized. Select a category and browse the options.'
         sync-details-2: 'To manage all add-ons connected to your account, visit your profile settings.'
         sync-details-3: 'Manage your connected Add-ons, re-authorize, disconnect account, or disconnect project'