Giter VIP home page Giter VIP logo

qx-osparc-theme's Introduction

A Qooxdoo Theme for OSparc

These instructions assume that you are using the new qooxdoo-compiler for building your application.

Using the Theme in your Application

To use the OSparc Theme in your application, go into the application root directory and install the theme into your project:

$ qx contrib update
$ qx contrib list
$ qx contrib install ITISFoundation/qx-osparc-theme

now you just have to modify your compile.json to enable the theme:

"applications": [
  {
    ...
    "theme": "osparc.theme.OSparcDark",
    ...
  }
],

Running the Demo App

This contrib also comes with a demo application. To make it really simple to test it comes with 'docker-batteries' included.

The setup is prepared for runnig with docker. You don't need a local qooxdoo install or anyting to get started. Just install docker and give this a whirl.

  • build the docker image

    $ docker-compose build
  • run the demo server

    $ docker-compose up

    Now you can open http://localhost:8744 to see the widgetbrowser. The selectbox in the top right corner lets you select the OSparc theme.

If you want to run a different qx command, you can do this too

$ docker-compose run qx lint

Inspect the image interactively

$ docker run --entrypoint /bin/bash -i -t itisfoundation/qx-osparc-theme

qx-osparc-theme's People

Contributors

ignapas avatar odeimaiz avatar oetiker avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

qx-osparc-theme's Issues

demo didn't work

MacOS High Sierra 10.13.6
Docker Desktop Community version 2.0.0.0-mac81 (29211)

I cloned the repo, ran docker-compose build and docker-compose-up. I opened http://localhost:8744/. I saw a black screen, and I got this in my Chrome console:

Uncaught ReferenceError: iconfont is not defined
    at wrapper.main (Application.js:48)
    at Object.ready (BaseInit.js:78)
    at Direct.js:136
    at Function.then (Utils.js:142)
    at Direct.js:135
    at Array.forEach (Array.js:127)
    at wrapper.dispatchEvent (Direct.js:120)
    at wrapper.wrappedFunction [as dispatchEvent] (Interface.js:537)
    at wrapper.dispatchEvent (Manager.js:888)
    at Registration.js:346
    at Function.then (Utils.js:142)
    at Object.fireEvent (Registration.js:345)
    at wrapper.__fireReady (Application.js:189)
    at Function.onScriptLoaded (Application.js:108)
    at done (boot.js:1023)
    at Object.qx.$$loader.signalStartup (boot.js:1032)

attached is the output from docker-compose build and docker-compose up.

MaterialIcons error trying to use theme

Hi there, I've tried to use the theme locally but am experiencing some issue with the MaterialIcons, I receive errors such as Assertion error! Virtual image source contains unkown font descriptor: Expected value to be typeof object but found MaterialIcons! when I try to view a TreeVirtual.

It looks like its trying to use an icon of @MaterialIcons/reorder/15

Similar errors can be seen in the console at https://itisfoundation.github.io/qx-osparc-theme/ when viewing the "Basic" tab, but for FontAwesomeSSolid Assertion error! Virtual image source contains unkown font descriptor: Expected value to be typeof object but found FontAwesome5Solid!

Viewing the TreeVirtual in the online demo gives 404 for items related to MaterialIcons, I guess this might be related. Please let me know if you need more information.
Thanks,
Pat

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.