New Module: jQueryAdmin v2.13

[BlackBird]

Just uploaded v0.13. This version now scans only the page part where the preset should be included. (head or body) This hopefully fixes the issue mentioned above. (JS moved to the wrong place.)

Necessary core files (jquery-1.4.2.min.js, jquery.ui.core.min.js, ...) are always loaded into the header. I don't know if this may cause problems. Worked for me.

Inclusion of more than one instance of the droplet works here now. I don't know what was wrong. The info.php of the Droplets module showed v1.0.2, but extracting it again from the ZIP into the same directory fixed the problem. So be sure you have Droplets v1.0.2 installed if you wish to include the droplet more than once.

What's next?

Hm... Moving CSS into the header, I think. Or do you have suggestions?

[BlackBird]

Please note: If you include the droplet more than once into a page, using different positions ("head", "body"), only the first position setting is used. This seems to be an issue in the droplets module. (I'm using 1.0.2) So there's no chance to fix this in jQueryAdmin.

[BlackBird]

Ah. Hm. But these are "product names". How is "Windows" called in Norway?

[oeh]

I think you talk about the Readme-Files and the Previews, do you? .....

But I'm willing to add those files for the "core module" if you can help me to do translations into NO. jQueryAdmin can look for them the same way it looks for language files. (Example: "readme_no.html available? Yes -> use it; No -> show english readme")

Hi I'll supply the Norwegian translations

When i was talking about bi lingual possibilities, my thoughts went in the direction
of eg. ScrollToTop has the text "Scroll to top" as text output.
This would in Norwegian be "Gå til Toppen"....
If text constants like this where to be put in to a NO, DE, EN....php file
it would be really great bilingual wise.

OE

[BlackBird]

I've just release v0.12.

Important! I've removed the "jQueryLoader" Droplet for consolidation purposes. The droplet just went to be too complex to be still easy to use. Instead, a "jQueryInclude" Droplet is installed. (Well, this is still Alpha, so things may change...)

* New: Readme's (Plugins only) and Demo's (UI Components only) can be included in different languages. See the "Dialog" UI Component for an example. (If you're using German, it will be shown in German. Switch to English and the Readme will switch to English, too.)
* New: You can choose "UI Theme" -> "None" now to use no theme. Also, you can switch the default UI Theme in the tool.php ($default_theme)
* New: When receiving an error message (if you forget to insert a preset name when creating a new preset, for example) the selections you made persist

Droplet usage

[[jQueryInclude?preset=<presetname>]]

More params:

position=body -> to include the preset before </body>
module=whatever -> different module folder to use (default: jqueryadmin)

What does the droplet do with my page?

* Page AND Preset are scanned for jQuery-JS; the occurences are used to build a list
* All occurences are removed from the page and the preset, leaving any other content intact (CSS, for example)
* The list built in step 1 is cleared up; doubles are removed
* The cleared list is included into the head (or the body)

As you may note, it may happen that jQuery JS already included in the page is moved to the wrong place (from page bottom to header, for example). This is a "known issue" for now. The behaviour will be corrected later.

[BlackBird]

One of the reasons for this wishfullness from my side, is that I'm working on
(maybe a bit ambiguous on my part) what is to be my first real page,
which are to be in Norwegian, English, Dutch, Finnish, .....

That's quite interesting. I'm not sure at the moment where we can do this for jQueryAdmin, but I'm open to every kind of suggestion. I think you talk about the Readme-Files and the Previews, do you? Should be easy enough to create Readme's in different languages, but I'm afraid you will have to hope that the Plugin authors provide translations. But I'm willing to add those files for the "core module" if you can help me to do translations into NO. jQueryAdmin can look for them the same way it looks for language files. (Example: "readme_no.html available? Yes -> use it; No -> show english readme")

Edit: I have changed this for readme-files now. Works smoothly. I will add german translations to all items that have readme's or preview's yet. Please wait for v0.12 before creating translations into other languages. Thanks.

[oeh]

@oeh
He accidentally used the "edit"  button instead of the "cite" button.
Can happen if you're logged in as Admin 

I know. Ben there, don that

[Stefek]

@oeh
He accidentally used the "edit"  button instead of the "cite" button.
Can happen if you're logged in as Admin 

[oeh]

Well, not quite sure how comes mr-fan edited my post, but it's ok by me.


When it comes to multi lingual, I was only thinking of any
adaptions made in any case where a module are adapted ore written for WB
and has some kind of interaction/ written output that are possible to put in to a language file.

One of the reasons for this wishfullness from my side, is that I'm working on
(maybe a bit ambiguous on my part) what is to be my first real page,
which are to be in Norwegian, English, Dutch, Finnish, .....
As I'm no coder, as for the time being that is, I find it quite hard
to adapt Droplets, Scripts....... in to being able to handle by bilingual needs.

Regards
;-}

[Waldschwein]

Hum??? How could this happen? The post is by "oeh" but modified by mr-fan???

Perhaps Martin just wanted to use the Quote-Button and used the Edit-Button (he's moderator). But nothing to worry, that can happen as it's really hard on that... *good* design and the original post by oeh is just his quote.

Yours Michael

[BlackBird]

Uhm, I can only offer multilingual files where these are offered by the original plugin author. (Most of them don't) For the jQuery UI, all available i18n files are shipped with the module. I don't know for sure, but I think most plugins simply aren't multilingual. (Correct me if I'm wrong...)

[BlackBird]

Hum??? How could this happen? The post is by "oeh" but modified by mr-fan???

[oeh]

Updated Norwegian Languagefile.

Any chance the plugins could be made multi lingual where it is any dialogs involved?


sorry oeh  i've missed the right button and didn't realize that...regards martin

[gelöscht durch Administrator]

[erpe0812]

Plugins and Themes can now be downloaded:
http://www.websitebakers.com/pages/libs/jqueryadmin/jquery-library.php

Latest module-release is available on this page:
http://www.websitebakers.com/pages/libs/jqueryadmin.php

rgds

erpe

[BlackBird]

New version v0.11 is available now.

* Fix: Hardcoded "admin" directory
* New: Renamed the "getall" option to "anyjs" (which is more specific)
* New: Only "minified" scripts are included now; this makes the module smaller and easier to use (dropped backend option "use minified scripts")
* New: Added some previews for UI components (Accordion, Tabs, Dialog, Datepicker)
* New: Added two predefined presets (Accordion, Dialog)
* New: Backend now uses "Fancybox" for Readme files and previews
* New: Added predefinition files for component dependencies (Example: If you check the "Dialog" UI component, all other components that are necessary for this one to work are added automatically)

There are still some "known issues", but we're very close to Beta now.

http://www.websitebakers.com/pages/libs/jqueryadmin.php

[gelöscht durch Administrator]

[BlackBird]

With next version 0.10 you will be able to add themes the same way you add plugins.

Also, I am working on preset files for the UI components that are included when choosing a component. This makes it possible to solve dependencies, add default script etc.

Example: The Accordion component needs the Widget component. Also, the accordion must be added to a certain div. So here's the content of the accordion.preset:

Code Select Expand


<script src="{WB_URL}/modules/jqueryadmin/jquery-ui-1.8/ui/jquery.ui.widget.js" type="text/javascript"></script>
<script>
 $(document).ready(function() {
   $("#accordion").accordion();
 });
</script>


Usage example:

* Create a new preset, name it "accordion" (for example) and check the Accordion UI Component.
* Add a WYSIWYG section on a page of your choice.
* Add a <div> with id "accordion" with any content of your choice; there should be a nested list or something to see the effect. (See the Accordion docs for details. -> http://docs.jquery.com/UI/Accordion)
* Add the jQueryLoader Droplet beneath the div:

Code Select Expand

[[jQueryLoader?preset=accordion]]
* View the page and enjoy!

(You will need v0.10 for this to work!)

Edit: Just uploaded v0.10. Try the theme attached to check out the new theme upload function.

[gelöscht durch Administrator]

[erpe0812]

Hi

I really like the feature to upload plugins and the way to get the readme files in the 0.9 release.
And as Martin said: it is so easy to vreate new plugins.........
I reworked the readme file (modified some links) of ImageOverlay-plugin.
http://www.websitebakers.com/pages/libs/jqueryadmin/jquery-library.php
Good work Bianka.

rgds

erpe

[BlackBird]

v0.9

* Fix: Typo in path to jquery-1.4.2.js
* New: Files in jquery-ui-1.8/external can be added now, too
* New: Prepared Plugins can be added (uploaded) using the Admin Tool now
* New: There's only one Droplet now that can do it all
* New: Presets can be deleted, too

Help pages are in progress.

"erpe" and "mr-fan" already sent me prepared jQuery Plugins that can be easily added using the jQueryAdmin Admin Tool. I'm sure they'll help me to set up an easy to understand explanation on how to do this.

Edit: Removed attached plugin zip. An "official" download page is in progress.

[gelöscht durch Administrator]

[BlackBird]

Thank you, mr-fan, for your support! I am curious to hear about any ideas to make this module more convenient and easy to use. We have just made some first steps on the way, so I'm sure there's still much potential to make this perfect.

I am going to create a download page for plugins. Maybe I will also add a method to add and update those plugins directly from the Admin Tool. (There are some prerequisites the server must fulfil for this to work.)

[mr-fan]

so next one - a simple Tooltip Plugin

just use the given classes or create additional classes in the default.preset in the plugin folder

Code Select Expand

$('a.ttlight').tinyTips('light', 'title');
$('a.ttpyellow').tinyTips('yellow', 'title');
$('a.ttgreen').tinyTips('green', 'title');
$('a.ttblue').tinyTips('blue', 'title');

.ttlight - .ttyellow - .ttgreen - .ttblue  are prepared!

more details here:

http://www.digitalinferno.net/blog/jquery-plugin-tinytips-1-1/

unzip to /jqueryadmin/plugins/

have fun

martin

it's so easy to implement such plugins - it's just copy and paste only the usage of the loading mechanism is once to learn...

[gelöscht durch Administrator]

[mr-fan]

..because it's so easy......

here is the pageslide plugin for jQueryAdmin:

http://srobbin.com/blog/jquery-pageslide/

simple make a "hidden" Page and on a other page (or footer/global section) a link with a id

used examples in the default.preset file is:

Code Select Expand

<script typ="text/Javascript">
$(document).ready(function() {
    $("#slide-left").pageSlide({ width: "350px", direction: "left" });
    $("#slide-right").pageSlide({ width: "350px", direction: "right" });
});
</script>

you could choose for CSS id #slide-left or #slide-right for your hidden page link!

simple unzip it to the /jqueryadmin/plugins/ folder and choose it for your personal preset file that is load in your template like i've told bevore with the droplet....

regards martin

[gelöscht durch Administrator]

[mr-fan]

for some first other testers how easy it is to create a preset.....

it's simple the script 1:1 like on such demosites like the fancybox doku page or other plugin stuff!

simple copy needed scripts + some special jQuery <script type="text/javascript"> ...stuff in a default.present file together with the needed grafics/CSS in a folder under /jqueryadmin/plugins

and you could choose this plugin to load with your personal myscriptstoload.jquery Present

in frontend and backend simplest way with the Droplet + the name

for example in my template is before loading module JS files to prevent jquery is needed for some modules by a frontend.js....:

Code Select Expand

<?php if (function_exists('register_frontend_modfiles')) {register_frontend_modfiles('css');}?>
[[jQueryInclude?preset=myscriptstoload]]
<?php if (function_exists('register_frontend_modfiles')) {register_frontend_modfiles('js');}?>

nothing more nothing less

only actual problem with this method is to search for a simple solution to load scripts really only if they needed - but bianka is working on this issue!  


here a new plugin demo for testers simple unzip it in the /jqueryadmin/plugins/ folder....

more details of my test's will follow

[gelöscht durch Administrator]

[BlackBird]

Last update for this week. (v0.8 )

* Fixed some issues with loading and saving presets
* Added "readme.html" files with some basic info to plugins (with links to plugin homes, license information etc.)

[BlackBird]

Note: .preset is the suffix for including plugins. .jquery is the suffix for presets created using the Admin Tool. The suffixes differ to make it easier to distinguish.

[mr-fan]

Media Folder isn't the best choice for such things - i've used it just for some improvments with my droplets exercises....
for a beginner or a normal WB User it would be to critical that someone delet a script needed in the frontend...
so a admin modul for this things and to store such scripts is much better as Media!

For now Jqueryadmin search in all the modules/templates + in the jqueryadmin folder for .preset files to change or view in the admin tool.

I'm testing jQueryadmin and will provide more plugins soon to try out what this mod could do for loading frontendscripts...

regards martin