Squarelet/squarelet

add edit button in squares

Offen

#12 geöffnet am 19.11.2018

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)Vue (2 Forks)auto 404
UIgood first issuehelp wanted

Repository-Metriken

Stars
 (26 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

When I include an iframe embed to a square, it is only possible to edit this iframe when I click outside of its area. An "Edit"-Button (top right?) would make it much easier to edit existing content.

try with this iframe: <iframe src="https://h5p.org/h5p/embed/362759" width="800" height="800" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

Editing would start when either double-clicking an existing square or clicking once on it (=buttons appear) and then clicking the edit button.

Example: bildschirmfoto 2018-11-20 um 12 20 01

Contributor Guide

Research-Richtung
Untersuche die Square Komponente, um zu verstehen, wie Iframes gerendert werden. Füge einen Bearbeiten Button hinzu, der beim Hover oder Klick erscheint und den Bearbeitungsmodus des Quadratinhalts auslöst.
Tech Stack
vue
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Veraltet
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Vue
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65