Module: ModulesSectionCollapse

[Soma]

Hey, my first, just a little module to generate a TOC with links on top of modules page for overview and easing navigation.

Not sure if there's already something similar planed already for the Modules page in the core.

But none the less, it was fun to try out captain Hook

Just cleaned and checked this baby in: https://github.com/somatonic/ModulesSectionCollapse

[Pete]

Nice work

It would be good if they were collapsible too

[Soma]

Thanks Pete. Yes, I also thought about this after I've done the TOC.

Here's a even more simple module that collapses the sections, and uses the sections titles to toggle the module table.

The new ModulesSectionCollapse Module is attached.

Edit: updated first post with github repo.

[ryan]

Congrats on your first module and nice job!

Also wanted to mention another way you can get the JS into the document without having to modify the HTML. Instead of an str_replace, you can do this in your loadJS function:

$this->scripts->add($this->config->urls->ModulesTOC . "ModulesTOC.js"); 

The way you are doing it now is just fine too. But since PW already has a system for adding scripts in the admin theme, I figured I'd point out this option too.

Thanks,

Ryan

[Soma]

Also wanted to mention another way you can get the JS into the document without having to modify the HTML. Instead of an str_replace, you can do this in your loadJS function:

$this->scripts->add($this->config->urls->ModulesTOC . "ModulesTOC.js"); 

Thanks Ryan, that's great. I thought there must be something like this, but couldn't figure it out yet (was too lazy).

Now I'm trying this and It doesn't work with addHookAfter Page::render:

Fatal error: Call to a member function add() on a non-object in /var/www/domains/zueblin.update.ch/site/modules/ModulesSectionCollapse/ModulesSectionCollapse.module on line 65

This error message was shown because the site is in DEBUG mode.

SO I thought the hook must be different but can't get it work. addHookAfter Page::loaded etc... Can you give me a hint? Thanks.

[ryan]

Sorry Soma, typo--my mistake, it should be $this->config->scripts not $this->scripts

[Soma]

Still, the add error is gone but script isn't added. Any Ideas?

<?php 
public function init() {
	$this->addHookAfter('Page::render', $this, 'loadJS'); 
}

public function loadJS($event) {
	if($this->process == 'ProcessModule')
		$this->config->scripts->add($this->config->urls->ModulesSectionCollapse . "ModulesSectionCollapse.js");

}

[Pete]

Maybe add it before render?

[Soma]

No luck. :/

[ryan]

Yes the before render is I think what you need. That should work. Always hard for me to tell the right things when away from the computer (just on mobile today)

[Soma]

I changed to addHookBefore('Page::render',..

It still doesn't load the script.

[ryan]

Not sure why. Double check all filenames are where. I will try when I get back to computer

[Soma]

Thanks for the help, but can't get it to work... checked files and tried all different variations.

[apeisa]

$this->addHookAfter('Process::execute', $this, 'loadJS'); 

[Soma]

$this->addHookAfter('Process::execute', $this, 'loadJS'); 

Works! Thanks, you're my hero!

[apeisa]

No worries, glad you got it working.

That is nice little module and got me thinking. Modules page is not only place where lists get very long and would benefit from some more js love. I have used Datatables a lot and I think it would be perfect on many lists that pw has. It has nice filter search, pagination, sorting, it is fast and easy to use. As a little bonus it supports themeroller. Also possible to use with huge datasets with ajax.

http://www.datatables.net/ - just that you guys can take a look - don't wanna capture Soma's module topic here

[Soma]

Here's a new version of the modules section collapse module. Added count and +-

Hope it's useful for someone.

Edit: updated first post with github repo.

[Soma]

That is nice little module and got me thinking. Modules page is not only place where lists get very long and would benefit from some more js love. I have used Datatables a lot and I think it would be perfect on many lists that pw has. It has nice filter search, pagination, sorting, it is fast and easy to use. As a little bonus it supports themeroller. Also possible to use with huge datasets with ajax.

Actually that's a very nice and simple to use plugin I also used (after trying some datatable plugins) in some codeigniter projects, with ajax and themeroller styling, especially like the cookie state save option and sortable, filterable. It was very nice as my apps also uses jquery ui. Would be nice to have such a feature for very large lists. Wasn't this already discussed somewhere?

[apeisa]

Wasn't this already discussed somewhere?

Probably, but can't remember. I have used datatables many times, and I have only good to say about that plugin. Rock solid stuff it is!

Here's a new version of the modules section collapse module. Added count and +-

Nice update!

[Soma]

Just cleaned and checked in on github. Updated first post too.

https://github.com/somatonic/ModulesSectionCollapse

Makes things alot easier. Thanks

[teppo]

Just wanted to say that this module is great - I really prefer the simplicity it brings. Things like these can make a big difference in UX!

Although, I must confess that I'm still using a slightly modified version with some extra information (installed modules vs. uninstalled, names of uninstalled modules on hover) visible. Added a screenshot as an attachment

[Pete]

Nice additions - would you mind sharing the code?

[Soma]

Yeah, glad you like the module and even have added things!

- Though I don't see the benefit of seeing 10/5 that much but nice touch.

- To see the installed ones on hover. How would this look with the 30 Fields? I thought it's nice but not something I would want really.

But don't hestitate to make adaptions to your likeing. You could fork mine on github and let other people use it?

[teppo]

Soma: my modifications (especially the latter one) could prove out to be problematic in real world use - to be honest they were originally just something created as a temporary solution for a temporary problem, but I thought I'd share them anyway in case someone else happened to like 'em

Only thing I've changed is ModulesSectionCollapse.js, but since I've never used GitHub before (...) I created an account and a fork of the original project anyway. If someone wants to try out these changes, you could just download the .js file and merge changes / replace original with it. Here's a direct link: https://github.com/TeppoKoivula/ModulesSectionCollapse/blob/master/ModulesSectionCollapse.js