Added Ot_picture_uploader.

Makefile.options

@@ -40,9 +40,9 @@ TEMPLATE_DIR := template.distillery
 TEMPLATE_NAME := none.pgocaml
 
 # OCamlfind packages for the server
-SERVER_PACKAGES := calendar lwt.ppx
+SERVER_PACKAGES := calendar lwt.ppx js_of_ocaml.deriving.ppx
 # OCamlfind packages for the client
-CLIENT_PACKAGES := calendar js_of_ocaml.ppx lwt.ppx
+CLIENT_PACKAGES := calendar js_of_ocaml.ppx lwt.ppx js_of_ocaml.deriving.ppx
 
 # Debug package (yes/no): Debugging info in compilation
 DEBUG := no

css/ot_defaults.css

@@ -155,4 +155,4 @@ th.ot-c-header {
 .ot-tp-clock-min {
     animation-name: shake-animation;
     animation-duration: .1s;
-}
+}

css/ot_picture_uploader.css

@@ -0,0 +1,106 @@
+.ot-pup-ctrls {
+    position: absolute ;
+    overflow: visible ;
+    top: 0px ;
+    left: 0px ;
+    right: 0px ;
+    bottom: 0px ;
+    cursor: move ;
+}
+.ot-pup-ctrl { position: absolute ; }
+.ot-pup-ctrl-t {
+    top: 0px ;
+    left: 10px ;
+    right: 10px ;
+    height: 10px ;
+    cursor: n-resize ;
+}
+.ot-pup-ctrl-tr {
+    right: 0px ;
+    top: 0px ;
+    width: 10px ;
+    height: 10px ;
+    cursor: ne-resize ;
+}
+.ot-pup-ctrl-r {
+    right: 0px ;
+    top: 10px ;
+    bottom: 10px ;
+    width: 10px ;
+    cursor: e-resize ;
+}
+.ot-pup-ctrl-br {
+    right: 0px ;
+    bottom: 0px ;
+    width: 10px ;
+    height: 10px ;
+    cursor: se-resize ;
+}
+.ot-pup-ctrl-b {
+    bottom: 0px ;
+    left: 10px ;
+    right: 10px ;
+    height: 10px ;
+    cursor: s-resize ;
+}
+.ot-pup-ctrl-bl {
+    left: 0px ;
+    bottom: 0px ;
+    width: 10px ;
+    height: 10px ;
+    cursor: sw-resize ;
+}
+.ot-pup-ctrl-l {
+    left: 0px ;
+    top: 10px ;
+    bottom: 10px ;
+    width: 10px ;
+    cursor: w-resize ;
+}
+.ot-pup-ctrl-tl {
+    left: 0px ;
+    top: 0px ;
+    width: 10px ;
+    height: 10px ;
+    cursor: nw-resize ;
+}
+.ot-pup-fltr {
+    background-color: rgba(255, 255, 255, .5) ;
+    position: absolute ;
+}
+.ot-pup-fltr-t {
+    top: 0px ;
+    right: 0px ;
+    left: 0px ;
+}
+.ot-pup-fltr-b {
+    bottom: 0px ;
+    right: 0px ;
+    left: 0px ;
+}
+.ot-pup-fltr-l {
+    left: 0px ;
+    top: 0px ;
+    bottom: 0px ;
+}
+.ot-pup-fltr-r {
+    right: 0px ;
+    top:0px ;
+    bottom: 0px ;
+}
+.ot-pup-crop-container {
+    position: absolute ;
+    top:0px ;
+    left:0px ;
+    right:0px ;
+    bottom:0px ;
+}
+.ot-pup-preview {
+    width: 100% ;
+    display: block ;
+}
+.ot-pup-container {
+    position: relative ;
+    width: 100% ;
+}
+.ot-no-file .ot-pup-container { display: none ; }