diff --git a/api/api.go b/api/api.go
index 683d0ea..ea7cbba 100644
--- a/api/api.go
+++ b/api/api.go
@@ -470,6 +470,21 @@ func (api *ManagementAPI) DeleteEvents(w http.ResponseWriter, r *http.Request) {
 	}
 }
 
+// Trigger trap
+func (api *ManagementAPI) TriggerTrap(w http.ResponseWriter, r *http.Request) {
+	log.Println("triggering trap")
+	err := eventclient.AddEvent(eventclient.Event{
+		Timestamp: time.Now(),
+		Type:      "trapped",
+		Details:   map[string]interface{}{"test": true},
+	})
+
+	if err != nil {
+		badRequest(&w, err)
+		return
+	}
+}
+
 // CheckSaltConnection will try to ping the salt server and return the response
 func (api *ManagementAPI) CheckSaltConnection(w http.ResponseWriter, r *http.Request) {
 	log.Println("pinging salt server")
diff --git a/cmd/managementd/main.go b/cmd/managementd/main.go
index f85582d..6c2137a 100644
--- a/cmd/managementd/main.go
+++ b/cmd/managementd/main.go
@@ -120,6 +120,7 @@ func main() {
 	apiRouter.HandleFunc("/event-keys", apiObj.GetEventKeys).Methods("GET")
 	apiRouter.HandleFunc("/events", apiObj.GetEvents).Methods("GET")
 	apiRouter.HandleFunc("/events", apiObj.DeleteEvents).Methods("DELETE")
+	apiRouter.HandleFunc("/trigger-trap", apiObj.TriggerTrap).Methods("PUT")
 	apiRouter.HandleFunc("/check-salt-connection", apiObj.CheckSaltConnection).Methods("GET")
 	apiRouter.HandleFunc("/salt-update", apiObj.StartSaltUpdate).Methods("POST")
 	apiRouter.HandleFunc("/salt-update", apiObj.GetSaltUpdateState).Methods("GET")
@@ -185,7 +186,7 @@ func WebsocketServer(ws *websocket.Conn) {
 				}
 				socketsLock.Unlock()
 				if firstSocket {
-					log.Print("Git new client register")
+					log.Print("Get new client register")
 					haveClients <- true
 				}
 			}
diff --git a/html/camera.html b/html/camera.html
index 6af300c..490e060 100644
--- a/html/camera.html
+++ b/html/camera.html
@@ -13,11 +13,14 @@
 
     <div class="container">
       <h2>Camera</h2>
+      <button id="trigger-trap" style="position: relative;display: none" type="button">
+        Trigger trap
+      </button>
       <button id="take-snapshot-recording" style="position: relative" type="button">
         Take test recording
       </button>
       <div id="snapshot-stopped" style="display: none">
-        
+
         <p id="snapshot-stopped-message"></p>
         <button id="snapshot-restart" type="button">
           Continue viewing camera
diff --git a/static/js/camera.ts b/static/js/camera.ts
index ee639fa..efd60aa 100644
--- a/static/js/camera.ts
+++ b/static/js/camera.ts
@@ -68,23 +68,23 @@ function restartCameraViewing() {
   }
 }
 
-async function takeTestRecording() {
-  document.getElementById("take-snapshot-recording")!.innerText = 'Making a test recording';
-  document.getElementById("take-snapshot-recording")!.setAttribute("disabled", "true");
-  console.log("making a test recording");
-  fetch('/api/camera/snapshot-recording', {
+async function triggerTrap() {
+  document.getElementById("trigger-trap")!.innerText = 'Triggering trap';
+  document.getElementById("trigger-trap")!.setAttribute("disabled", "true");
+  console.log("triggering trap");
+  fetch('/api/trigger-trap', {
     method: 'PUT',
   headers: {
     'Authorization': 'Basic YWRtaW46ZmVhdGhlcnM='
   }})
-  
+
   .then(response => console.log(response))
   .then(data => console.log(data))
   .catch(error => console.error(error))
   //TODO handle errors better and check that recording was made properly instead of just waiting..
   await new Promise(r => setTimeout(r, 3000));
-  document.getElementById("take-snapshot-recording")!.removeAttribute("disabled");
-  document.getElementById("take-snapshot-recording")!.innerText = 'Take test recording';
+  document.getElementById("trigger-trap")!.removeAttribute("disabled");
+  document.getElementById("trigger-trap")!.innerText = 'Trigger trap';
 }
 
 window.onload = function () {
@@ -93,6 +93,7 @@ window.onload = function () {
     snapshotLimit = Number.MAX_SAFE_INTEGER;
   }
   document.getElementById("snapshot-restart")!.onclick = restartCameraViewing;
+  document.getElementById("trigger-trap")!.onclick = triggerTrap;
   document.getElementById("take-snapshot-recording")!.onclick = takeTestRecording;
   cameraConnection = new CameraConnection(
     window.location.hostname,
@@ -102,6 +103,25 @@ window.onload = function () {
   );
 };
 
+async function takeTestRecording() {
+  document.getElementById("take-snapshot-recording")!.innerText = 'Making a test recording';
+  document.getElementById("take-snapshot-recording")!.setAttribute("disabled", "true");
+  console.log("making a test recording");
+  fetch('/api/camera/snapshot-recording', {
+    method: 'PUT',
+  headers: {
+    'Authorization': 'Basic YWRtaW46ZmVhdGhlcnM='
+  }})
+
+  .then(response => console.log(response))
+  .then(data => console.log(data))
+  .catch(error => console.error(error))
+  //TODO handle errors better and check that recording was made properly instead of just waiting..
+  await new Promise(r => setTimeout(r, 3000));
+  document.getElementById("take-snapshot-recording")!.removeAttribute("disabled");
+  document.getElementById("take-snapshot-recording")!.innerText = 'Take test recording';
+}
+
 function stopSnapshots(message: string) {
   if (cameraConnection) {
     cameraConnection.close();
@@ -170,13 +190,21 @@ function drawRectWithText(
 
 async function processFrame(frame: Frame) {
   const canvas = document.getElementById("frameCanvas") as HTMLCanvasElement;
+
   const trackCanvas = document.getElementById(
     "trackCanvas"
   ) as HTMLCanvasElement;
-
   if (canvas == null) {
     return;
   }
+  if( canvas.width !=  frame.frameInfo.Camera.ResX){
+    canvas.width =     frame.frameInfo.Camera.ResX
+    trackCanvas.width =     frame.frameInfo.Camera.ResX
+  }
+  if(canvas.height !=  frame.frameInfo.Camera.ResY){
+    canvas.height =     frame.frameInfo.Camera.ResY
+    trackCanvas.height =     frame.frameInfo.Camera.ResY
+  }
   const context = canvas.getContext("2d") as CanvasRenderingContext2D;
   const imgData = context.getImageData(
     0,
@@ -184,12 +212,29 @@ async function processFrame(frame: Frame) {
     frame.frameInfo.Camera.ResX,
     frame.frameInfo.Camera.ResY
   );
-  const max = Math.max(...frame.frame);
-  const min = Math.min(...frame.frame);
-  const range = max - min;
+  //  gp hack to see if ir camera, dbus from python makes dictionary have to be all int type
+  let irCamera = frame.frameInfo.Camera.Model=="2";
+  if(irCamera){
+    document.getElementById("trigger-trap")!.style.display = "";
+  }else{
+    document.getElementById("trigger-trap")!.style.display = "none";
+  }
+  let max=0;
+  let min=0;
+  let range=0;
+  if (!irCamera){
+    max = Math.max(...frame.frame);
+    min = Math.min(...frame.frame);
+    range = max - min;
+  }
   let maxI = 0;
   for (let i = 0; i < frame.frame.length; i++) {
-    const pix = Math.min(255, ((frame.frame[i] - min) / range) * 255.0);
+    let pix = 0
+    if(irCamera){
+      pix = frame.frame[i]
+    }else{
+       pix = Math.min(255, ((frame.frame[i] - min) / range) * 255.0);
+    }
     let index = i * 4;
     imgData.data[index] = pix;
     imgData.data[index + 1] = pix;