Organization Pages

❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Overview

Following implementation of issue #5967, Studio will require a new set of frontend pages for the creation and management of organizations.

Complexity: Medium
Target branch: unstable

The Change

An additional set of pages needs to be added to the contentcuration's frontend project. Broadly, the goal is to mimic the style and segmentation of channel pages/features onto organizations:

• Add an /organizations/ page listing the organizations the user belongs to, as well as any public organizations
• Add an organizations/new page that allows users to create new organizations
• Add an /organizations/:organization_id: page listing specific details about an organization

How to Get There

For navigation, the user would open the burger menu on the side of their screen, and select the new "Organizations" section, which would bring them to the /organizations/ page.

Studio would keep the default home page as the /channels/ view for now. However, the channel page now will also include an organization filter so users can quickly find channels under a specific organization.

Acceptance Criteria

General

• Implement Pages Found Here
• Organization Listings Page
• Organization Creation Page
• Organization Details Page
• Channels Page Organization Filter

Accessibility and i18n

• All accessibility / i18n processes are respected on the new organization pages

Frameworks

• Kolibri Design is used across new pages
• Do not use Vuex on any part of the implementation (and if required, consult team)
• Do not use Vuetify, use the Kolibri Design System or equivalent custom components

Testing

• New testing is implemented to cover the new organization pages as done for previous frontend work

AI usage

No AI was used in the writing of this task.

Start by reviewing the existing channel pages and features in the contentcuration frontend, then compare the requirements with the linked pages.pdf. Implement the organization listings, creation, and details pages, plus the channels-page organization filter, following Kolibri Design and the stated accessibility, i18n, and testing requirements.