feat: Add filters in timeline view

cypress/e2e/timelines-filters.cy.ts

@@ -0,0 +1,71 @@
+/**
+ * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { navigateToTimeline } from './timelines.ts'
+import { setupPhotosTests } from './photosUtils.ts'
+import type { User } from '@nextcloud/cypress'
+
+const resizeObserverLoopErrRe = /^[^(ResizeObserver loop limit exceeded)]/
+Cypress.on('uncaught:exception', (err) => {
+	/* returning false here prevents Cypress from failing the test */
+	if (resizeObserverLoopErrRe.test(err.message)) {
+		return false
+	}
+})
+
+let alice: User
+
+describe('View list of photos in the main timeline', () => {
+	before(() => {
+		setupPhotosTests()
+		.then((setupInfo) => {
+			alice = setupInfo.alice
+		})
+	})
+
+	beforeEach(() => {
+		cy.login(alice)
+		cy.visit('/apps/photos')
+	})
+
+	it('Apply date range filter to timeline', () => {
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+		cy.get('[data-cy-timeline-filters="date-range"] input[name="date"]').type('2020-01-01 ~ 2020-12-31{enter}', { scrollBehavior: 'nearest' })
+		cy.get('[data-test="media"]').should('have.length', 2)
+		cy.get('[data-cy-timeline-filters="date-range"] input[name="date"]').clear()
+		cy.get('[data-cy-timeline-filters="date-range"] input[name="date"]').type('{enter}')
+		cy.get('[data-test="media"]').should('have.length', 5)
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+	})
+
+	// TODO: Needs https://github.com/nextcloud/server/pull/52542 to work
+	xit('Apply places filter to timeline', () => {
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+		cy.get('[data-cy-timeline-filters="places"] input[type="search"]').type('Lauris{enter}', { scrollBehavior: 'nearest' })
+		cy.get('[data-test="media"]').should('have.length', 1)
+		cy.get('[data-cy-timeline-filters="places"] input[type="search"]').type('Annot{enter}', { scrollBehavior: 'nearest' })
+		cy.get('[data-test="media"]').should('have.length', 2)
+		cy.get('[data-cy-timeline-filters="places"] input[type="search"]').clear()
+		cy.get('[data-test="media"]').should('have.length', 5)
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+	})
+
+	it('Toggling filters resets filters', () => {
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+		cy.get('[data-cy-timeline-filters="date-range"]').click()
+		cy.get('[data-cy-timeline-filters="date-range"] input[name="date"]').type('2020-01-01 ~ 2020-12-31{enter}', { scrollBehavior: 'nearest' })
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+		cy.get('[data-test="media"]').should('have.length', 5)
+	})
+
+	it('Changing view resets filters', () => {
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+		cy.get('[data-cy-timeline-filters="date-range"]').click()
+		cy.get('[data-cy-timeline-filters="date-range"] input[name="date"]').type('2020-01-01 ~ 2020-12-31{enter}', { scrollBehavior: 'nearest' })
+		navigateToTimeline('photos')
+		cy.get('[data-test="media"]').should('have.length', 5)
+	})
+
+})

js/AbortControllerMixin-D4w_j-jP.chunk.mjs

@@ -0,0 +1,2 @@
+import{d as t}from"./vue.runtime.esm-C8-0a0Ou.chunk.mjs";const a=t({name:"AbortControllerMixin",data(){return{abortController:new AbortController}},methods:{abortPendingRequest(){this.abortController.abort(),this.abortController=new AbortController}},beforeDestroy(){this.abortController.abort()},beforeRouteLeave(r,e,o){this.abortPendingRequest(),o()}});export{a as A};
+//# sourceMappingURL=AbortControllerMixin-D4w_j-jP.chunk.mjs.map

js/ActionFavorite-Z7W25n_C.chunk.mjs → js/ActionFavorite-DYUa5Fsw.chunk.mjs

@@ -1,2 +1,2 @@
-import{d as o,t as s}from"./vue.runtime.esm-C8-0a0Ou.chunk.mjs";import{S as i,n as r}from"./icons-CCMXs15V.chunk.mjs";import{B as a}from"./index-Cqm0PfGL.chunk.mjs";const l=o({name:"ActionFavorite",components:{Star:i,NcActionButton:a},props:{selectedFileIds:{type:Array,required:!0}},computed:{files(){return this.$store.state.files.files},shouldFavoriteSelection(){return this.selectedFileIds.some(t=>this.files[t].attributes.favorite===0)}},methods:{async favoriteSelection(){await this.$store.dispatch("toggleFavoriteForFiles",{fileIds:this.selectedFileIds,favoriteState:1})},async unFavoriteSelection(){await this.$store.dispatch("toggleFavoriteForFiles",{fileIds:this.selectedFileIds,favoriteState:0})},t:s}});var c=function(){var t=this,e=t._self._c;return t._self._setupProxy,t.shouldFavoriteSelection?e("NcActionButton",{attrs:{"close-after-click":!0,"aria-label":t.t("photos","Mark selection as favorite")},on:{click:t.favoriteSelection}},[t._v(" "+t._s(t.t("photos","Add selection to favorites"))+" "),e("Star",{attrs:{slot:"icon"},slot:"icon"})],1):e("NcActionButton",{attrs:{"close-after-click":!0,"aria-label":t.t("photos","Remove selection from favorites")},on:{click:t.unFavoriteSelection}},[t._v(" "+t._s(t.t("photos","Remove selection from favorites"))+" "),e("Star",{attrs:{slot:"icon"},slot:"icon"})],1)},n=[],f=r(l,c,n,!1,null,null);const h=f.exports;export{h as A};
-//# sourceMappingURL=ActionFavorite-Z7W25n_C.chunk.mjs.map
+import{d as o,t as s}from"./vue.runtime.esm-C8-0a0Ou.chunk.mjs";import{S as i,n as r}from"./icons-DIHlkdtB.chunk.mjs";import{B as a}from"./index-_ht8pMWC.chunk.mjs";const l=o({name:"ActionFavorite",components:{Star:i,NcActionButton:a},props:{selectedFileIds:{type:Array,required:!0}},computed:{files(){return this.$store.state.files.files},shouldFavoriteSelection(){return this.selectedFileIds.some(t=>this.files[t].attributes.favorite===0)}},methods:{async favoriteSelection(){await this.$store.dispatch("toggleFavoriteForFiles",{fileIds:this.selectedFileIds,favoriteState:1})},async unFavoriteSelection(){await this.$store.dispatch("toggleFavoriteForFiles",{fileIds:this.selectedFileIds,favoriteState:0})},t:s}});var c=function(){var t=this,e=t._self._c;return t._self._setupProxy,t.shouldFavoriteSelection?e("NcActionButton",{attrs:{"close-after-click":!0,"aria-label":t.t("photos","Mark selection as favorite")},on:{click:t.favoriteSelection}},[t._v(" "+t._s(t.t("photos","Add selection to favorites"))+" "),e("Star",{attrs:{slot:"icon"},slot:"icon"})],1):e("NcActionButton",{attrs:{"close-after-click":!0,"aria-label":t.t("photos","Remove selection from favorites")},on:{click:t.unFavoriteSelection}},[t._v(" "+t._s(t.t("photos","Remove selection from favorites"))+" "),e("Star",{attrs:{slot:"icon"},slot:"icon"})],1)},n=[],f=r(l,c,n,!1,null,null);const h=f.exports;export{h as A};
+//# sourceMappingURL=ActionFavorite-DYUa5Fsw.chunk.mjs.map