initial changes

Author: cpparts

js/models/event_handler.js

@@ -46,6 +46,15 @@ export default class EventHandler {
     this.model.set("_wcs", this.aladin.getViewWCS());
   }
 
+  /**
+   * Updates the view center rotation in the model.
+   * WARNING: This method don't call model.save_changes()!
+   */
+  updateRotation() {
+    if (!this.isLastDiv()) return;
+    this.model.set("_rotation", this.aladin.getRotation());
+  }
+
   /**
    * Updates the 2-axis FoV in the model.
    * WARNING: This method don't call model.save_changes()!
@@ -138,6 +147,15 @@ export default class EventHandler {
       this.model.save_changes();
     });
 
+    /* Rotation control */
+    this.model.on("change:_rotation", () => {
+      setRotation(this.model.get("_rotation"), this.aladinDiv);
+      // Update WCS and FoV only if this is the last div
+      this.updateWCS();
+      this.update2AxisFoV();
+      this.model.save_changes();
+    });
+
     /* Aladin callbacks */
 
     this.aladin.on("cooFrameChanged", () => {
@@ -273,6 +291,7 @@ export default class EventHandler {
     this.eventHandlers = {
       add_marker: this.messageHandler.handleAddMarker,
       change_fov: this.messageHandler.handleChangeFoV,
+      change_rotation: this.messageHandler.handleChangeRotation,
       goto_ra_dec: this.messageHandler.handleGotoRaDec,
       save_view_as_image: this.messageHandler.handleSaveViewAsImage,
       add_fits: this.messageHandler.handleAddFits,
@@ -302,6 +321,7 @@ export default class EventHandler {
     this.model.off("change:_target");
     this.model.off("change:_fov");
     this.model.off("change:_height");
+    this.model.off("change:_rotation");
     this.model.off("change:coo_frame");
     this.model.off("change:survey");
     this.model.off("change:overlay_survey");

js/models/message_handler.js

@@ -38,6 +38,10 @@ export default class MessageHandler {
     this.aladin.gotoRaDec(msg["ra"], msg["dec"]);
   }
 
+  handleChangeRotation(msg) {
+    this.aladin.setRotation(msg["rotation"]);
+  }
+
   async handleSaveViewAsImage(msg) {
     const path = msg["path"];
     const format = msg["format"];

js/widget.js

@@ -31,14 +31,16 @@ function initAladinLite(model, el) {
   const raDec = model.get("_target").split(" ");
   aladin.gotoRaDec(raDec[0], raDec[1]);
 
-  // Set current FoV and WCS
+  // Set current FoV, WCS, and rotation
   const twoAxisFoV = { ...aladin.getFov() };
   model.set("_fov_xy", {
     x: twoAxisFoV[0],
     y: twoAxisFoV[1],
   });
   const wcs = { ...aladin.getViewWCS() };
   model.set("_wcs", wcs);
+  const rotation = { ...aladin.getRotation() };
+  model.set("_rotation", rotation);
   model.set("_is_loaded", true);
   model.save_changes();
 

src/ipyaladin/widget.py

@@ -143,6 +143,7 @@ class Aladin(anywidget.AnyWidget):
     # Options for the view initialization
     _init_options = traitlets.Dict().tag(sync=True)
     _height = Int(400).tag(sync=True, init_option=True)
+    _rotation = Float(0).tag(sync=True, init_option=True)
     _target = Unicode(
         "0 0",
         help="A private trait that stores the current target of the widget in a string."
@@ -222,6 +223,7 @@ def __init__(self, *args: any, **init_options: any) -> None:
             init_options.pop(key, None)
         # some init options are properties here
         self.height = init_options.get("height", self._height)
+        self.rotation = init_options.get("rotation", self._rotation)
         self.target = init_options.get("target", self._target)
         self.fov = init_options.get("fov", self._fov)
         # apply different default options from Aladin-Lite
@@ -294,6 +296,32 @@ def height(self, height: int) -> None:
         self._fov_xy = {}
         self._height = height
 
+    @property
+    def rotation(self) -> float:
+        """The center rotation of the widget.
+
+        This is the view center to north pole angle in degrees.
+        This is equivalent to getting the 3rd Euler angle.
+        Positive angles rotates the view in the counter clockwise
+        order (or towards the east).
+
+        Returns
+        -------
+        float
+            The center rotation of the widget in degrees.
+            The default rotation is 0 degrees.
+        """
+        return self._rotation
+
+    @rotation.setter
+    def rotation(self, rotation: float) -> None:
+        if np.isclose(self._rotation, rotation):
+            return
+        self._wcs = {}
+        self._fov_xy = {}
+        self._rotation = rotation
+        self.send({"event_name": "change_rotation", "rotation": rotation})
+
     @property
     def wcs(self) -> WCS:
         """The world coordinate system corresponding to the current view of ipyaladin.