fix

app/app-detail.component.css

@@ -39,5 +39,15 @@ progress {
 #network {
     display: inline-block;
     vertical-align: middle;
-    width: 240px;
+    width: 300px;
+}
+
+#network .input-group-btn>.btn:not(:last-child):not(.dropdown-toggle){
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+}
+
+#network .input-group-btn>.dropdown-toggle{
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
 }
\ No newline at end of file

app/app-detail.component.html

@@ -24,10 +24,13 @@
     <div id="network" *ngIf="appsService.currentApp.network && appsService.currentApp.network.protocol == 'maotama'">
         <div class="input-group">
             <input *ngIf="appsService.connections.get(appsService.currentApp)" [value]="appsService.connections.get(appsService.currentApp)" readonly type="text" class="form-control" aria-label="Text input with dropdown button">
-            <div class="input-group-btn btn-group">
-                <button *ngIf="!appsService.connections.get(appsService.currentApp)" (click)="appsService.network(appsService.currentApp, appsService.currentApp.network.servers[0])" type="button" class="btn btn-secondary" aria-haspopup="true" aria-expanded="false">
+            <div class="input-group-btn">
+                <button *ngIf="!appsService.connections.get(appsService.currentApp)" (click)="appsService.network(appsService.currentApp, appsService.currentApp.network.servers[0])" type="button" class="btn btn-secondary">
                     联机
                 </button>
+                <button *ngIf="appsService.connections.get(appsService.currentApp)" (click)="copy(appsService.connections.get(appsService.currentApp))" type="button" class="btn btn-secondary">
+                    复制
+                </button>
                 <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split"
                         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="height: 38px;">
                     <span class="sr-only">Toggle Dropdown</span>

app/app-detail.component.ts

@@ -10,11 +10,11 @@ declare var $;
 
 const readline = System._nodeRequire('readline');
 const os = System._nodeRequire('os');
-const electron = System._nodeRequire('electron');
+const {clipboard, remote} = System._nodeRequire('electron');
 const sudo = new (System._nodeRequire('electron-sudo').default)({name: 'MyCard'});
 
 sudo.fork = function (modulePath, args, options) {
-    return sudo.spawn(electron.remote.app.getPath('exe'), ['-e', modulePath]).then((child)=> {
+    return sudo.spawn(remote.app.getPath('exe'), ['-e', modulePath]).then((child)=> {
         readline.createInterface({input: child.stdout}).on('line', (line) => {
             child.emit('message', JSON.parse(line));
         });
@@ -136,7 +136,7 @@ export class AppDetailComponent implements OnInit {
     }
 
     selectDir() {
-        let dir = this.electron.remote.dialog.showOpenDialog({properties: ['openFile', 'openDirectory']});
+        let dir = remote.dialog.showOpenDialog({properties: ['openFile', 'openDirectory']});
         console.log(dir);
         this.appsService.installConfig.installDir = dir[0];
         return dir[0];
@@ -177,11 +177,15 @@ export class AppDetailComponent implements OnInit {
 
         handle.on('close', (code) => {
             console.log(`child process exited with code ${code}`);
-            this.electron.remote.getCurrentWindow().restore();
+            remote.getCurrentWindow().restore();
         });
 
-        this.electron.remote.getCurrentWindow().minimize();
+        remote.getCurrentWindow().minimize();
 
     }
 
+    copy(text){
+        clipboard.writeText(text);
+    }
+
 }