mirror of
https://github.com/ascribe/onion.git
synced 2024-12-23 09:50:31 +01:00
42 lines
1.5 KiB
JavaScript
42 lines
1.5 KiB
JavaScript
'use strict';
|
|
|
|
export class ColumnModel {
|
|
// ToDo: Add validation for all passed-in parameters
|
|
constructor({ transformFn, columnName = '', displayElement, displayType, rowWidth, canBeOrdered, transition, className = '' }) {
|
|
this.transformFn = transformFn;
|
|
this.columnName = columnName;
|
|
this.displayElement = displayElement;
|
|
this.displayType = displayType;
|
|
this.rowWidth = rowWidth;
|
|
this.canBeOrdered = canBeOrdered;
|
|
this.transition = transition;
|
|
this.className = className;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* If a user opens an editionList of a piece and clicks on a specific edition to go to the
|
|
* piece detail page, all previously opened editionLists are still saved as show = true in the
|
|
* pieceList store.
|
|
*
|
|
* So if the user now comes back to this view the old data will still be in this store,
|
|
* since the browser wasn't able to load the new data (only containing show = undefined = false).
|
|
*
|
|
* This means that without closing all pieces after a transition, we'll get this flickering of editionLists.
|
|
*
|
|
* Since react-router does not implement a callback function for its transitionTo method, we have to do it
|
|
* our selfes, using this TransitionModel.
|
|
*/
|
|
export class TransitionModel {
|
|
constructor({ to, queryKey, valueKey, callback }) {
|
|
this.to = to;
|
|
this.queryKey = queryKey;
|
|
this.valueKey = valueKey;
|
|
this.callback = callback;
|
|
}
|
|
|
|
toReactRouterLink(queryValue) {
|
|
return '/' + this.to + '/' + queryValue;
|
|
}
|
|
}
|