Haiku First web page - have pity on me. haha

[avpman2]

Ok, I'll admit I'm a NOOB. I even won't be offended if you laugh at me. But everyone's got to start someplace! I purchased Haiku Helper and have it and the basic web pages running on a Mac Mini w/o any problem. But I've got two (admittedly) stupid questions.
 
1) Am I to assume if I put my JS code in the "script" page it will be available to every Haiku served webpage?
2) I know how to edit the script page but where do I edit the web interface (page) which uses the scrip page itself?? I'm referring to the webpages(s) I get when I log in to the Haiku server http://some.ip.address:9399/interface/default/index.html ?
 
I have a slight cognitive disorder which prevents me from easily starting/learning something from the beginning. But once I see examples I'm on my way pretty well. If anyone is willing to share or sell some examples I would be very grateful. You may PM me if you'd like, or respond here.
 
Thanks in advance.

 

[lupinglade]

No problem! Its actually pretty easy to do custom UIs with HaikuHelper.

1) Any scripts you define in HaikuHelper's Script Editor are on the server side, they are not on the client or web page side. They can be called from the client, but they will execute on the server.

2) What you want to do is create a new folder inside the Interfaces folder, then you can create your own interface using the JavaScript framework HaikuHelper provides (jquery.haiku.min.js). Both the Default and the example Buttons interfaces work this way. You can find them in HaikuHelper's Interfaces folder. The JavaScript framework has generally all the same objects and methods as the Scripting API and the same documentation applies. Any discrepancies are noted in the API docs (very few). By using the framework you will get loading of all the controller objects, live updates, etc all "for free". You can even use the controller objects directly using the Debug Console in your web browser as if they were local in the browser.

Get started by creating your own folder inside Interfaces. You can copy the index.html/ui.js files from the Buttons example to get started. Then its just a matter of creating the UI in HTML5/JavaScript and using the Framework to make it "live". You would then access it via

http://server:9399/interface/YourFolder/index.html

 

[avpman2]

No problem! Its actually pretty easy to do custom UIs with HaikuHelper.

1) Any scripts you define in HaikuHelper's Script Editor are on the server side, they are not on the client or web page side. They can be called from the client, but they will execute on the server.

2) What you want to do is create a new folder inside the Interfaces folder, then you can create your own interface using the JavaScript framework HaikuHelper provides (jquery.haiku.min.js). Both the Default and the example Buttons interfaces work this way. You can find them in HaikuHelper's Interfaces folder. The JavaScript framework has generally all the same objects and methods as the Scripting API and the same documentation applies. Any discrepancies are noted in the API docs (very few). By using the framework you will get loading of all the controller objects, live updates, etc all "for free". You can even use the controller objects directly using the Debug Console in your web browser as if they were local in the browser.

Get started by creating your own folder inside Interfaces. You can copy the index.html/ui.js files from the Buttons example to get started. Then its just a matter of creating the UI in HTML5/JavaScript and using the Framework to make it "live". You would then access it via

http://server:9399/interface/YourFolder/index.html

 
Thanks! I'm getting there. Which folder interfaces folder do I use? The one below /Applications/HaikuHelper.app/Contents... or /Users/myusername/Library/com.HaikuHelper2/.... ? I'm guessing the one below the Users folder?
 
BTW - I've got a terminal app open to move around etc. Is there a UI version of something to do the copies? I'm just crrious I'm much faster just using the Bash prompt.

 

[lupinglade]

Yes, under the Users folder is the correct place. You can copy using whatever method you prefer.

 

[lupinglade]

Let me know if you need any further help. We're hoping more people get into creating custom UIs, the possibilities are endless and its possible to create UIs that are better than any other system currently on the market using this technology.

 

[avpman2]

Thank you for checking in. I'm a PC/DreamWeaver guy so I'm still trying to figure out how I'm gonna set up an IDE for HaikuHelper on the Mac. Any suggestions on a PC-Like file explorer (so I can copy and move files with a GUI) for the Mac would be a huge help. I'm sad to say I haven't gotten the hang of the native Mac Finder yet. It hides the directories I most need access to.
 

Let me know if you need any further help. We're hoping more people get into creating custom UIs, the possibilities are endless and its possible to create UIs that are better than any other system currently on the market using this technology.

 

[lupinglade]

You can always use Sublime Text 2, its a great editor and has quite a bit of directory structure integration. I don't know if it lets you copy/move files though, but the finder really is the best tool for that. You can quickly jump to the needed folders in the Finder using HaikuHelper's Script/Web menus.