Skip to content

[BUG] DataCube missing CSS when in MizarWidget production mode (with build:datacube) #23

@mmebsout

Description

@mmebsout

1- Install docker image docker_mizarwidget_datacube_and_server (commit a93ab4937d835b18a537af6b0c251fba806a4e9e)

git clone https://github.com/mmebsout/docker_mizarwidget_datacube_and_server
cd docker_mizarwidget_datacube_and_server/tree/a93ab4937d835b18a537af6b0c251fba806a4e9e
source .build.sh
source.run.sh
# launch : http://localhost:8000/"

2- Drag and drop this demo.json in mizarwidget

← click here to collapse/expand json
{
   "features": [
      {
         "geometry": {
            "coordinates": [[
[85.93599,-68.83499],
[83.02315,-68.8411],
[82.94728,-69.88261],
[86.00521,-69.88369],
[85.93599,-68.83499]
     ]],
            "type": "Polygon" 
         },
         "properties": {       
   "identifier":"30doradus",    
            "object": "30 doradus",                         
            "title": "30doradus",
   "quicklook": "https://upload.wikimedia.org/wikipedia/commons/c/c3/NGC_4414_%28NASA-med%29.jpg",
   "def":"The Tarantula Nebula (also known as 30 Doradus) is an H II region in the Large Magellanic Cloud (LMC), from the solar system's perspective forming its south-east corner. ",
   "services": {
"datacube" : {
  "appDataCube":true,
  "appSpectre": true,
  "appHistogramm": true,
          "apiRest":"http://localhost:8081/",
  "appFile":"HH_IR_int-2_1342228508_L2_red_145.52_OI3P0-3P1_ProjectedCube.fits" 
}
    }
         },
         "type": "Feature" 
      }
   ],
   "totalResults": 1,
   "crs":{"type":"name","properties":{"name":"Equatorial"}},
   "type": "FeatureCollection" 
}

3- click in the square
4- click in the datacube icon

PROBLEM
5 => The datacube apps opens but the CSS is missing
the line of code 124 in jquery.datacube.js doesn't seem to be executed.
( $('head').append('<link rel="stylesheet" href="'+style+'" type="text/css" />');)

The plugin (.dataCubeWidget) doesn't seem to be called anywhere in DataCube or MizarWidget code.

OTHER PROBLEMS
-> this almost works because

  • uglify has been disabled
  • templates folder is copied to html folder (but it should exists in dist or be packaged in some way)

NOTE
a- There is no problem when launching in development mode since in dev mode the index.html used is the one in the root of the project and this latest has the following tag that fixes the issue :
<link rel="stylesheet" href="templates/datacube/styles.datacube.bundle.css" type="text/css">

b- a workaround for the missing css in the docker image has been implemented here waiting for a fix here

Metadata

Metadata

Assignees

Labels

Component:MizarWidgetMizarWidget's component involved in the issueComponent:dataCubeData cube's component involved in the issuebugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions