add image_click: make image bigger on click

src/js_thread.ml

@@ -1,6 +1,6 @@
 let log = Format.printf
 
-(* called by clicking post_id to reply *)
+(* called by clicking post_id *)
 (* insert id into reply form *)
 let insert_quote post_id =
   log "quote@.";
@@ -16,3 +16,37 @@ let insert_quote post_id =
     Jv.undefined
 
 let () = Jv.set Jv.global "insert_quote" (Jv.repr insert_quote)
+
+(*change postImage class to make it bigger/smaller on click*)
+let image_click post_image event =
+  log "image_click@.";
+  let current_class =
+    Jv.to_string @@ Jv.call post_image "getAttribute" [| Jv.of_string "class" |]
+  in
+  let new_class =
+    match current_class with
+    | "postImage" -> "postImageBig"
+    | "postImageBig" -> "postImage"
+    | _ -> failwith "invalid image class name"
+  in
+  ignore
+  @@ Jv.call post_image "setAttribute"
+       [| Jv.of_string "class"; Jv.of_string new_class |];
+  (*prevent opening image in new tab*)
+  ignore @@ Jv.call event "preventDefault" [||];
+  ()
+
+(*add event image_click to all postImage*)
+let () =
+  let document = Jv.get Jv.global "document" in
+  let post_images =
+    Jv.to_jv_list
+    @@ Jv.call document "getElementsByClassName" [| Jv.of_string "postImage" |]
+  in
+  let add_click el =
+    ignore
+    @@ Jv.call el "addEventListener"
+         [| Jv.of_string "click"; Jv.repr (image_click el) |]
+  in
+  List.iter add_click post_images;
+  ()