Wishlist: Select pages by thumbnail

[caribou]

Like others here, I build sites that require reuse of images. In my case, the images must always be accompanied by correct credits and descriptions, and must be replaced sitewide when our contract with the photographer ends. So centralized image storage is a must, and one page per image works fine. The challenge is selecting image pages from other pages in an easy, visual way.

Soma's images module is a great move in that direction, but for my needs, users should work only with thumbs, never with HTML.

The default pages field seems like it's allllmost there. I'd just like one of the field label choices to be the image field, and to choose a page by thumbnail. Ideally, the thumb will be shown on the page after selection, as it is with the images field. Even more ideally, the page picker will include search. Even even more ideally, I'd have the time and php chops to build this module myself. 

[bernhard]

making a page select field display as thumbnails should not be too hard to do: http://rvera.github.io/image-picker/

but that's only good for few images. if you have lots of pages to select it would get trickier and even trickier with an autocomplete field...  not much help from my side, i know good luck

[caribou]

Very cool plugin! I suppose it could also be a button launching a modal window (as in other CMSs), so there would be more real estate to work with images, including search and pagination.

[mr-fan]

take a look at image list label to get thumbnails in the pagetree....so this thumbs are shown also in the pagefield select...

some hints to change the image select to a central parent where all subpages are images (usefull if you choose images in WYSIWYG)

https://processwire.com/talk/topic/7439-processpageeditimageselect-hook-and-change-default-page/

a little project with some details (at the end of the post you see a pagefield select and the custom adminpage with pagetree with only the images with thumbs)

https://processwire.com/talk/topic/7836-cant-wait-first-project-with-pw-nearly-finished/

On some little projects i'll stick to central imagemanagment - but on most sites i've adapted the PW way to connect images to pages...

But it's all your choice just some hints to may a easy solution.

Best regards mr-fan

[caribou]

Thanks for this! I'll take a look and see if I can make it work.

[kongondo]

@caribou,

I have been working on a commercial module that does exactly that (minus the thumbnails in the selected pages list). It is nearly done. A few things remain, such as the CSS. See screenshot below for a (unfinished-state) preview. I will try post a video demo later today. I'll be looking for beta testers so might PM you if you are interested.

Thanks.

Edited September 22, 2015 by kongondo

[LostKobrakai]

The Select All / Unselect All links are a bit strangely positioned. Maybe they could be buttons in the same row as the bottom pagination, but floated to the left.

[kongondo]

...........A few things remain, such as the CSS. See screenshot below for a preview.

The Select All / Unselect All links are a bit strangely positioned. Maybe they could be buttons in the same row as the bottom pagination, but floated to the left.

Benjamin,

That's what I said (sort of) in my post . CSS not nearly done (the links, the page title, etc...)  . Went with your suggestion though, thanks.

Edited September 22, 2015 by kongondo

[LostKobrakai]

Ups. Was blinded by the screenshot I guess

[caribou]

@kongondo

Fantastic! I'd be happy to help you beta test.

[kongondo]

OK, thanks, let u know soon...

[Michael Murphy]

@caribou

I have also been thinking the same thing recently - that it would be nice to have a visual way to browse the Page field. After discovering the excellent "Page Field Edit Links " module (which I think was added to the core in 2.6.17??), I have been using the Page field to manage a shared collection of media assets (videos, images and documents). With the additional "Page Field Edit Links" module, it allows the users to search, add and edit media from the the shared collections without leaving the page. The only issue is that it's text search only - a thumbnail would be very useful here for searching, and then to show what was selected. 

Also an icon or a custom image would be nice to distinguish between different page templates (videos, images, documents etc,). The Select2 jquery plugin has some examples of this:

https://select2.github.io/examples.html#templating

If the Page field can be extended to include more custom content (like images and icons), I am thinking it might be a good solution for a simple  "content block" type setup. I am currently using the PageTable field for a "content block" type setup - it works well, but it has some user experience issues that I think the Page field would avoid.

@kongondo

could you explain a bit more what you module does?

[joey102030]

This is exactly what I'm looking for.

Kongondo, I would be interested in beta testing this.

[kongondo]

Here you go: https://processwire.com/talk/topic/11040-visual-page-selector-commercial-page-picker-module-for-processwire/

@Michael, the above hopefully answers you query? If not, I'll fill in the gaps.

@caribou: I'll be in touch, if not today, tomorrow, thanks.