Plone-mockup

------------------

New features:

- Query String Widget: Allow configuration of subwidgets.
[thet]

- Added docs for the structureupdater pattern.
[thet]

- Related Items: Simplify templates a bit.
[thet]

Bug fixes:

- Fix callback of sortable pattern.
[tomgross]

- Related Items: Fix filtering of non-selectable and non-browsable items, so that no empty list elements are contained.
Filtering behavior is: When browsing, show only folderish or non-selected, selectable items (but non-selectable, folderish items are greyed out).
When searching, show only selectable items, which were not already selected.
This fixes an issue where it was impossible to select items when many items were filtered out.
[thet]

------------------

New features:

- Improve the user experience for the theme editor
- Search for files and text within files and opening the file upon click.
- Add Bootstrap Dropdown menu to the UI views.
- Enable Drag and Drop inside of the theme editor file tree.
- Fixed the Drag and Drop files to root of the file tree.
- Fixed the autoscrolling issue when dragging a file in the file tree.
- Add Anchor (a) tag to the UI views.
- Upgrade JQTree to 1.4.1
- Enable Drag and Drop inside of the theme editor file tree.
- Add contextual menu to theme files in the file tree.
[b4oshany]

- Make thumb scale in folder contents listing adjustable/supressable.
Replace meaningless paper clip icon (fontello) with mime type icons from mimetype registry.
https://github.com/plone/Products.CMFPlone/issues/1734
[fgrcon]

- For ``pat-modal``, let the ajax modal variant acquire it's ajax url when the modal is shown instead when the pattern is initialized.
This makes the modal respect a dynamically changed href attribute on a anchor tag, after it was initialized.
[thet]

- New pattern ``mockup-patterns-structureupdater`` to update title and description depending on the current context on Plone's folder contents page.
[thet]

- Add default plone color less variables for a more consistent design.
They will be overwritten by values set by Plone or integration projects.
[thet]

- Structure widget:
- Show ineffective label in folder contents for not yet effective and published content, likewise it's done with expires.
Show effective and ineffective label styled as bootstrap badges.
- Show "Description" below title, if it's set in ``availableColumns`` and ``activeColumns`` to save some screen space.
- Do not break whitespace within actionmenu links and don't underline them when hovering.
- Trigger ``context-info-loaded`` on body to be able to listen to the event outside the pattern.
[thet]

- Related Items widget:
- Add new mode "auto", which automatically sets ``search`` mode when a searchterm is present, otherwise ``browse`` mode.
- Use searchterm as substring, which matches also within words by wrapping searchterm with the "*" wildcard.
- Show a "One level up" button in the result set in browse mode.
- Show folder icons in in the result set front of items instead a arrow behind the items.
- Filter out non-selectable and non-folderish items in the result set when in browse mode.
- Add option to scan the selected list of items for other patterns.
- Add option for contextPath - objects with this path will not be selectable. This prevents the object where the relation is set on to from being selected and self-referenced.
- Make favorites container positon relative, so that the absolute positioned dropdown appears correctly.
[thet]

- Include TinyMCE 4.5.6
[frapell]

Bug fixes:

- Upload pattern: Fix missing plone.protect authenticator token which led to broken uploads.
[thet]

- fixed css-classes for thumb scales ...
https://github.com/plone/Products.CMFPlone/issues/2077
[fgrcon]

- modal: Fixed duplicate window.confirm on form unload.
Fixes `issue 777 <https://github.com/plone/mockup/issues/777>`_.
[seanupton]

- formunloadalert: Fixed incorrect use of Function.prototype.apply,
when call() was seemingly intended; fixes case where modal close leads to
exception. Fixes `issue 776 <https://github.com/plone/mockup/issues/776>`_.
[seanupton]

- In the insert link/image modal, pass use the correct related items widget options from the ``linkModal`` attribute.
[thet]

- Fixed path to tooltip less files.
This gave an ugly site in develoment mode when editing the loggedin bundle css.
Fixes `issue 1843 <https://github.com/plone/Products.CMFPlone/issues/1843>`_.
[maurits]

- Style filemanager toolbar to better fix small screens.
[thet]

- Fix pattern options initialization according to change in plone.app.theming.
See: https://github.com/plone/plone.app.theming/pull/124
[thet]

- Fix setting empty ace editor instance by passing an empty text.
[thet]

- Unify disabling of buttons by using setting the ``disabled`` DOM property instead using classes.
Fixes thememapper button staying disabled all the time.
[thet]

- Autoformat + eslint fixes for thememapper and filemanager patterns.
[thet]

- Update ``ace-builds`` to 1.2.6, which fixes IME handling in new Chrome.
[thet]

- Fix i18n in upload pattern.
[cedricmessiant]

- Do not use relative paths for imports in less files.
Use the less variables for paths instead.
Fixes a case, where less files couldn't be found in Plone development mode.
[thet]

- fix datepicker markup, see plone/Products.CMFPlone1953 - removes also ugly separator and uses CSS to add space.
[jensens]

- fix pat-moment: localization of default date display.
This was american english only, now it uses the configured locale format LLL (see momentjs docs) which is almost the same,
but works in any language.
[jensens]

- fix structure pattern: do not use a relative date in structure pattern, editors are complaining and it indeed is bad UX.
format with date and time in localized format 'L LT'
[jensens]

- fix structure pattern: if title is empty then show items ID.
[jensens]

- fix localization of "Open folder" link title in related items pattern
[datakurre]

- Fix issue where formunloadalert pattern raised initialization error for modals.
[datakurre]

- Update jqtree to version 1.4.1
[datakurre]

------------------

Incompatibilities:

- The related items and structure patterns have changed quite a lot.
Customizations might break due to these changes.
See below.


New:

- PickADate pattern: Add a button to set the date or time to now and another to clear all inputs.
Remove the clear buttons from the date and time picker itself, as they allowed incomplete input submission (e.g. date only when date and time were required).
Also remove the now obsolete footer buttons as a whole from the date picker.
Add options ``today`` and ``clear`` to hide those buttons when set to ``false``.
Use ``display: inline-block`` instead of problematic ``float:left``.
Refs: PR 740, Fixes 732.
[thet]

- PickADate pattern: Add option to automatically set the time when changing the date.
It defaults to set the time to the current time.
[thet]

- Change default sort option in livesearch pattern.
[rodfersou]

- Show expired label in folder contents for expired attributes
[vangheem]

- Related Items refactorings:

- Make "search" and "browse" mode user-selectable via buttons.

- Remove obsolete tree widget, use "browse" mode instead.

- Let "search" mode search recursively.

- Let "browse" mode start from current path.

- Immediately open select2 results when clicking on "Browse" or "Search" or browsing somewhere.

- Show only selectable items in "search" mode, if defined.

- Show only selectable and folderish items in "browse" mode, if selctable items are defined.

- Exclude already selected items in result list.

- Default closeOnSelect to true.

- Show "Open folder" arrow only when in "browse" mode.

- Seperate templates from JavaScript into xml files.

- Allow optional image and file upload (especially useful for image and file reference widgets).

- Allow configuration of "favorites" to quickly switch the current path via a dropdown menu.

- Adapt TinyMCE pattern to related item changes and remove now obsolete selection and result templates.

- Calculate all paths relative to the ``rootPath``, so that breadcrumbs navigation and favorites do not show paths outside the rootPath.

- For results and selected items with images, add a line break after the image.
[thet]


- More Related items pattern:

- Result button style allow for more room for scrollbar, and have subltle color change on hover to deliniate user-expected behavior of browsing vs. selecting item.

- Related Items pattern: content icon cross-compatibility with Plone 5.x and 4.x (via plone.app.widgets 1.x); in Plone 5 getIcon returned from brain is a boolean, in Plone 4, it is a string -- use this to show content icons in Plone 5 as previous, but also show image scale in Plone 4, but only for images. This is the most reasonable solution to avoid requesting many broken image scales (404) in Plone 4.

[seanupton]


- Structure pattern refactorings:

- Prevent popovers to be closed when clicking on non-visible elements which still use screen space (those with visibility: hidden or opacity: 0). That in addition to elements, which are not visible at all and do not use screen space (display: none). Prevents upload form in structure pattern to be closed when opening the file selection tool.

- Use thumb scale for image preview in rename dialog and optimize the rename dialog layout.

- Remove ``pat-relateditems`` path selection widget but make sure, the path can still be set via navigation within the structure pattern.

- Add ``css`` action menu item option and always do a pattern scan on action menu items. This allows to set patterns on them, e.g. to open a modal or use tooltips.

- Sort Available Columns dialog entries.

[thet]


- Contentloader pattern: Remotely loaded HTML content is wrapped in a ``div`` element, to allow jQuery to find also the first element.
jQuery starts to search at it's first child element.
[thet]

- TinyMCE: Simplify definition of custom imageScales by passing a JSON string.
[thet]

- Upload pattern: Add option ``allowPathSelection`` to disable the related items path selection.
[thet]

- Upgrade TinyMCE to 4.4.3
[ebrehault]

- Add select2 result class based on value of option so it can be styled
[vangheem]

- Add to interpret TinyMCE ``importcss_selector_filter`` and ``filter`` value
of each ``importcss_groups`` configuration value as RegExp value instead
of plain string to make importcss-plugin more configurable through pattern
[datakurre]

- Add ``defaultSortOn`` option in ``livesearch`` pattern.
[Gagaro]

- Add an option to set the path operator in QueryHelp and relateditem pattern.
[Gagaro]

- Add srcset attribute to image modal
[didrix]

Fixes:

- Change ``bool`` function in mockup-utils to allow for truthy values and match on falsy values.
[thet]

- Fix jquery.event.drag to work with HTML5 drag
[vangheem]

- Move tooltip pattern definition after bootstrapTooltip function definition.
This should fix `bootstrapTooltip is not a constructor errors`.
[vangheem]

- Make ``pat-tooltip`` useable by it's own by including the necessary less files and reuse that one in other patterns.
Allow configuration of ``placement`` parameter.
[thet]

- Update outdated links in Learn.md
[staeff]

- Use github fork of grunt-sed and remove unused task.
[gforcada]

- Fixes issue when HTML escaping select2 values. Now removing HTML completely and leave the input unescaped.
[petschki]

- Fix conflict between upload and relateditem browse button.
[Gagaro]

------------------

Incompatibilities:

- Remove support for node version < ``0.11`` and update travis dependencies.
[thet]

- Needs RequireJS configuration for ``mockup-patterns-relateditems-url``.
[thet]


New:

- Related items pattern: Result button style allow for more room for scrollbar, and have subltle color change on hover to deliniate user-expected behavior of browsing vs. selecting item.
[seanupton]

- Related items pattern: Related Items pattern: content icon cross-compatibility with Plone 5.x and 4.x (via plone.app.widgets 1.x); in Plone 5 getIcon returned from brain is a boolean, in Plone 4, it is a string -- use this to show content icons in Plone 5 as previous, but also show image scale in Plone 4, but only for images. This is the most reasonable solution to avoid requesting many broken image scales (404) in Plone 4.
[seanupton]

- Structure pattern refactorings:

- Allow definition of action menu items not only as dropdowns but also as buttons.

- Add ``openItem`` and ``editItem`` actions as buttons and remove the open icon from the title column.

- Open ``openItem`` links according to ``typeToViewAction`` instead of default with the ``/view`` postfix.

- Open ``editItem`` under ``/edit`` instead ``/edit``.

- Remove JS event handlers for externally opening simple URLs and use the href attribute instead.

- Add ``iconCSS`` option for action menus items to add icons.

- Add ``modal`` option for action menus items to allow links open in a modal.

- Add ``iconSize`` option to set the icon size if a item has an image.

- Use icons for all actionmenu entries.

- Use the tooltip pattern for all actionmenu buttons.

- Use pat-moment also for ``start``, ``end`` and ``last_comment_date`` columns.

- For columns with date fields, show an empty column if the date value is 'None'.

- Remove the checkbox and the actionmenu from the breadcrumbs bar for the current active folder to simplify the structure pattern.
The actionmenu contained redundant actions (cut, copy, paste) and selecting the current folder is possible one level up.

- Don't show empty alerts with ``alert-warning`` CSS class.
Show them transparent but in the same height as if they were not empty.
Align HTML structue with bootstrap ones and use ``<strong>`` for alert labels.

- Fix rearrange button

[thet]

- Be able to set structure status from server with object of { text: '', label: '', type: 'warning'}
so you can customize the status message from ajax handlers.
[vangheem]

- Add body class for active popover.
[vangheem]

- Add ``test-dev-ff`` as Makefile target and the related grunt/karma setup to run tests in Firefox.
[thet]

- Update bower.json dependencies except backbone which tests would fail.
Keep jQuery at ``1.11.3`` as long as this might be used in Plone 4.x together with plone.app.jquerytools, which uses the deprecated internal ``$.buildFragments`` method.
[thet]

- Update package.json dependencies, except less which has incompatible changes since 2.0 (less.parse).
[thet]

- Livesearch pattern: clear search term and hide results when Esc is pressed
[datakurre]


Fixes:

- Upload pattern LESS: included omitted styles for progress bar
in upload patttern by importing seletected styles from Bootstrap LESS.
Fixes incorrect/omitted display of progress bar in plone.app.widgets 1.x.
Built widgets.min.css is only 64 bytes larger, when gzipped.
[seanupton]

- Updated the documentation in LEARN.md
[janga1997]

- Fix issues where querystring widget was broke due to issues with
checks for undefined
[datakurre]

- Fix urls in modals not opening in new window
[vangheem]

- Fix positioning of popovers in structure
[vangheem]

- Escape input into select2 widget
[vangheem]

- Fix issue where using filter when paging would not work in the structure pattern
[vangheem]

- Fix structure to always default to page 1 of results when moving between breadcrumbs
[vangheem]

- Fix possible grid markup in modal
[petschki]

- Fix paste button not working
[vangheem]

- Re-add missing ``mockup-patterns-autotoc`` and ``mockup-patterns-modal`` dependencies to TinyMCE link modal.
[thet]

- Fix tests and mocks on real browsers for structure pattern test, which threw CSRF errors.
[metatoaster]

- Moment pattern: Don't try to parse obvious invalid dates ("None", "").
Avoids Moment.js deprecation warnings.
[thet]

------------------

New:

- set XML syntax coloring for .pt files in text editor
[ebrehault]

- Structure now accept customization options for a number of things in
the form of requirejs modules. This currently includes the extended
menuOptions definition, the menuGenerator per result item, the click
handler the link for each individual item, and the collection module
for interaction with the server side API for item generation.

Where applicable, the default implementation are now named requirejs
includes with those as the defaults to the relevant parameters.

Incidentally, this also required a major cleanup/refactoring of how
the ResultCollection class interacts with the pattern and its support
classes.
[metatoaster]

- Structure now supports IPublishTraverse style subpaths for push state.
[metatoaster]

- Alternative parameter/syntax for specification of the pushState url to
be inline with the usage of ``{path}`` token in URL templates.
[metatoaster]

Fixes:

- Fix fakeserver ``relateditems-test.json`` response to return ISO dates for ``CreationDate``, ``ModificationDate`` and ``EffectiveDate``, as they really do in Plone.
This resolves a moment deprecation warning in structure examples.
[thet]

- JSHint fixes and jscs formatings for structure pattern.
[thet]

- Cleanup RequireJS dependencies.
[thet]

- Fix TinyMCE to work with Safari when using inline mode. This fixes bug where Safari
would not work with mosaic
[vangheem]

- ``.jscs.json`` format fixes for newer jscs versions.
[thet]

- Fix ``Makefile`` to use ``mockup/build`` instead of ``build``.
[thet]

- Fix structure so rendering does not fail when paste button is missing.
[metatoaster]

- Fix structure so that different views can have its own saved visible
column ordering settings. Also loosen the coupling of the columns to
the data to aid in view rendering.
[metatoaster]

- Fix Build CSS button in thememapper with file system-based themes to display
the generated CSS in the editor.
[ebrehault]

------------------

New:

- Fix resource registry not allowing to go into development mode when
bundle is selected
[vangheem]

- Add rootPath suppport to relatedItems, to support navigation roots.
[alecm]

Fixes:

- fix query string preview using date queries
[vangheem]

- fix saving values for query string
[vangheem]

- be able to use multiple importcss_file_filter files
[vangheem]

- Fix issue where if existing querystring path value is ".::1",
after edit, the wrong value will be selected

- Calculate z-index for modals dynamically to always be on top
[vangheem]

- Fix path widgets initialization in querystring pattern.
[Gagaro]

- Fix XSS vulnerability issues in structure and relateditem pattern.
[metatoaster]

- Fix `aria-hidden` attribute control problem on folder content panel
[terapyon]

- Trim links in tinymce before inserting them in the source.
[Gagaro]

- Ensure we have all content for tree query in relateditems
[Gagaro]

- Fix default value for treeVocabularyUrl in relateditems.
[Gagaro]