Jump to content
benbyf

New module MarkInPageTree

Recommended Posts

MarkInPageTree

New module which does what it says in the title. It adds an icon to a page on the page tree if -> a specific field is true and / or is a specified template.

For example I'm using it to add an icon to any page that has a checked (checkbox) exclusive field. This helps with admin clarity as you can see instantly which pages of the same template have differing content (i.e. are exclusive or not).

https://github.com/benbyford/MarkInPageTree

Screenshot 2016-12-09 14.33.45.png

  • Like 10

Share this post


Link to post
Share on other sites

How about using InputfieldSelector for the page selection and using InputfieldIcon for the icon selection?

  • Like 2

Share this post


Link to post
Share on other sites
Just now, LostKobrakai said:

How about using InputfieldSelector for the page selection and using InputfieldIcon for the icon selection?

Sure, how does one do that :)

Share this post


Link to post
Share on other sites

couldnt work it out, just gave me a field for searching the pages on the site but not selecting them... and it wouldnt show templates or fields.

I was able to use select multiple instead thought. For example:

$f = $this->modules->get('InputfieldSelectMultiple');
$f->attr('name', 'template');
$f->description =  $this->_("Template or templates of pages to trigger bulk email to users after new page published");
$f->addOption('', '');

foreach($this->templates as $template){
$f->addOption($template->name, $template->title);

 

Share this post


Link to post
Share on other sites

Updated and works well (needed to delete the extra fa- in the html as the icon selector adds the complete fontawesome name). Only thing I would change but unsure is whether you can have or selector somehow as it currenlty only adds icons to the selectors found pages not a template or a field for example. i.e. for mulitple selectors.

Share this post


Link to post
Share on other sites

Great idea and great module! Saves me some rather ugly additions to the displayed title page in the page tree.

One thing for the Christmas wish list: It would be even greater if the module would provide a way to set up several different rule sets. So you could set up different icons to mark different things.

  • Like 2

Share this post


Link to post
Share on other sites

not really sure how to make this happen... repeater? Anyone point me in the right direction to creating multiple additional fields to the module settings? so the module can have as many icon and template or field pairs as you want...?

Share this post


Link to post
Share on other sites

Multi-value fields in module config is a bit tricky, because almost everything multi-value in pw is based on pages, which you don't use here. It's probably simplest to add an integer field "number_of_configuration", which does, after it's saved, cause the field(s) for the page selection to be rendered that many times. In your modules code you'd also use that number for determining how often to loop though potential configurations.

Share this post


Link to post
Share on other sites

I would go with the "icon name = selector" route, in a simple textarea, one rule per row. Icon name would be the fontawesome name.

  • Like 2

Share this post


Link to post
Share on other sites

Happy Christmas everyone!

I had a bit of time to add tot his module :)

It now has textareas (thanks @tpr) in it's config which means it can now add as many icons and field and/or template pairs as you like. This means you could add one icon for pages of the template basic-page, and also add another icon for all pages with a counter etc...

Also... I've added a third textarea, allowing you to add a list of fields to show the data for IN the pagetree itself (see image below). In my example below I am able to show in the page tree by each page if they have a counter what the data is and whether the page has a field exclusive and its data.

Thanks for peoples help and hope it is useful. (updated on github)

Screenshot 2016-12-17 15.43.47.png

Screenshot 2016-12-17 15.43.27.png

  • Like 5

Share this post


Link to post
Share on other sites

Thanks for sharing your module with us. I use it to mark events which are booked up.

  • Like 3

Share this post


Link to post
Share on other sites
4 minutes ago, Juergen said:

Hello @benbyf

can you check the following message:

Screenshot_2.jpg

Thanks!

when are you getting this error? can you send me your settings. thanks

Share this post


Link to post
Share on other sites

No its a notice - it only shows up  as an error because I am running Tracy in strict mode.

These are my settings:

Screenshot_3.jpg

  • Like 1

Share this post


Link to post
Share on other sites

As a quick patch this fixes the error:

Change this:

$a[trim($cropItems[1])] = trim($cropItems[0]);

 

To this:

if(count($cropItems) > 1){
	$a[trim($cropItems[1])] = trim($cropItems[0]);
}

 

  • Like 1

Share this post


Link to post
Share on other sites

Thanks, and glad you're finding the module useful.

If you have any other bugs or fixes, please submit a issue or pull request on github

Share this post


Link to post
Share on other sites

Hi,

Thanks for this module, it's quite useful, and it's work very well. However, I still wondering which icons I can use? I can't find anywhere a list or a reference to an iconset used by the module. 

Mel

Share this post


Link to post
Share on other sites

Great module, thank you!

Is there a way to use separate variations of icons, e.g. "fas fa-check" vs. "far fa-check"?

P.S.: You might want to point to the icon cheatsheet in the module description. I was confused as well (newbie).

Share this post


Link to post
Share on other sites
On 9/7/2018 at 10:34 AM, Knubbi said:

Great module, thank you!

Is there a way to use separate variations of icons, e.g. "fas fa-check" vs. "far fa-check"?

P.S.: You might want to point to the icon cheatsheet in the module description. I was confused as well (newbie).

Both valid. PW comes with Fontawesome in the default admin so thats why its the deafult far icons. If you want to purchase new icons versions and replaces the files in your copy then that shoul work.

Will definitely change the description.

  • Like 1

Share this post


Link to post
Share on other sites

Hi Benbyf,

I'm really enjoying this module.  It really helps visualize how the page tree relates to the templates.  I'm using "template" in Data.

One request: It would be really helpful if you could add a permission so that only super users see the MarkInPageTree stuff in the Page Tree by default.  If other roles need to see the MarkInPageTree stuff in the Page Tree, a site admin could add a MarkInPageTree permission to that role.

The only caveat is that existing sites that have already installed this module will need to be updated to use the new permission.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By Macrura
      PrevNextTabs Module
      Github: https://github.com/outflux3/PrevNextTabs
      Processwire helper modules for adding page navigation within the editor.
      Overview
      This is a very simple module that adds Previous and Next links inline with the tabs on the page editor. Hovering over the tab shows the title of the previous or next page (using the admin's built in jqueryUI tooltips.)
      Usage
      This module is typically used during development where you or your editors need to traverse through pages for the purpose of proofing, flagging and/or commenting. Rather than returning to the page tree or lister, they can navigate with these links.
      Warnings
      If you are using PW version 2.6.1 or later, the system will prevent you from leaving the page if you have unsaved edits.
      For earlier versions, to avoid accidentally losing changes made to a page that might occur if a user accidentally clicks on one of these, make sure to have the Form Save Reminder module installed.
      http://modules.processwire.com/modules/prev-next-tabs/
    • By Gadgetto
      SnipWire - Snipcart integration for ProcessWire
      Snipcart is a powerful 3rd party, developer-first HTML/JavaScript shopping cart platform. SnipWire is the missing link between Snipcart and the content management framework ProcessWire.
      With SnipWire, you can quickly turn any ProcessWire site into a Snipcart online shop. The SnipWire plugin helps you to get your store up and running in no time. Detailed knowledge of the Snipcart system is not required.
      SnipWire is free and open source licensed under Mozilla Public License 2.0! A lot of work and effort has gone into development. It would be nice if you could donate an amount to support further development:

      Status update links (inside this thread) for SnipWire development
      2020-03-21 -- SnipWire 0.8.5 (beta) released! Improves SnipWires webhooks interface and provides some other fixes and additions 2020-03-03 -- SnipWire 0.8.4 (beta) released! Improves compatibility for Windows based Systems. 2020-03-01 -- SnipWire 0.8.3 (beta) released! The installation and uninstallation process has been heavily revised. 2020-02-08 -- SnipWire 0.8.2 (beta) released! Added a feature to change the cart and catalogue currency by GET, POST or SESSION param 2020-02-03 -- SnipWire 0.8.1 (beta) released! All custom classes moved into their own namespaces. 2020-02-01 -- SnipWire is now available via ProcessWire's module directory! 2020-01-30 -- SnipWire 0.8.0 (beta) first public release! (module just submitted to the PW modules directory) 2020-01-28 -- added Custom Order Fields feature (first SnipWire release version is near!) 2020-01-21 -- Snipcart v3 - when will the new cart system be implemented? 2020-01-19 -- integrated taxes provider finished (+ very flexible shipping taxes handling) 2020-01-14 -- new date range picker, discount editor, order notifiactions, order statuses, and more ... 2019-11-15 -- orders filter, order details, download + resend invoices, refunds 2019-10-18 -- list filters, REST API improvements, new docs platform, and more ... 2019-08-08 -- dashboard interface, currency selector, managing Orders, Customers and Products, Added a WireTabs, refinded caching behavior 2019-06-15 -- taxes provider, shop templates update, multiCURL implementation, and more ... 2019-06-02 -- FieldtypeSnipWireTaxSelector 2019-05-25 -- SnipWire will be free and open source Plugin Key Features
      Fast and simple store setup Full integration of the Snipcart dashboard into the ProcessWire backend (no need to leave the ProcessWire admin area) Browse and manage orders, customers, discounts, abandoned carts, and more Multi currency support Custom order and cart fields Process refunds and send customer notifications from within the ProcessWire backend Process Abandoned Carts + sending messages to customers from within the ProcessWire backend Complete Snipcart webhooks integration (all events are hookable via ProcessWire hooks) Integrated taxes provider (which is more flexible then Snipcart own provider) Useful Links
      SnipWire in PW modules directory SnipWire Docs (please note that the documentation is a work in progress) SnipWire @GitHub (feature requests and suggestions for improvement are welcome - I also accept pull requests) Snipcart Website  
      ---- INITIAL POST FROM 2019-05-25 ----
       
    • By horst
      Croppable Image 3
      for PW 3.0.20+
      Module Version 1.2.0
      Sponsored by http://dreikon.de/, many thanks Timo & Niko!
      You can get it in the modules directory!
      Please refer to the readme on github for instructions.
       
      - + - + - + - + - + - + - + - + - + - NEWS - 2020/03/19 - + - + - + - + - + - + - + - + - + - 
      There is a new Version in the pipe, that supports WebP too: 
       
      - + - + - + - + - + - + - + - + - + - NEWS - 2020/03/19 - + - + - + - + - + - + - + - + - + - 
       
       
      -------------------------------------------------------------------------
       
      Updating from prior versions:
       
      Updating from Croppable Image 3 with versions prior to 1.1.7, please do this as a one time step:
      In the PW Admin, go to side -> modules -> new, use "install via ClassName" and use CroppableImage3 for the Module Class Name. This will update your existing CroppableImage3 module sub directory, even if it is called a new install. After that, the module will be recogniced by the PW updater module, what makes it a lot easier on further updates.
      -------------------------------------------------------------------------
       
      For updating from the legacy Thumbnail / CropImage to CroppableImage3 read on here.
       
      -------------------------------------------------------------------------
       
    • By Robin S
      Inspired by a recent question.
      Image Crop Ratios
      Allows preset aspect ratios to be defined per image field for the ProcessWire image crop tool.
      The module adds a select dropdown to the crop tool. Choose an aspect ratio and the crop area will be fixed to that ratio.
      Screencast

      Installation
      Install the Image Crop Ratios module.
      Configuration
      Default aspect ratios for all image fields can be defined in the module config. Aspect ratios for specific image fields can be defined on the Input tab of the field settings. You can override the ratio settings in template context if needed. Insert a hyphen as the first item in the ratio settings unless you want to force a ratio to be applied to the crop tool. The hyphen represents a blank option that allows a free crop area to be drawn. Usage
      Click the "Crop" link on the details view of an image thumbnail. Click the "Crop" icon at the top of the editor window. Choose an option from the "Ratio" select dropdown.  
      https://github.com/Toutouwai/ImageCropRatios
      https://modules.processwire.com/modules/image-crop-ratios/
×
×
  • Create New...