yahoo-eng-team team mailing list archive

[Sergio Pacheco-Sanchez <sergio.pacheco-sanchez@xxxxxxx>]

Public bug reported:

Dear colleague,

When installing ceilometer (controller node) and trying to visualize the
measurements through the dashboard there is an error. A black sandbox is
shown instead of the graph / plot. This is shown in a tab named
'Resource Usage' within horizon; clearly, it can only be seen when
ceilometer is installed.

I discovered there were two css files causing issues, namely
datepicker3.css and rickshaw.css.

Below is the output from /var/log/apache2/error_log

[Tue May 12 14:07:26.756949 2015] [wsgi:error] [pid 4158] Not Found: /horizon/lib/bootstrap_datepicker/datepicker3.css
[Tue May 12 14:07:26.759705 2015] [wsgi:error] [pid 4155] Not Found: /horizon/lib/rickshaw.css

I realised other files, e.g., js files, were under the /static parent
directory, and so the missing .css files.

In brief, when looking at /srv/www/openstack-
dashboard/openstack_dashboard/static/dashboard/scss> horizon.scss

and substituting the first two lines:

// Pure CSS Vendor
@import "/horizon/lib/bootstrap_datepicker/datepicker3.css";
@import "/horizon/lib/rickshaw.css";

by the following:

@import "/static/horizon/lib/bootstrap_datepicker/datepicker3.css";
@import "/static/horizon/lib/rickshaw.css";

the problem is fixed and the plot is shown on the screen.

Hope it helps,
Sergio.
P.D.

***openstack version (Kilo for SUSE SLES 12)
2015.2.0-2015.2.dev282

*** Information for package python-horizon:
---------------------------------------
Repository: OpenStack (Devel) (SLE_12)
Name: python-horizon
Version: 2015.2.0.dev205-2.1
Arch: noarch
Vendor: obs://build.opensuse.org/Cloud:OpenStack
Installed: Yes
Status: out-of-date (version 2015.2.0.dev195-1.1 installed)
Installed Size: 1.4 MiB
Summary: OpenStack Dashboard (Horizon) - Python Module
Description:
  The Python module horizon is the core component of the OpenStack
  dashboard.

*** Ceilometer version:
1.2.1

** Affects: horizon
     Importance: Undecided
         Status: New

-- 
You received this bug notification because you are a member of Yahoo!
Engineering Team, which is subscribed to OpenStack Dashboard (Horizon).
https://bugs.launchpad.net/bugs/1454305

Title:
  Error in displaying ceilometer measurements plot

Status in OpenStack Dashboard (Horizon):
  New

Bug description:
  Dear colleague,

  When installing ceilometer (controller node) and trying to visualize
  the measurements through the dashboard there is an error. A black
  sandbox is shown instead of the graph / plot. This is shown in a tab
  named 'Resource Usage' within horizon; clearly, it can only be seen
  when ceilometer is installed.

  I discovered there were two css files causing issues, namely
  datepicker3.css and rickshaw.css.

  Below is the output from /var/log/apache2/error_log

  [Tue May 12 14:07:26.756949 2015] [wsgi:error] [pid 4158] Not Found: /horizon/lib/bootstrap_datepicker/datepicker3.css
  [Tue May 12 14:07:26.759705 2015] [wsgi:error] [pid 4155] Not Found: /horizon/lib/rickshaw.css

  I realised other files, e.g., js files, were under the /static parent
  directory, and so the missing .css files.

  In brief, when looking at /srv/www/openstack-
  dashboard/openstack_dashboard/static/dashboard/scss> horizon.scss

  and substituting the first two lines:

  // Pure CSS Vendor
  @import "/horizon/lib/bootstrap_datepicker/datepicker3.css";
  @import "/horizon/lib/rickshaw.css";

  by the following:

  @import "/static/horizon/lib/bootstrap_datepicker/datepicker3.css";
  @import "/static/horizon/lib/rickshaw.css";

  the problem is fixed and the plot is shown on the screen.

  Hope it helps,
  Sergio.
  P.D.

  ***openstack version (Kilo for SUSE SLES 12)
  2015.2.0-2015.2.dev282

  *** Information for package python-horizon:
  ---------------------------------------
  Repository: OpenStack (Devel) (SLE_12)
  Name: python-horizon
  Version: 2015.2.0.dev205-2.1
  Arch: noarch
  Vendor: obs://build.opensuse.org/Cloud:OpenStack
  Installed: Yes
  Status: out-of-date (version 2015.2.0.dev195-1.1 installed)
  Installed Size: 1.4 MiB
  Summary: OpenStack Dashboard (Horizon) - Python Module
  Description:
    The Python module horizon is the core component of the OpenStack
    dashboard.

  *** Ceilometer version:
  1.2.1

To manage notifications about this bug go to:
https://bugs.launchpad.net/horizon/+bug/1454305/+subscriptions