Update message to download & install xds-agent.

[src/xds/xds-server.git] / webapp / src / app / config / downloadXdsAgent.component.ts

diff --git a/webapp/src/app/config/downloadXdsAgent.component.ts b/webapp/src/app/config/downloadXdsAgent.component.ts
index 7a08174..b35a17f 100644 (file)
--- a/webapp/src/app/config/downloadXdsAgent.component.ts
+++ b/webapp/src/app/config/downloadXdsAgent.component.ts
@@ -4,6 +4,7 @@ import { IxdsAgentPackage } from "../services/config.service";
 
 @Component({
     selector: 'dl-xds-agent',
+    /* XXX - cleanup
     template: `
         <template #popTemplate>
             <h3>Download xds-agent packages:</h3>
@@ -20,6 +21,26 @@ import { IxdsAgentPackage } from "../services/config.service";
             placement="left">
         </button>
     `,
+*/
+    template: `
+        <template #popTemplate>
+            <h3>Install xds-agent:</h3>
+            <ul>
+                <li>On Linux machine <a href="{{url_OS_Linux}}" target="_blank">
+                <span class="fa fa-external-link"></span></a></li>
+
+                <li>On Windows machine <a href="{{url_OS_Other}}" target="_blank"><span class="fa fa-external-link"></span></a></li>
+
+                <li>On MacOS machine <a href="{{url_OS_Other}}" target="_blank"><span class="fa fa-external-link"></span></a></li>
+            </ul>
+            <button type="button" class="btn btn-sm" (click)="pop.hide()"> Cancel </button>
+        </template>
+        <button type="button" class="btn btn-link fa fa-download fa-size-x2"
+            [popover]="popTemplate"
+            #pop="bs-popover"
+            placement="left">
+        </button>
+        `,
     styles: [`
         .fa-size-x2 {
             font-size: 20px;
@@ -31,6 +52,8 @@ export class DlXdsAgentComponent {
 
     @Input() packageUrls: IxdsAgentPackage[];
 
+    public url_OS_Linux = "https://en.opensuse.org/LinuxAutomotive#Installation_AGL_XDS";
+    public url_OS_Other = "https://github.com/iotbzh/xds-agent#how-to-install-on-other-platform";
 }
 
 @Pipe({