Build mobile app: missing custom.css

classic Classic list List threaded Threaded
12 messages Options
Reply | Threaded
Open this post in threaded view
|

Build mobile app: missing custom.css

Frédéric
Hi!

When I build my mobile application, using:

$ ./generate.py build

and then point my navigator to the build/ dir, it can't load the
custom.css file, and the app does not look correct.

What am I missing?

--
    Frédéric

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Richard Sternagel
Hi Frédéric,

which qooxdoo SDK version are you using?
Have you just created the app via "create-application.py"?

Regards
Richard

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Frédéric
Le 04/03/2015, Richard a écrit :

> which qooxdoo SDK version are you using?

4.1

> Have you just created the app via "create-application.py"?

Yes, I then tested it using source (./generate.py source), which works
fine. But when I build it, no css it loaded, so the app is unusable.

--
    Frédéric

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Richard Sternagel
Hi Frédéric,

cannot reproduce. Please paste your build output (from your shell).
Do you get this section?

----------------------------------------------------------------------------
     Executing: build::compile-scss
----------------------------------------------------------------------------
 >>> Executing shell command "sass -C -t compressed -I
../qx-sdk/qooxdoo-4.1-sdk/framework/source/resource/qx/mobile/scss -I
../qx-sdk/qooxdoo-4.1-sdk/framework/source/resource/qx/scss --update
source/theme/razzle_dazzle/scss:source/resource/razzle_dazzle/css"...
       write source/resource/razzle_dazzle/css/custom.css
       write source/resource/razzle_dazzle/css/custom.css.map
 >>> Done (0m03.53)

Is Sass installed? Which version?

Regards
Richard

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Frédéric
Le 04/03/2015, Richard a écrit :

> cannot reproduce. Please paste your build output (from your shell).

$ ./generate.py build    

----------------------------------------------------------------------------
    Initializing: pKNyXui
----------------------------------------------------------------------------
>>> Processing configuration

----------------------------------------------------------------------------
    Executing: build::compile-scss
----------------------------------------------------------------------------
    - Populating the cache, this may take some time
>>> Executing shell command "sass -C -t compressed
>>> -I ../qooxdoo-sdk/framework/source/resource/qx/mobile/scss
>>> -I ../qooxdoo-sdk/framework/source/resource/qx/scss --update
>>> source/theme/pknyxui/scss:source/resource/pknyxui/css"... Done
>>> (0m00.35)

----------------------------------------------------------------------------
    Executing: build::build-resources
----------------------------------------------------------------------------
    - Populating the cache, this may take some time
>>> Scanning libraries  
>>> Collecting classes  -
    - Warning: pknyxui.model.EIBService (28, 13): Deprecated global symbol
used: 'alert'
  - Sorting 265 classes  
>>> Copying resources...
>>> Done (0m18.26)

----------------------------------------------------------------------------
    Executing: build::build-files
----------------------------------------------------------------------------
>>> Copying application files...
>>> Done (0m00.00)

----------------------------------------------------------------------------
    Executing: build::build-script
----------------------------------------------------------------------------
>>> Scanning libraries  
>>> Collecting classes  \
    - Warning: pknyxui.model.EIBService (28, 13): Deprecated global symbol
used: 'alert'
  - Sorting 262 classes  
>>> Generate application
  - Processing 2 locales  
  - Generate packages  
  - Generate loader script
>>> Done (0m12.27)

> Is Sass installed? Which version?

$ sass --version
Sass 3.4.11 (Selective Steve)

BTW, here is the build/ tree:

build/
├── index.html
├── resource
│   └── qx
│       ├── icon
│       │   └── Oxygen
│       │       ├── 22
│       │       │   └── actions
│       │       │       ├── go-down.png
│       │       │       ├── go-up.png
│       │       │       └── system-shutdown.png
│       │       └── 32
│       │           └── actions
│       │               └── system-shutdown.png
│       ├── mobile
│       │   ├── css
│       │   │   ├── custom.css
│       │   │   └── LICENSE
│       │   └── js
│       │       ├── iscroll.js
│       │       └── iscroll.min.js
│       └── static
│           └── blank.html
└── script
    └── pknyxui.js

Thanks,

--
    Frédéric

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Richard Sternagel
Hmm, that's mine:

$ tree build/
build/
├── index.html
├── resource
│   ├── qx
│   │   ├── mobile
│   │   │   ├── css
│   │   │   │   ├── LICENSE
│   │   │   │   └── custom.css
│   │   │   └── js
│   │   │       ├── iscroll.js
│   │   │       └── iscroll.min.js
│   │   └── static
│   │       └── blank.html
│   └── razzle_dazzle
│       ├── css
│       │   ├── custom.css
│       │   └── custom.css.map
│       └── scss
│           └── custom.scss
└── script
     └── razzle_dazzle.js

10 directories, 10 files

$ tree source/
source/
├── class
│   └── razzle_dazzle
│       ├── Application.js
│       ├── __init__.js
│       ├── page
│       │   ├── Login.js
│       │   ├── Overview.js
│       │   └── __init__.js
│       └── test
│           └── DemoTest.js
├── index.html
├── resource
│   ├── index.html
│   └── razzle_dazzle
│       ├── css
│       │   ├── custom.css
│       │   └── custom.css.map
│       └── scss
│           └── custom.scss
├── script
│   └── razzle_dazzle.js
├── theme
│   └── razzle_dazzle
│       └── scss
│           ├── _styles.scss
│           └── custom.scss
└── translation
     └── readme.txt

13 directories, 15 files

Can you post your source, too?

Regards
Richard

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Frédéric
Le 04/03/2015, Richard a écrit :

> Can you post your source, too?

source
├── class
│   └── pknyxui
│       ├── Application.js
│       ├── __init__.js
│       ├── model
│       │   ├── ConfigService.js
│       │   ├── DPTService.js
│       │   ├── EIBListener.js
│       │   └── EIBService.js
│       ├── page
│       │   ├── BasePage.js
│       │   ├── __init__.js
│       │   ├── LinksPage.js
│       │   └── WidgetsPage.js
│       └── widget
│           ├── BaseWidget.js
│           ├── HeatingWidget.js
│           ├── SunblindWidget.js
│           ├── TemperatureWidget.js
│           ├── ToggleWidget.js
│           └── WidgetFactory.js
├── index.html
├── resource
│   ├── index.html
│   └── pknyxui
│       ├── config.json
│       ├── config_w_gad.json
│       ├── css
│       │   ├── custom.css
│       │   └── custom.css.map
│       └── scss
│           └── custom.scss
├── script
│   ├── pknyxui.c448f68e33a9.js
│   └── pknyxui.js
├── theme
│   └── pknyxui
│       └── scss
│           ├── _app.scss
│           ├── custom.scss
│           └── _styles.scss
└── translation
    └── readme.txt

--
    Frédéric

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Frédéric
Hi,

I just started again from a fresh tree generated with
create-application.py, and I get the same issue.

I can see in build/<app>.js that there is a wrong path to the css:

qx.$$loader = {
  parts : {"boot":[0]},
  packages : {"0":{"uris":["__out__:pknyxui.fb9b49ba08dc.js"]}},
  urisBefore : [],
  cssBefore : ["./resource/pknyxui/css/custom.css"],   <<<<<<<<<<<<<<<<<<<<
  boot : "boot",
  closureParts : {},
  bootIsInline : true,
  addNoCacheParam : false,

  decodeUris : function(compressedUris)
  {
    var libs = qx.$$libraries;
    ...

Shouldn't be something like:

  cssBefore : ["./resource/pknyxui/qx/mobile/css/custom.css"],

?

--
    Frédéric

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Frédéric
Le 05/03/2015, Frédéric a écrit :

> I just started again from a fresh tree generated with
> create-application.py, and I get the same issue.

I'm puzzle. I created the default app, and it works. But if I put my files
(only in class/ and the Application.py file), it does not generate the
correct tree in build (no <app>/css nor <app>/scss dir under
build/resource/ dir).

What could prevent qooxdoo to generate the correct tree?

--
    Frédéric

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Frédéric
BTW, if I just copy the missing dir from the source/ dir to the build/
dir, it works fine...

--
    Frédéric

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Richard Sternagel
Hi Frédéric,

 > BTW, if I just copy the missing dir from the source/ dir to the build/
 > dir, it works fine...

Just keep in mind that "./generate.py clean" will remove the content
of the build dir.

I've just tested with another machine (Ubuntu) but I cannot
reproduce your problem. Don't know why you run into this issue.

Regards
Richard

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Build mobile app: missing custom.css

Frédéric
Le 09/03/2015, Richard a écrit :

> Just keep in mind that "./generate.py clean" will remove the content
> of the build dir.

Yep!

> I've just tested with another machine (Ubuntu) but I cannot
> reproduce your problem. Don't know why you run into this issue.

--
    Frédéric

------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel