fix ui thanks to testing with ipyaladin + move some old data for the …

…examples

examples/al-customize-button.html

@@ -24,20 +24,10 @@
             }
         );
 
-        let toolbar = A.toolbar({
-            cssStyle: {
-                backgroundColor: 'white',
-                border: '2px solid green',
-            },
+        let btn = A.button({
+            content: 'My button',
             position: {
                 anchor: 'left bottom'
-            }
-        });
-
-        let btn = A.button({
-            content: 'Draw your coverage',
-            cssStyle: {
-                backgroundColor: 'pink',
             },
             tooltip: {cssStyle: {color: 'red'}, content: 'Create a moc in pink!', position: {direction: 'top'}},
             action(o) {
@@ -64,15 +54,27 @@
         });
         let btn2 = A.button({
             content: 'I do nothing',
-            cssStyle: {
-                backgroundColor: 'pink',
-            },
             tooltip: {cssStyle: {color: 'red'}, content: 'Create a moc in pink!', position: {direction: 'top'}},
         });
-        toolbar.add([btn, btn2])
 
-        aladin.addUI(toolbar)
+        aladin.addUI(btn)
+
+        aladin.addUI(A.box({
+            header: {
+                title: "My window",
+                draggable: true,
+            },
+            content: "This is the content of my window<br/> I can write proper html",
+            position: {
+                anchor: 'center center'
+            }
+        }))
 
+        aladin.appendStatusBarMessage({
+            duration: 10000,
+            type: 'info',
+            message: 'Aladin Lite v3.3 is out. New features available:<ul><li>New Button, Box objects</li><li>Polygonal, circular selection</li></ul>'
+        })
     });
 </script>
 

examples/al-displayFITS.html

@@ -15,10 +15,10 @@
 
         aladin.displayFITS(
             //'https://fits.gsfc.nasa.gov/samples/FOCx38i0101t_c0f.fits', // url of the fits file
-            'fits/HorseHead.fits',
-            //'fits/neowise.fits',
-            //'fits/irac.fits',
-            //'fits/FOCx38i0101t_c0f.fits',
+            'data/fits/HorseHead.fits',
+            //'data/fits/neowise.fits',
+            //'data/fits/irac.fits',
+            //'data/fits/FOCx38i0101t_c0f.fits',
             {
                 minCut: 5000,
                 maxCut: 17000,

examples/al-gw.html

@@ -12,10 +12,10 @@
     A.init.then(() => {
         aladin = A.aladin('#aladin-lite-div', {showReticle: true, showSurveyStackControl: true, showOverlayStackControl: false, projection: "TAN", target: '15 16 57.636 -60 55 7.49', showProjectionControl: true, realFullscreen: true, showZoomControl: true, showSimbadPointerControl: true, showShareControl: true, showContextMenu: true, showCooGridControl: true, fullScreen: true, showCooGrid: true, fov: 90});
 
-        var moc_0_99 = A.MOCFromURL("./gw/gw_0.9.fits",{ name: "GW 90%", color: "#ff0000", opacity: 0.0, lineWidth: 3, fill: false, perimeter: true});
-        var moc_0_95 = A.MOCFromURL("./gw/gw_0.6.fits",{ name: "GW 60%", color: "#00ff00", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
-        var moc_0_5 = A.MOCFromURL("./gw/gw_0.3.fits",{ name: "GW 30%", color: "#00ffff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
-        var moc_0_2 = A.MOCFromURL("./gw/gw_0.1.fits",{ name: "GW 10%", color: "#ff00ff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
+        var moc_0_99 = A.MOCFromURL("./data//gw/gw_0.9.fits",{ name: "GW 90%", color: "#ff0000", opacity: 0.0, lineWidth: 3, fill: false, perimeter: true});
+        var moc_0_95 = A.MOCFromURL("./data/gw/gw_0.6.fits",{ name: "GW 60%", color: "#00ff00", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
+        var moc_0_5 = A.MOCFromURL("./data/gw/gw_0.3.fits",{ name: "GW 30%", color: "#00ffff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
+        var moc_0_2 = A.MOCFromURL("./data/gw/gw_0.1.fits",{ name: "GW 10%", color: "#ff00ff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
 
         aladin.addMOC(moc_0_99);
         aladin.addMOC(moc_0_95);

examples/al-hips-local.html

@@ -12,7 +12,7 @@
     A.init.then(() => {
         aladin = A.aladin('#aladin-lite-div', {target: 'galactic center'});
 
-        let survey = aladin.createImageSurvey('hips gaia', "hips gaia name", "./hips/gaia", undefined, undefined, {colormap:"viridis"});
+        let survey = aladin.createImageSurvey('hips gaia', "hips gaia name", "data/hips/gaia", undefined, undefined, {colormap:"viridis"});
         aladin.setBaseImageLayer(survey);
     });
 </script>

examples/al-imcce-vot.html

@@ -0,0 +1,27 @@
+<!doctype html>
+<html>
+<head>
+</head>
+<body>
+
+<div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
+
+<script type="module">
+  import A from '../src/js/A.js';
+  let aladin;
+  A.init.then(() => {
+      // Start up Aladin Lite
+      aladin = A.aladin('#aladin-lite-div', {
+        target: '09 55 52.4 +69 40 47',
+        fov: 0.25,
+        showContextMenu: true,
+        fullScreen: true,
+        showSimbadPointerControl: true,
+      });
+
+      aladin.addCatalog(A.catalogFromURL('./data/votable/IMCCE.with_namespace.vot', {onClick: 'showTable', limit: 1000}));
+  });
+</script>
+
+</body>
+</html>

examples/al-soda-eso.html

@@ -12,7 +12,7 @@
     A.init.then(() => {
         aladin = A.aladin('#aladin-lite-div', {fullScreen: true, target: "orion", fov: 10, projection: 'SIN', showContextMenu: true});
 
-        const c1 = A.catalogFromURL('./eso.xml', {onClick: 'showTable'});
+        const c1 = A.catalogFromURL('./data/eso.xml', {onClick: 'showTable'});
         aladin.addCatalog(c1);
     });
 </script>

examples/al-soda-ska.html

@@ -20,7 +20,7 @@
             aladin.addCatalog(cat);
         });
 
-        A.catalogFromURL('votable/CDS-B-jcmt-obscore.xml', {onClick: 'showTable'}, (cat) => {
+        A.catalogFromURL('data/votable/CDS-B-jcmt-obscore.xml', {onClick: 'showTable'}, (cat) => {
             aladin.addCatalog(cat);
         });*/
         A.catalogFromURL('https://aladin.cds.unistra.fr/ObsCoreRucioScs.xml', {onClick: 'showTable'}, (cat) => {