Permlink Replies: 25 - Pages: 2 [ Previous | 1 2 ] - Last Post: 18 Aug 16, 01:29 Last Post By: drmikey Threads: [ Previous | Next ]
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Web based skin user user interfaces
Posted: 14 Aug 16, 01:55   in response to: davidekholm in response to: davidekholm
  Click to reply to this thread Reply
davidekholm wrote:
RobM wrote:
davidekholm wrote:
Let me know if there is any interaction with jAlbum you need in your web based skin's UIs. It's possible to add a bridge to the Java world for web based skin UIs too.
Getting and setting the user interface values, like rows, cols, page linking etc.

You can read those within init.js, do you need access to stuff like page linking, rows and cols in the skin's UI too? (suitable defaults can be set using hints.jap)

For me init.js would do.
drmikey

Posts: 208
Registered: 22-Dec-2006
Re: Web based skin user user interfaces
Posted: 14 Aug 16, 18:04   in response to: davidekholm in response to: davidekholm
  Click to reply to this thread Reply
Attachment MinimalWeb.jaskin (490.8 KB)
If anyone is interested, here is a version with a working jQueryUI colorpicker and some tooltips added for a few checkboxes.
jimberry

Posts: 591
Registered: 30-Aug-2004
Re: Web based skin user user interfaces
Posted: 15 Aug 16, 07:31   in response to: davidekholm in response to: davidekholm
  Click to reply to this thread Reply
I hope you won't mind a pedantic anglophone pointing out that the English translation of "förgrund" should be spelled "foreground" ;-)
davidekholm

Posts: 3,442
Registered: 18-Oct-2002
Re: Web based skin user user interfaces
Posted: 15 Aug 16, 13:12   in response to: jimberry in response to: jimberry
  Click to reply to this thread Reply
jimberry wrote:
I hope you won't mind a pedantic anglophone pointing out that the English translation of "förgrund" should be spelled "foreground" ;-)

Thanks. Let's blaim the current German intern who wrote up the ui.html file :-)
davidekholm

Posts: 3,442
Registered: 18-Oct-2002
Re: Web based skin user user interfaces
Posted: 15 Aug 16, 13:15   in response to: drmikey in response to: drmikey
  Click to reply to this thread Reply
drmikey wrote:
If anyone is interested, here is a version with a working jQueryUI colorpicker and some tooltips added for a few checkboxes.

Thank you! Can you get the colors showing straight inside the UI too so one doesn't have to click the color pickers to see the colors?
drmikey

Posts: 208
Registered: 22-Dec-2006
Re: Web based skin user user interfaces
Posted: 16 Aug 16, 03:26   in response to: davidekholm in response to: davidekholm
  Click to reply to this thread Reply
I can and have but now I get this error in Jalbum:

Exception in thread "AWT-EventQueue-0" java.lang.IllegalArgumentException: key can not be empty
	at javax.script.SimpleBindings.checkKey(SimpleBindings.java:220)
	at javax.script.SimpleBindings.putAll(SimpleBindings.java:99)
	at se.datadosen.jalbum.AlbumBean.addGlobals(AlbumBean.java:1689)
	at se.datadosen.jalbum.JConsoleFrame.processExpression(JConsoleFrame.java:238)
	at se.datadosen.jalbum.JConsoleFrame.access$000(JConsoleFrame.java:47)
	at se.datadosen.jalbum.JConsoleFrame$1.actionPerformed(JConsoleFrame.java:86)
	at javax.swing.AbstractButton.fireActionPerformed(AbstractButton.java:2022)
	at javax.swing.AbstractButton$Handler.actionPerformed(AbstractButton.java:2348)
	at javax.swing.DefaultButtonModel.fireActionPerformed(DefaultButtonModel.java:402)
	at javax.swing.DefaultButtonModel.setPressed(DefaultButtonModel.java:259)
	at javax.swing.plaf.basic.BasicButtonListener.mouseReleased(BasicButtonListener.java:252)
	at java.awt.Component.processMouseEvent(Component.java:6533)
	at javax.swing.JComponent.processMouseEvent(JComponent.java:3324)
	at java.awt.Component.processEvent(Component.java:6298)
	at java.awt.Container.processEvent(Container.java:2236)
	at java.awt.Component.dispatchEventImpl(Component.java:4889)
	at java.awt.Container.dispatchEventImpl(Container.java:2294)
	at java.awt.Component.dispatchEvent(Component.java:4711)
	at java.awt.LightweightDispatcher.retargetMouseEvent(Container.java:4888)
	at java.awt.LightweightDispatcher.processMouseEvent(Container.java:4525)
	at java.awt.LightweightDispatcher.dispatchEvent(Container.java:4466)
	at java.awt.Container.dispatchEventImpl(Container.java:2280)
	at java.awt.Window.dispatchEventImpl(Window.java:2746)
	at java.awt.Component.dispatchEvent(Component.java:4711)
	at java.awt.EventQueue.dispatchEventImpl(EventQueue.java:758)
	at java.awt.EventQueue.access$500(EventQueue.java:97)
	at java.awt.EventQueue$3.run(EventQueue.java:709)
	at java.awt.EventQueue$3.run(EventQueue.java:703)
	at java.security.AccessController.doPrivileged(Native Method)
	at java.security.ProtectionDomain$JavaSecurityAccessImpl.doIntersectionPrivilege(ProtectionDomain.java:76)
	at java.security.ProtectionDomain$JavaSecurityAccessImpl.doIntersectionPrivilege(ProtectionDomain.java:86)
	at java.awt.EventQueue$4.run(EventQueue.java:731)
	at java.awt.EventQueue$4.run(EventQueue.java:729)
	at java.security.AccessController.doPrivileged(Native Method)
	at java.security.ProtectionDomain$JavaSecurityAccessImpl.doIntersectionPrivilege(ProtectionDomain.java:76)
	at java.awt.EventQueue.dispatchEvent(EventQueue.java:728)
	at java.awt.EventDispatchThread.pumpOneEventForFilters(EventDispatchThread.java:201)
	at java.awt.EventDispatchThread.pumpEventsForFilter(EventDispatchThread.java:116)
	at java.awt.EventDispatchThread.pumpEventsForHierarchy(EventDispatchThread.java:105)
	at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:101)
	at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:93)
	at java.awt.EventDispatchThread.run(EventDispatchThread.java:82)
 
davidekholm

Posts: 3,442
Registered: 18-Oct-2002
Re: Web based skin user user interfaces
Posted: 16 Aug 16, 12:27   in response to: drmikey in response to: drmikey
  Click to reply to this thread Reply
drmikey wrote:
I can and have but now I get this error in Jalbum:

Seems like one of the skin variables has a name="" attribute. Look for that and ensure that no name is empty.
davidekholm

Posts: 3,442
Registered: 18-Oct-2002
Re: Web based skin user user interfaces
Posted: 16 Aug 16, 13:19   in response to: drmikey in response to: drmikey
  Click to reply to this thread Reply
I've updated the jalbum-core.jar beta to ignore components having empty names now.
drmikey

Posts: 208
Registered: 22-Dec-2006
Re: Web based skin user user interfaces
Posted: 16 Aug 16, 21:31   in response to: davidekholm in response to: davidekholm
  Click to reply to this thread Reply
Here is an example of the ui.html using Bootstrap and some jQuery, (and jQueryUI just for the colorpicker). Showing Buttons as the radio buttons, clickable help icons and added a way to actually see the color selected in the colorpicker. Also, showing what a dropdown list might look like.
davidekholm

Posts: 3,442
Registered: 18-Oct-2002
Re: Web based skin user user interfaces
Posted: 17 Aug 16, 22:04   in response to: drmikey in response to: drmikey
  Click to reply to this thread Reply
drmikey wrote:
Here is an example of the ui.html using Bootstrap and some jQuery, (and jQueryUI just for the colorpicker). Showing Buttons as the radio buttons, clickable help icons and added a way to actually see the color selected in the colorpicker. Also, showing what a dropdown list might look like.

I'm happy seeing you experimenting with this! I noticed that the spinner buttons are no longer present though and the slider looks less good than before. Nice to see the help buttons and jQuery color pickers. I did however notice that the jQuery color pickers don't seem to remember the alpha.
drmikey

Posts: 208
Registered: 22-Dec-2006
Re: Web based skin user user interfaces
Posted: 18 Aug 16, 01:05   in response to: davidekholm in response to: davidekholm
  Click to reply to this thread Reply
My layout was rough experiment to show how this can be setup with alternative CSS options. (Mostly to get rid of jqueryui!) A little more work has resulted in an updated javascript colorpicker and improved spinner buttons, what an accordion layout for setting could look like, etc.
Anyway, it was fun to play with it and I like the option. thanks!

A method using localstorage might be necessary to save settings like colorpicker, etc. but not knowing how Jalbum integrates with this ui layout, it's hard to answer.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums