expose axes limits in profile viewer options

Author: kecnry

glue_jupyter/common/state_widgets/viewer_profile.py

@@ -1,7 +1,9 @@
 import ipyvuetify as v
+import ipywidgets as widgets
 import traitlets
 from ...state_traitlets_helpers import GlueState
 from ...vuetify_helpers import link_glue_choices
+from ...widgets import AxesLimits
 
 __all__ = ['ProfileViewerStateWidget']
 
@@ -20,6 +22,8 @@ class ProfileViewerStateWidget(v.VuetifyTemplate):
     function_items = traitlets.List().tag(sync=True)
     function_selected = traitlets.Int(allow_none=True).tag(sync=True)
 
+    axes_limits_widget = traitlets.Any().tag(sync=True, **widgets.widget_serialization)
+
     def __init__(self, viewer_state):
         super().__init__()
 
@@ -28,3 +32,5 @@ def __init__(self, viewer_state):
         link_glue_choices(self, viewer_state, 'reference_data')
         link_glue_choices(self, viewer_state, 'x_att')
         link_glue_choices(self, viewer_state, 'function')
+
+        self.axes_limits_widget = AxesLimits(viewer_state)

glue_jupyter/common/state_widgets/viewer_profile.vue

@@ -10,6 +10,10 @@
             <v-select :items="function_items" label="function" v-model="function_selected"/>
         </div>
 
+        <div>
+            <jupyter-widget :widget="axes_limits_widget"></jupyter-widget>
+        </div>
+
         <div class="d-inline-flex flex-wrap">
             <v-btn-toggle dense multiple :value="modeSet" @change="modeSetChange" style="margin-right: 8px">
 

glue_jupyter/widgets/__init__.py

@@ -1,5 +1,6 @@
+from .axes_limits import AxesLimits
 from .color import Color
 from .size import Size
 from .linked_dropdown import LinkedDropdown
 
-__all__ = ['Color', 'Size', 'LinkedDropdown']
+__all__ = ['AxesLimits', 'Color', 'Size', 'LinkedDropdown']

glue_jupyter/widgets/axes_limits.py

@@ -0,0 +1,14 @@
+import ipyvuetify as v
+from ..state_traitlets_helpers import GlueState
+
+__all__ = ['AxesLimits']
+
+
+class AxesLimits(v.VuetifyTemplate):
+    template_file = (__file__, 'axes_limits.vue')
+
+    glue_state = GlueState().tag(sync=True)
+
+    def __init__(self, viewer_state):
+        super().__init__()
+        self.glue_state = viewer_state

glue_jupyter/widgets/axes_limits.vue

@@ -0,0 +1,18 @@
+<template>
+  <v-row>
+    <v-col cols=6>
+      <glue-float-field label="xmin" :value.sync="glue_state.x_min" />
+    </v-col cols=6>
+    <v-col>
+      <glue-float-field label="xmax" :value.sync="glue_state.x_max" />
+    </v-col>
+  </v-row>
+  <v-row>
+    <v-col cols=6>
+      <glue-float-field label="ymin" :value.sync="glue_state.y_min" />
+    </v-col>
+    <v-col cols=6>
+      <glue-float-field label="ymax" :value.sync="glue_state.y_max" />
+    </v-col>
+  </v-row>
+</template>