update device label.

Author: cloudwebrtc

lib/src/call_sample/call_sample.dart

@@ -122,8 +122,8 @@ class _CallSampleState extends State<CallSample> {
     return ListBody(children: <Widget>[
       ListTile(
         title: Text(self
-            ? peer['name'] + '[Your self]'
-            : peer['name'] + '[' + peer['user_agent'] + ']'),
+            ? peer['name'] + ', ID: ${peer['id']} ' + ' [Your self]'
+            : peer['name'] + ', ID: ${peer['id']} '),
         onTap: null,
         trailing: SizedBox(
             width: 100.0,
@@ -143,7 +143,7 @@ class _CallSampleState extends State<CallSample> {
                     tooltip: 'Screen sharing',
                   )
                 ])),
-        subtitle: Text('id: ' + peer['id']),
+        subtitle: Text('[' + peer['user_agent'] + ']'),
       ),
       Divider()
     ]);
@@ -153,7 +153,8 @@ class _CallSampleState extends State<CallSample> {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text('P2P Call Sample'),
+        title: Text('P2P Call Sample' +
+            (_selfId != null ? ' [Your ID ($_selfId)] ' : '')),
         actions: <Widget>[
           IconButton(
             icon: const Icon(Icons.settings),

lib/src/call_sample/data_channel_sample.dart

@@ -126,11 +126,11 @@ class _DataChannelSampleState extends State<DataChannelSample> {
     return ListBody(children: <Widget>[
       ListTile(
         title: Text(self
-            ? peer['name'] + '[Your self]'
-            : peer['name'] + '[' + peer['user_agent'] + ']'),
+            ? peer['name'] + ', ID: ${peer['id']} ' + ' [Your self]'
+            : peer['name'] + ', ID: ${peer['id']} '),
         onTap: () => _invitePeer(context, peer['id']),
         trailing: Icon(Icons.sms),
-        subtitle: Text('id: ' + peer['id']),
+        subtitle: Text('[' + peer['user_agent'] + ']'),
       ),
       Divider()
     ]);
@@ -140,7 +140,8 @@ class _DataChannelSampleState extends State<DataChannelSample> {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text('Data Channel Sample'),
+        title: Text('Data Channel Sample' +
+            (_selfId != null ? ' [Your ID ($_selfId)] ' : '')),
         actions: <Widget>[
           IconButton(
             icon: const Icon(Icons.settings),

lib/src/utils/device_info.dart

@@ -2,7 +2,11 @@ import 'dart:io';
 
 class DeviceInfo {
   static String get label {
-    return Platform.localHostname + '(' + Platform.operatingSystem + ")";
+    return 'Flutter ' +
+        Platform.operatingSystem +
+        '(' +
+        Platform.localHostname +
+        ")";
   }
 
   static String get userAgent {

lib/src/utils/device_info_web.dart

@@ -3,10 +3,13 @@ import 'dart:html' as HTML;
 
 class DeviceInfo {
   static String get label {
-    return 'Flutter Web ( ' + HTML.window.navigator.userAgent + ' )';
+    return 'Flutter Web';
   }
 
   static String get userAgent {
-    return 'flutter-webrtc/web-plugin 0.0.1';
+    return 'flutter-webrtc/web-plugin 0.0.1 ' +
+        ' ( ' +
+        HTML.window.navigator.userAgent +
+        ' )';
   }
 }