gui FEATURE device autoconnect
Let user to specify certain devices to be automatically connected when
the user login. It is actually not strictly when the user login, but
as soon as he opens Netopeer tab first time after login.
The patch also adds possibility to add own name to the device in the
inventory. Such a name is then used in configuration tab when the device
is connected.
Another change is that Netopeer dashboard now shows the currently connected
device. This is mainly due to the autoconnection feature to see that it
works and to allow simly go to the autoconnected device configuration.
Fixes #7
diff --git a/frontend/dashboard.component.html b/frontend/dashboard.component.html
index 74c752b..cfab95d 100644
--- a/frontend/dashboard.component.html
+++ b/frontend/dashboard.component.html
@@ -1,10 +1,19 @@
<div class="netopeer-content" id="netopeer-dashboard">
-
- <p>Dashboard (TBD)</p>
- <ul>
- <li>some tutorial/help on first login</li>
- <li>information and quick links from history (last connected devices, last received notifications, last user activity, etc)</li>
- <li>...</li>
- </ul>
-
+ <table class="items">
+ <tr class="item_header">
+ <th class="item_left"> </th>
+ <th >Currently connected devices</th>
+ <th class="item_right">autoconnect</th>
+ </tr>
+ <tr class="item" *ngFor="let session of sessionsService.sessions" (click)="gotoConfig(session)">
+ <td class="item_left item_actions">
+ <img class="item_action_delete" src="assets/netopeer/icons/close.svg" alt="x" title="disconnect"
+ onmouseover="this.src='assets/netopeer/icons/close_active.svg'"
+ onmouseout="this.src='assets/netopeer/icons/close.svg'" (click)="sessionsService.close(session.key).subscribe(); $event.stopPropagation()"/>
+ </td>
+ <td>{{session.device.name}}</td>
+ <td class="item_right"><input type="checkbox" name="autoconnect" disabled [checked]="session.device.autoconnect"
+ title="Automatically connect the device on user login."/></td>
+ </tr>
+ </table>
</div>