Skip to main content

Plone add-on to add AJAX navigation

Project description

Add AJAX navigation to a Plone site.

This is probably not the most advanced or state-of-the-art way to add AJAX navigation; for Plone 5, I was told about plone.patternslib, based on patternslib.

For Volto sites, the whole jQuery-based handling might be obsolete because of the use of React.js.

At the time of this writing, those were no options for me since I was still on Plone 4.3. Thus, I needed a working solution. Depending on the quality, I’ll switch to some Plone-5-ish solution when doing the leap, or I’ll stick with my own.

The general idea is:

  • Catch the click event for every a element on the page.

  • For some links, a special check will tell to proceed with the standard behaviour, i.e. load the target the standard way; this includes:

    • Link targets outside of the current site (another hostname is given)

    • Management pages (e.g. starting with manage_)

    • Other pages which don’t load the navigation links etc. anyway, or wouldn’t work when loaded via AJAX

    • Anchor elements with certain attributes

    • Views for contexts which don’t have a suitable embedable view yet.

    For such link targets, this function will simply return true, and the page is loaded in the standard way.

  • If that check function concludes, “let’s load the target via AJAX”, it will look for certain elements on the page and try to update them:

    • content

      and, optionally:

    • breadcrumbs

    • other page elements

    It will also set the page url and title accordingly (from the @url and @title keys of the JSON reply, respectively), allowing for the browser history.

  • If the tried URLs fail to return a usable JSON answer, or if the target URL is inappropriate for other reasons (e.g. page-local, or leaving the current site), the target page is loaded the normal, non-AJAX way (i.e., loading the whole page).

Features

  • Tries up to two URLs for each a element (only one, it the target URL ends with “/”, or if the final path element can be considered a view method name rather than an object id)

  • Can be configured using the Plone registry.

To do

  • Provide @@embed views for all standard objects.

  • Provide @@please_login and @@insufficient_rights views.

  • Use a web worker.

  • Find reliable CSS destination selectors for the content.

  • Make this package RequireJS-aware.

Examples

This add-on is currently under development and not yet used on public internet sites.

Documentation

Full documentation for end users can be found in the “docs” folder.

Installation

Install visaplan.plone.ajaxnavigation by adding it to your buildout:

[buildout]

...

eggs =
    visaplan.plone.ajaxnavigation

and then running bin/buildout.

Or, more likely:

Add it to the dependencies of your package, e.g. in your setup.py file.

You’ll need to provide @@embed views for your content types; ideally, you can use your already-existing BrowserView classes.

Contribute

Support

If you are having issues, please let us know; please use the issue tracker mentioned above.

License

The project is licensed under the GPLv2 (or later).

Contributors

Changelog

1.0.dev1 (unreleased)

  • Initial release. [tobiasherp]

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

visaplan.plone.ajaxnavigation-1.0.dev12.tar.gz (47.0 kB view details)

Uploaded Source

File details

Details for the file visaplan.plone.ajaxnavigation-1.0.dev12.tar.gz.

File metadata

  • Download URL: visaplan.plone.ajaxnavigation-1.0.dev12.tar.gz
  • Upload date:
  • Size: 47.0 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/1.13.0 pkginfo/1.4.2 requests/2.19.0 setuptools/41.0.1 requests-toolbelt/0.8.0 tqdm/4.23.4 CPython/2.7.5

File hashes

Hashes for visaplan.plone.ajaxnavigation-1.0.dev12.tar.gz
Algorithm Hash digest
SHA256 19d16a13b3355031bad76cf0d099c8afd8237104f59747d503755571a8100fc5
MD5 41c02a2b7eb4580dacdefb69c97384e5
BLAKE2b-256 553630d9d3ba3b3252734814af1d8b540b98c48c16b8943a51373d63830a6389

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page