diff options
author | dizzy <diosmosis@users.noreply.github.com> | 2021-11-09 04:05:20 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-11-09 04:05:20 +0300 |
commit | bc75f9dafc9287a7864f3ecd556a5ae6b699546a (patch) | |
tree | c8461f202d2bb2bfc7a15391817aaee4e9e10270 /plugins/CoreVue | |
parent | 312d3a0c0ec44c7ac38be43af9b290b2ba7aeefd (diff) |
[Vue] migrate date-picker and other period-selector related components (#18213)
* migrating RateFeature and ReviewLinks + adding AjaxHelper.fetch utility method (all untested)
* get ratefeature component to work, modify matomodialog component to use v-model, add event parameters to createAngularAdapter, allow translate to use variadic args or one string array + rebuild
* remove ratefeature angularjs files
* rebuild + make vue mapping property optional in createANgularJsAdapter
* migrate enrichedheadline and get to work
* fix test
* fix translate
* fix another translate issue & migrate contentblock directive
* fix anchor links, not including the "/" causes angularjs to fail (also on 4.x-dev)
* update expected screenshots
* fix ui test
* fix some test failures
* fix nested transclude issue
* remove content block files
* fix icon spacing that occurs due to angularjs inserting empty comments in between nodes while vue 3 does not
* update some screenshots
* update screenshot (actually fixes an alignment issue)
* update screenshot
* first pass at converting comparisons service/component
* get new code to build and load without error in the UI
* debugging
* getting basic functionaltiy to work
* Update _dataTable.twig
* fix UI test failure + URL encoding/angularjs issue causing back button to not work
* fix order of operations issue
* built vue files
* using ref in setup() is not needed to access this.$refs
* Convert comparisons service angularjs tests to comparison store typescript tests.
* migrate piwik-date-picker directive
* migrate date range picker component (changed invalid date in input handling to just reset back to the previous date since it was easier in vue to do that)
* migrate period-date-picker component (using composition api more when easier for migration)
* convert piwik-expand-onclick directive to vue directive
* migrate expand on hover directive to vue directive
* fix variable reference
* build
* built vue files
* rewrite URL handling to use computed properties in a URL store + do the same for other dependent data in the comparison store to allow vues to subscribe to the properties for changes to global state
* fix some tests
* some more fixes
* more fixes + disallow modifications to MatomoUrl state
* get angularjs unit tests to pass + fix a couple more issues
* another fix
* fix bad merge
* self review + fixes
* remove old fix as it may not be needed anymore
* empty string is not a valid date + do not report invalid date exception just rethrow
* update screenshots and try to fix random failure
* use jquery $destroy event instead of scope one since the scope one is broadcasted
* rangeChange event must be triggered once on mount
* initialize startDateText/endDateText correctly
* use jquery $destroy event instead of angularjs one
* built vue files
* correctly implement stateful directives for ExpandOnClick/ExpandOnHover
* built vue files
* Update DatePicker.vue
* Update DatePicker.vue
* built vue files
Diffstat (limited to 'plugins/CoreVue')
-rw-r--r-- | plugins/CoreVue/types/index.d.ts | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/plugins/CoreVue/types/index.d.ts b/plugins/CoreVue/types/index.d.ts index a5ae060795..04f0ef874d 100644 --- a/plugins/CoreVue/types/index.d.ts +++ b/plugins/CoreVue/types/index.d.ts @@ -68,6 +68,7 @@ declare global { modalConfirm(element: JQuery|JQLite|HTMLElement|string, callbacks: ModalConfirmCallbacks, options: ModalConfirmOptions); getAngularDependency(eventName: string): any; isAngularRenderingThePage(): boolean; + setMarginLeftToBeInViewport(elementToPosition: JQuery|JQLite|HTMLElement|string); } let piwikHelper: PiwikHelperGlobal; @@ -105,10 +106,17 @@ declare global { broadcast: BroadcastGlobal; ColorManager: ColorManagerService; ajaxRequestFinished?: () => void; + minDateYear: number; + minDateMonth: number; + minDateDay: number; + maxDateYear: number; + maxDateMonth: number; + maxDateDay: number; updatePeriodParamsFromUrl(): void; updateDateInTitle(date: string, period: string): void; hasUserCapability(capability: string): boolean; + getBaseDatePickerOptions(): {[key: string]: any}; on(eventName: string, listener: WrappedEventListener): void; off(eventName: string, listener: WrappedEventListener): void; @@ -118,7 +126,6 @@ declare global { let piwik: PiwikGlobal; - // add the objects to Window so we can access them through window if needed interface Window { angular: IAngularStatic; globalAjaxQueue: GlobalAjaxQueue; |