Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Thr 20 create UI elements #2577

Merged
merged 20 commits into from
Jul 31, 2023

Conversation

marode-cap
Copy link
Contributor

@marode-cap marode-cap commented Jun 19, 2023

Short Description

! This PR is not being merged into main, but into our feature branch !

This PR integrates the H5P editor into the vue client

Links to Ticket and related Pull-Requests

hpi-schul-cloud/schulcloud-server#4190
hpi-schul-cloud/schulcloud-client#3211

Changes

  • Integrates H5P editor into vue frontend
  • Adds a few new translations for en/de (We will collect all new keys and translate them at the end)
  • Updates API docs

Data-security

Deployment

New Repos, NPM packages or vendor scripts

Screenshots of UI changes

Checklist before merging

  • QA: In addition to review, the code has been manually tested (if manual testing is possible)
  • PO: Any deviation from requirements was agreed with Product-Owner / ticket author / support-team

Notice: Please keep this Pull-Request as a Draft (or add WIP label), until it is ready to be reviewed

@marode-cap marode-cap added the WIP someone is working on that label Jun 20, 2023
@marode-cap marode-cap marked this pull request as ready for review June 20, 2023 06:17
@marode-cap marode-cap added waiting for review Someone should review this ASAP and removed WIP someone is working on that labels Jun 20, 2023

async function onValidParams(event: ParamsValidEvent) {
try {
const response = await $axios.post<{
Copy link
Contributor

@virgilchiriac virgilchiriac Jun 22, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why axios? is there no store and then why not using the generated api to call the backend, like other components?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There is no store because this is not part of the state.
But you are right on not using the generated API, I've updated the code to use it

src/layouts/loggedIn.layout.vue Outdated Show resolved Hide resolved
src/pages/H5PEditor.page.vue Show resolved Hide resolved
@marode-cap marode-cap added WIP someone is working on that and removed waiting for review Someone should review this ASAP labels Jul 26, 2023
@marode-cap marode-cap added waiting for review Someone should review this ASAP and removed WIP someone is working on that labels Jul 28, 2023
@marode-cap marode-cap merged commit 66f8f5a into THR-18-dev-feature-h5p-editor Jul 31, 2023
@marode-cap marode-cap deleted the THR-20-create-ui-elements branch July 31, 2023 12:43
casparneumann-cap added a commit that referenced this pull request Nov 16, 2023
* Thr 12 h5p editor player (#2540)

* Create proxy for h5p editor in dev-environment

* basic implementation h5p page

* id variable and refactoring

* added editor page

* change and add routes

* sonar issues fixed

---------

Co-authored-by: Marvin Rode <marvin.rode@capgemini.com>

* Thr 20 create UI elements (#2577)

* Integrated H5P Webcomponents into Vue client

* add script-src-elem to nginx config

* add H5P_IMG_SRC_URLS to nginx config

* THR-27: add language param to h5p endpoints (#2734)

* add language param to h5p endpoints

* generate client server

* update h5p imports

* THR-6 H5P Editor authorization frontend changes (#2775)

* Generate API and include parent information

* Vue prop types

* add location h5p to csp rules

* copy second index.html for h5p location ins csp rules

* Update Dockerfile

* Update nginx.conf.template

* h5p editor: resolve overseen merge conflict termsofuse

* delete deprecated code from nuxt removal

* h5p editor: csp: remove unsafe inline

* fix prettier problem

* fix duplicate imports

* csp error isolation: set default-src *

* csp error isolation: revert and add unsafe-inline for script-src

* csp error isolation: set script-src *

* csp error isolation: no whitelist used

* csp error isolation: set again default-src *

* csp error isolation: set script-src * + unsafe inline & eval

* csp error isolation: set back to original

* csp error isolation: use hash for multiple choice

* generate API

* csp error isolation: exclude nonce & use unsafe-inline

* disable eslint

* Update API

* resolve review comments

* add es / uk languages

* try nginx.template h5p fix

* revert nginx.conf h5p change

* Comment Out H5P CSP

* Revert "Comment Out H5P CSP"

This reverts commit 1008e2c.

* H5pEditor Tests -> Setup Wrapper

* initial test for verifying component setup

* add test H5pPlayer

* restructure H5pEditor Test

* Create H5PEditor.page Test

* fix routes

* Create Test H5pPlayerPage

* fix tests h5pPlayerPage

---------

Co-authored-by: Majed Mak <132336669+MajedAlaitwniCap@users.noreply.github.com>
Co-authored-by: Marvin Rode <marvin.rode@capgemini.com>
Co-authored-by: Marvin Rode (Cap) <127723478+marode-cap@users.noreply.github.com>
Co-authored-by: Andre Blome <andre-david.blome@capgemini.com>
Co-authored-by: Caspar Neumann <caspar.neumann@capgemini.com>
Co-authored-by: MajedAlaitwniCap <majed.alaitwni@capgemini.com>
Co-authored-by: Cedric Evers <12080057+CeEv@users.noreply.github.com>
Co-authored-by: Caspar Neumann <146704428+casparneumann-cap@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
waiting for review Someone should review this ASAP
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants