updated ui selection for monitors and supported dragging pointer

Author: spikeonit

PointerApplication/App.config

@@ -13,5 +13,6 @@
   </runtime>
   <appSettings>
     <add key="rootFolder" value="./www" />
+    <add key="pointerImage" value="green-triangle-arrow.png"/>
   </appSettings>
 </configuration>

PointerApplication/MainWindow.xaml.cs

@@ -1,12 +1,14 @@
 using System;
+using System.Configuration;
 using System.Drawing;
+using System.Globalization;
 using System.IO;
 using System.Linq;
 using System.Windows;
 using System.Windows.Forms;
 using System.Windows.Media.Imaging;
-using Microsoft.AspNet.SignalR.Client;
 using Microsoft.Owin.Hosting;
+using Microsoft.AspNet.SignalR.Client;
 using Image = System.Windows.Controls.Image;
 
 namespace PointerApplication
@@ -17,6 +19,7 @@ public partial class MainWindow : Window
         private const double CLIENT_DISPLAY_HEIGHT = 480;
         private const double CLIENT_DISPLAY_WIDTH = 640;
         private const string REMOTE_URL_PATH = "http://{0}:8181";
+ 
         public MainWindow()
         {
             InitializeComponent();
@@ -49,9 +52,14 @@ public MainWindow()
                         this.Show();
                         this.Activate();
                     });
-                }
+                } 
+
+                
+                
+
             });
             hubPointerConnection.Start();
+            
         }
 
         private PositionData ParsePositionData(string data)
@@ -60,16 +68,28 @@ private PositionData ParsePositionData(string data)
             return new PositionData()
             {
                 ScreenPosition = int.Parse(items[0]),
-                HorizontalPosition = int.Parse(items[1]),
-                VerticalPosition = int.Parse(items[2])
+                HorizontalPosition = GetIntegerValue(items[1]),
+                VerticalPosition = GetIntegerValue(items[2])
             };
         }
 
+        private int GetIntegerValue(string value)
+        {
+            var integerValue = 0.0;
+            if (double.TryParse(value, out integerValue))
+            {
+                return (int)integerValue;
+            }
+
+            return 0;
+        }
+
         private void Image_Loaded(object sender, RoutedEventArgs e)
         {
+            var imageName = ConfigurationManager.AppSettings["pointerImage"];
             BitmapImage b = new BitmapImage();
             b.BeginInit();
-            var imagePath = Path.Combine(Environment.CurrentDirectory, "lookhere.png");
+            var imagePath = Path.Combine(Environment.CurrentDirectory, "images",imageName);
             b.UriSource = new Uri(imagePath);
             b.EndInit();
 

PointerApplication/PointerHub.cs

@@ -1,4 +1,5 @@
-using Microsoft.AspNet.SignalR;
+using System.Windows.Forms;
+using Microsoft.AspNet.SignalR;
 
 namespace PointerApplication
 {
@@ -8,5 +9,10 @@ public void Send(string name, string message)
         {
             Clients.All.addMessage(name, message);
         }
+
+        public int GetMonitorCount()
+        {
+            return Screen.AllScreens.Length;
+        }
     }
 }

PointerApplication/PointerServer.csproj

@@ -189,19 +189,28 @@
     </None>
   </ItemGroup>
   <ItemGroup>
+    <None Include="images\lookhere.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </None>
+    <None Include="images\green-triangle-arrow.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </None>
     <Content Include="www\css\index.css">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </Content>
+    <None Include="www\images\monitor.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </None>
+    <None Include="www\images\monitor_gray.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </None>
     <Content Include="www\index.html">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </Content>
     <Content Include="www\scripts\index.js">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </Content>
-    <None Include="www\small_red_dot.png">
-      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
-    </None>
-    <None Include="lookhere.png">
+    <None Include="www\images\small_red_dot.png">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </None>
   </ItemGroup>

PointerApplication/images/green-triangle-arrow.png

@@ -11,10 +11,35 @@
     overflow: hidden;
     background-color: #F2F2F2;
     cursor: pointer;
+    float: left;
+    position: relative;
 }
 
 .lookHereImage {
     position: relative;
     left: 50px;
     top: 50px;
 }
+
+.activeMonitor {
+     height: 60px;
+    width: 90px; 
+     background-repeat: no-repeat;
+    background-image: url('/images/monitor.png');
+    position: relative;
+    float: left;
+}
+
+
+.inactiveMonitor {
+     height: 60px;
+    width: 90px; 
+     background-repeat: no-repeat;
+    background-image: url('/images/monitor_gray.png');
+    position: relative;
+    float: left;
+}
+
+.hidden {
+    visibility: hidden;
+}