New Module: jQueryAdmin v2.13

[BlackBird]

Current Version:	2.14 (2011-05-05)
Download:	http://www.websitebakers.com/pages/libs/jqueryadmin.php
Additional Themes und Plugins:	http://jquery.websitebakers.com/plugins/download.php
Plugins Showroom:	http://jquery.websitebakers.com/

jQueryAdmin installs as an Admin Tool and includes the following jQuery components:

* jQuery 1.6
* jQuery UI 1.8.12
* jQuery UI Themes (basic, start, ui-darkness, ui-lightness)

Plugins included (meant as examples; Fancybox and ClueTips also used by jQueryAdmin itself):

• Fancybox 1.3.4 (1.3.1 still included for those who have problems with 1.3.4)
• SlimBox2
• ClueTips 1.0.6

Feel free to post your questions and/or suggestions here. You may also suggest plugins you'd like to see included. Take a look at the Themes and Plugins page at AMASP to see what's already available. You can install Themes and Plugins using the jQueryAdmin Admin Tool.

Known issues

• If you use the same CSS in multiple presets loaded on the same page, it will be loaded multiple times. It is not planned to fix this at the moment. It should not cause problems.
• Translations incomplete for FR, IT and NO. Missing language strings are provided in English language.

Help?

If you'd like to support this project, you may

• provide translation files
• create tutorials, especially in other languages than German
• help me to extend the english docs on my homepage
• send me some chocolate

English Usage Page: http://www.webing.de/webbird/Websitebaker/JQueryAdminUsage (under construction)

Screenshot taken in the jQuery Plugins Showroom

[oeh]

Norwegian language file.

Maybe it is possible to putt the stuff you stripped down in to yet an other module, or for that mater
in different modules with the specific function in each module.

[BlackBird]

Cool, thank you!

I think I will provide the stripped parts and additional Plugins as single downloads you can upload simply via FTP. (One Plugin per download.) Do you think this would be okay?

I am also working on a method to scan the rendered page for specific rel-Tags and/or id's to see if there are specific jQuery components to be loaded. Of course, this kind of "intelligence" is also an performance issue and should be handled with care. But the user decides to use that feature or not.

[BlackBird]

Just uploaded v0.7. This is a bugfix release.

* Fix: Storing of custom preset files failed because of wrong path
* Removed ScrollToTop Plugin
* Added SlimBox2 Plugin (provided by "mr-fan" - thank you!)
* Added NO language file (provided by "oeh" - thank you!)

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

[oeh]

I think I will provide the stripped parts and additional Plugins as single downloads you can upload simply via FTP. (One Plugin per download.) Do you think this would be okay?

This would be wery cool.
Maybe it would be a good thing to use a folder within the media folder e.g.

Code:

MEDIA_DIRECTORY/media/jq/plugins/"modname"/

to store these additional plugins.
It would make the handling  and installing of plugins much easier.

I am also working on a method to scan the rendered page for specific rel-Tags and/or id's to see if there are specific jQuery components to be loaded. Of course, this kind of "intelligence" is also an performance issue and should be handled with care. But the user decides to use that feature or not.

This is awesome, looking forward to this.

[BlackBird]

Maybe it would be a good thing to use a folder within the media folder e.g.

Code:

MEDIA_DIRECTORY/media/jq/plugins/"modname"/

to store these additional plugins.
It would make the handling  and installing of plugins much easier.

Hm, it's an option. But you could also upload the plugins using the AFE. Maybe I just include an upload option directly to jQueryAdmin. Should be simple enough then.

[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

[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.

[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.)

[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.jqu ery 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:

<?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

[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:

<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

[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:

$('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...

[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.)

[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.

[erpe]

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]

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:

<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:

[[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.

[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

[erpe]

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

[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

[BlackBird]

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

[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...)

[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

[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
;-}

[Stefek]

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

[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