mwSelectBox: Use mwModelAttr if provided to set selected item of selectbox
- Remove angular sanitize from file include in mwUI.Relution to provide angular 1.5 support
- Add
is-visibleattribute to mw-menu-entry to hide menu entries without removing them from the dom. When usingng-ifto hide/show menu entries it can lead to a jump in the navigation bar when it is re-added
- Fix upload state of file uploader for small files.
- Update to latest angular version 1.7
- Fix broken initial state of searchbar (#222)
- Make option group body clickable to select option (#214)
- Add option to mw-header to disable refresh button (#221)
- Don't trigger request when search term is empty and user clicks on search icon (#222)
- Fix allignments of badges and tooltip of for mw-checkbox-wrapper (#205)
- Soften phone number validation and allow slashes/dashes/slashes/whitspaces (#215)
- Refactor fileuploader to split up uploader directive into smaller directives
- Fix double click issue in internet explorer (#220)
- Add options to file uploader to hide remove file button and to show select file button always
- Improve
mwSidebarDateRangeusability. - Extend e2e support
- make sure that query params that are set to removeOnUrlChange are removed on url change (Fix #202)
- make sure that controller is not reinitialised when a query param is set by url storage
- Improve styling of the directive
mwCollapsable.
- Improve style of badges in the directive
mwFormCheckbox
- add id attribute to
mwMenuTopItemandmwMenuTopDropDownItemto support a better navigation in e2e test cases.
- Reverted "Improve memory usage by unbinding several event and rootscope listeners on $destroy" which was introduced in 1.22.0 because it's unstable
- Minor fixes regarding anchor href references.
- The directive mw-prevent-default allow event propagation again.
- The directive mw-prevent-default stops now also the propagation of an event.
- The mw-header directive hides the refresh button if the directive mw-form-actions is present
- Improve memory usage by unbinding several event and rootscope listeners on $destroy
- Persist sort order in url as query param
- Display total amount of items when items are selected
- Display reload button in header
- Add possibility to pass a description into the header
- Clean up timeouts and throttled executions when menubar, menu-entry is destroyed. Otherwise functions are triggered that should not be triggered which results in an exception
- Keep tab content in the DOM by default. For complex tab content the attribute
removeInactiveContentonmwTabscan be set to true. The default behaviour in gerenral is a bit faster during the initialisation but may slow down the general performance because the content wit h all its listeners stays in the dom.
- Fix #182: Menuentry is not hidden when it is removed during menu initialisation
- Urls query params that are set by the
mwUrlStoragewon't be put into the navigation history by default. So when callingmwUrlStorage.setItem('key','value')it will append the query prams to the url but not create a history entry. When using the back button you will be moved to the previous url. If you want to let the user browse through the different query states you can set the options paramkeepInHistorymwUrlStorage.setItem('key','value', {keepInHistory: true})
- Fix bug that tab pane could not be selected by number anymore
- Trigger Backbone model/collection sync events (
request,sync,error) when callingmodel.requestor `collection.request - Set property
isSynchronisingon model/collection on request and unset it when its done
mw-view-change-loadercan be set manually by triggering rootscope events$showViewChangeLoaderand$hideViewChangeLoadermwTabPanewas extended with scope propertyidand its possible to select a tab pane frommwTabBarby setting scope propertyactivePaneNumber- Transcluded content from
mwTabPaneis removed when tab is not selected anymore
- Add
backdrop-filtertomwHeaderto blur content beneath it (works only in safari so far)
- Fix mwUrlStorage so it also removes query params from url when they were set to
options.removeOnUrlChangeand remove is called
- Directive
mw-listable-actionwas added to define a custom action that is registered as action column similiar tomw-list-url-action-buttononly that you can transclude custom content and define custom function. Custom function is executed on click of the element and when the user double clicks on the row.<td mw-listable-action="action()"> <div mw-arrow-button></div> <!-- transclude custom content --> </td>
- Colspan of action column header is now set correctly. It uses the maximum of registered
mw-listable-actionper row. So when the first row registers only onemw-listable-actionbut the second registers two the colspan of the action column header element will be set to two
- Adding mwRuntimeStorage service with an api like localstorage to store key, values during runtime
- Adding mwScheduler to run future tasks. mwScheduler can be paused and continued at any time. When paused the execution time from tasks will be paused. mwScheduler is paused when window becomes inactive and started when window becomes active again
- Toasts are using mwScheduler for the auto hide logic to fix #168
- Filters, Searchquery and sort order are not persisted in localstorage anymore only in mwRuntimeStorage
- Handling for invalid filters that can not be applied anymore
- Fix wrong positioned table configurator dropdown when you have scrolled down in the list
- Fix flickering of columns during table initialisation
- The
mw-collabsablewas extended with two optional attributesiconandtooltip.
<div mw-collapsable="true" mw-title="Title" tooltip="ABC DEF"> <!-- for helper tooltip -->
```html
<div mw-collapsable="true" mw-title="Title" tooltip="ABC DEF" icon="fa-taxi"><!-- for helper tooltip with custom icon -->When a tooltip is provided but no icon the question circle will be used as icon
- When reseting a filter of the
Filterablethe pagination will be also reset. (#159)
- Table rows got a opacity fade in animation to prevent flickering during initialisation when user has changed visibility of columns.
- Columns that have been hidden or made visible by the user are now persisted in localstorage so they keep their visibility status after reload (#144)
mwFileUpload: Made cancel button visible by default. To hide it sethideCancelBtntotrue.mwFileUpload: Added some small animations to the uploader.mwFileUpload: Adjusted text of cancel button toAbort upload.
- Fix #154 by changing the visibility handling of columns. Provided test cases to check functionality
- Fix typo in mwMimetype service which prevents uploads with file extension image/jpeg.
- Add an additional check to the directive
mw-multi-select-boxesin the eventaddBeforeSave. This will fix an issue when the Backbone object is instantiated but empty. The event will now no longer add this empty object to the collection.
- Extend the directive
mw-multi-select-boxesby listening to the eventaddBeforeSave. If the event gets triggered by the mwListCollection, the last selected element will be added to the list, even when the user didn't clicked on the add button.
- Fixes the directive
mw-file-uploadby adding an optional flag (showCancelButton) to explicitly show the cancel button, by default the directive doesn't show the cancel button.
<div mw-file-upload
...
show-cancel-button="true"> <!-- set the flag to true if you want to cancel the upload -->
</div>- Extend the directive
mw-file-uploadby adding an optional flag (abortFlag) to abort the current upload from outside the directive.
<div mw-file-upload
...
abort-flag="viewModel.abortFlag"><!-- set the flag to true if you want to cancel the upload -->
</div>- Fixes the column configurator feature, which was introduced in 1.0.17, by adding a configuration flag to enable it.
The feature is now deactivated by default to ensure the backwards compatibility.
It can be enabled for every single list by adding the
enable-configurator="true"flag.
<table mw-listable-bb
collection="ctrl.heroes"
enable-configurator="true">
...
</table>- Change version number pattern from MAJOR.0.MINOR to match the Semantic Versioning Specification (SemVer) pattern (MAJOR.MINOR.PATCH). -- This will fix the versioning syntax in bower.json when version ranges are used.
- The columns of a table are now configurable. The user can now select columns that should be (not) visible. You can
add optional columns by adding the attribute
hiddento themw-listable-header-bbdirective. It is also possible to configure optional columns per bootstrap breakpointxs,sm,md,lgby passing them as array into thehiddenattribute. Optional columns will be only visible when the user selects them or they don't match the active breakpoint. If you have columns that are mandatory and shall not be unselected you can set the attributemandatoryThe<table mw-listable-bb collection="ctrl.heroes"> <thead> <tr mw-listable-header-row-bb> <th mw-listable-header-bb width="30%" mandatory="true"> <!-- is mandatory and user can not unselect this column --> {{'hero.name' | i18n}} <!-- this is the text that will be displayed in the column configurator because no title was defined --> </th> <th mw-listable-header-bb sort="abc" title="Description" <!-- this is the text that will be displayed in the column configurator --> hidden <!-- is not visible for all breakpoints unless user selects column to be visible --> width="30%"> {{'hero.description' | i18n}} </th> <th mw-listable-header-bb hidden="['xs', 'sm']" <!-- is not visible when the breakpoint xs or sm is active (smartphones, tablets) --> width="40%"> {{'hero.superPowers' | i18n}} </th> </tr> </thead> <tbody> <tr mw-listable-body-row-bb ng-repeat="item in ctrl.heroes.models"> ... </tr> </tbody> </table>
mw-listable-header-row-bbautomatically adds a button that lets the user configure the visiblity of all columns. The column name is automatically generated either by using the title attribute or the transcluded text
- The directive
mw-file-uploadwas extended with the attributehas-drop-zone="true|false"to disable the dropzone where the user can drop a file. By default the dropzone is turned on. - The directive
mw-file-uploadgot a cancel button to abort uploads. The button is visible when an upload is in progress - The directive
mw-file-uploadwas restyled and displays the file name that is uploaded. It also got translations for the locales de_DE and en_US.
- Back button of
mw-headeris now more visible by adding a border around it (#126) - A refresh icon was added to the
mw-headerto make a soft page refresh
- Fixed bug that menu did not close when changing screen size or changing the route in mobile mode (#131)
- Fixed wrong initial state of
mwCollapsablewhen content was not available during initialisation (#136)
- Fixed exception when filter attribute of filterable is not available (#137). When this happens e.g when the user changes the url query param manually the whole filter will be reset
- Support pages without
mwHeader - Handle style when no
mwMenuTopBaris available
- Modaloptions was extended with size property so a modal size can be configured:
- DEFAULT: Default bootstrap modal size
- BIGGER: Takes almost whole window, max size 1024px
- LARGE: Takes almost whole window without a max size
- FULLSCREEN: Takes the whole window
Modal.prepare({ templateUrl: 'PTH_TO_TEMPLATE.html', controller: 'CONTROLLER_NAME', size: mwUI.Modal.Sizes.DEFAULT|BIGGER|LARGE|FULLSCREEN });
- Hardcoded
max-heightofmwCollapsablewas removed and is now calculated during runtime. It also allows transcluded content to grow in height. mwOptionsGroupwas extended with the optional attributebadgesthat can be an array of strings. They will be displayed as badges right next to to the title
mwFileUploaddirective registers error message formwInputWrapperwhen mime-type is invalid.
- Fixed issue that reset button did not work when the search input was focused
- Responsive mode of
mwListHeadwas adjusted so the clear search button is not floating around in the middle of the view. Instead the reset button will replace the search icon as soon as there is a input value.
- Fixed overflow issue in modal body. When the content is wider then the modal it can be scrolled horizontally
- Fixed duplicate is required error message in
mwFileUploaddirective - Remove
icon-prefix of relution font icons because font was updated
- Selectable was extended with the public method
setSingleSelection(true|false)to change the selection mode. It also allows to set single selection to true even though the attributepreSelectedis a collection.
- Service
mwUrlStoragewas added to store runtime vars in url e.g. for deeplinking. CallmwUrlStorage.setItem('key','value')to store a variable in the url. Will be available also after route change.
mwTabsdirective got attributetabChangedto register a callback when a tab has been changed
mwFileUploaddirective checks whether model is instance ofBackbone.Modelinstead ofmCAP.Model
- Selectable of the collection was extended with the method
useSelectionFor(modelOrCollection)to reset themodelOrCollectionwith the current selection - The
mwUI.Collectionis now triggering the eventchange:filterValuewhen a filter was set on the filterable
- The menu-entry directive was extended with an
is-activeattribute that accepts a function or a boolean. This attribute can be used to control the active state of amw-menu-entryprogrammatically. Can be useful for entries that don't have a url but only a click action. When a manualis-activefunction is defined the url won't be checked
<div mw-menu-entry
label="abc"
url="#/xyz"
is-active="false"></div> <!-- This entry will never be in active state -->
<div mw-menu-entry
label="abc"
url="#/xyz"
is-active="true"></div> <!-- This entry will always be in active state -->
<div mw-menu-entry
label="abc"
url="#/xyz"
is-active="ctrl.isEntryActive()"></div> <!-- This entry will be in active state when the isEntryActive() function returns true --> - The search query of
mw-listable-head-2(#93) will be persisted in local storage. To get the feature working the Attributecollectionofmw-listable-head-2has to be replaced with the attributemw-list-collection="mwListCollection" - Fixed the selection of a public filter in the filter bar on page reload
- Switch filter sidebar tabs immediately instead of waiting for the fetch results
- Display loading spinner in filter sidebar tab when the filter is fetching results
The page of the filterable is reset to 1 when a filter was set. This fixes the wrong offset when the user has paginated through the collection and changes the filter afterwards e.g. by searching.
The scroll listener of the directive mwListableHead2 is now only active when the directive is visible to improve performance
and to fix broken affixed state when a user is e.g. switching from one tab to another
Sort order of listviews will be persisted in local storage
The service mwModalOptions was added to configure global modal options. Those options will be used for all modals except the modal configures it differently.
angular.module('App')
.config(function (mwModalOptionsProvider) {
mwModalOptionsProvider.config({
holderEl: '.module-page', // Element where modal should be appended to (default is body)
styleClass: 'my-modal-class', // Css class that should be set on the modal when appended to DOM
dismissible: false // Whether the user should be able to close modal by clicking on backdrop (default true)
});
});- Fixed filter owner check on page reload #80. Waits until user is authenticated before checking if authenticated user is the filter owner
- Fixed sass datepicker dependencies file import #79. Removed those files from sass import. You have to make sure that
you have imported
bootstrap-sass-datepicker/sass/datepickerin yourmain.scssbefore including the uikit sass file. The other filebootstrap-sass-official/assets/stylesheets/bootstrap/variablesis already imported there
Added public filter functionality for src-relution. This lets the user create a public filter that can be seen by all users of the organisation
Added directive mw-form-actions that can be used in the mw-header directive to save the form or to cancel the changes.
Save button is disabled when form is invalid. save and cancel functions can be defined that should be executed on button click.
When the function is returning a promise a loading spinner is displayed until the promise is resolved.
-
Added
mw-uidirective that shall be used as top directive. It applies basic styles and sets up thetoastsholder<html> <body> <div mw-ui> <!-- Your app --> <div ng-view></div> </div> </body> </html>
-
Added
mw-sidebardirective. -
Added
mw-footerdirective. -
mw-headerdirective is now setting the browser title
- An optional icon and tooltip can be defined for
mw-tabs-panedirective
- Added service to get and set browser title
- Added
mw-append-route-classdirective to append css classes that were defined for a route in the$routeProvider
- fixed style of toasts that are displayed in the modal
- fixed default selector where the modal should be appended. Is now
body
- fixed style of unselect button in the list header
- fixed affix bug of list header when no header element could be found
- sanitize message when option
isHtmlMessageis set totrue
- fix style of mw-button-help
- fix missing translation of mw-button-help when changing the locale
Added directives to create a top menu bar. It provides an easy markup to create the Bootstrap navbar
<div mw-menu-top-bar>
<img src="PATH_TO_LOGO_IMG"> <!-- header image -->
<div mw-menu-top-entries>
<div mw-menu-entry
label="Start"> <!-- dropdown entry with sub entries -->
<div mw-menu-entry
url="#/start"
label="Index"> <!-- dropdown sub entry -->
</div>
<div mw-menu-entry
url="#/start/details"
label="Details">
</div>
</div>
<div mw-menu-entry
url="#/start/new"
label="New"> <!-- normal entry without sub entries-->
</div>
</div>
</div>Fixed missing leave confirmation for form. The leave confirmation should be displayed when the user made changes in a form and tries to leave the form (e.g. by navigting to a different page) without submitting the changes. The form leave confirmation is available as a directive called mw-form-leave-confirmation that can be applied on form elements
<form mw-form-leave-confirmation></form>- Fixed collection selectable performance issue. Internal change listeners on the selection state of the model where registered multiple times.
- Fixed collection selectable wrong reference issue when calling preSelectCollection. The reference was not updated to the model in the actual collection.
- Fixed mw-select-box directive to also work in Firefox. Previously it was not possible to select an item in Firefox
It is now possible to define a basePath for i18n locales and resources.
This can be useful when you want to overwrite translations of the uikit or
add new translations for locales that are not supported by the uikit.
To do so you can simply overwrite the resource path of an uikit translation.
Each module has a i18n folder when it has directives that include a text.
If you want to replace the translation e.g. of the mw-list module copy the
i18n folder into your directory of choice. After that you have to overwrite the
existing resource with your new basePath.
To do so call the the method
i18nProvider.addResource('mw-list/i18n', 'PATH_TO_YOUR_NEW_DIRECTORY')
during the angular config phase.
In the run phase it will fetch the translations for mw-list by making a
$templateRequest to the path PATH_TO_YOUR_NEW_DIRECTORY/mw-list/i18n/{locale}.json.
If you want to replace all translations of the uikit you have to repeat the steps for all uikit modules
The modal prepare method got a new option called dismissible. It is set to true by default.
If it is set to false the modal can not be closed by clicking on the backdrop or by hitting escape.
Modal.prepare({
templateUrl: 'PTH_TO_TEMPLATE.html',
controller: 'CONTROLLER_NAME',
dismissible: [true|false]
});
- Fixed bug that the wrong link was executed when double clicking on a row.
This happened when not every row had a mw-listable-link-show-bb
directiveBug is fixed and a double click will execute the correct link.
- Modal got a function to watch its scope attributes. It is not recommended to call
modal.getScope()and add a watcher because the scope will be destroyed on hide so the watchers are gone. If you want to watch on scope attributes use themodal.watchScope(expression, callback). It delegates to the angularscope.$watchand ensures that you will always watch on the right scope.
- The directive
mw-hide-on-requestwas added to hide the transcluded content and show a spinner as long as the backbone model or collection is syncing<div mw-hide-on-reqeust="backboneModel"> Content that sould be hidden while the model is beeing synched </div>
- The loading spinner of
mw-list-footerwill be only displayed when the collection is fetching data and has a next page (#19)
- Collection got a request method that works as the request method of the model. This method can make plain ajax request that are not bound to the collection url.
- You can define a
hostNameand abasePaththat should be used by the collections and models to generate the url for the remote calls. ThehostNameandbasePathcan be defined globally by settingmwUI.Backbone.hostNameandmwUI.Backbone.basePathand the attribute can be overwritten perModelandCollection
- Modal can be configured with controllerAs that is exposed to the modal template
- Modal can be configured with preresolvers. All preresolvers will be resolved and injected into the controller before the modal is opened
- Modal triggers the following events:
- $modalOpenStart
- $modalResolveDependenciesStart
- $modalResolveDependenciesSuccess
- $modalOpenSuccess / $modalOpenError
- $modalCloseStart
- $modalCloseSuccess
- Translations can be added during run time. Previously it was only possible to
define translations in the angular config phase.
Already existing translations for keys will be overwritten.
i18n.extendForLocale('de_DE', {common: {helloWord: 'Hallo Welt'}}); i18n.extend({de_DE: {common: {helloWord: 'Hallo Welt'}}, en_US: {common: {helloWord: 'Hello World'}}};
- The attribute
baseUrlis replaced by the new attributeshostNameandbasePath
- The
concatUrlPartsmethod was moved from theUtilsmodule into theBackbonemodule. You have to callmwUI.Backbone.Utils.concatUrlPartsinstead ofwindow.mwUI.Utils.shims.concatUrlParts