Verified Commit c5f0491b authored by Jakob Moser's avatar Jakob Moser
Browse files

Add extra button to copy to clipboard 

Closes #58
parent 6a4f4873

static/css/test.css

+21 −0
Original line number Diff line number Diff line
@@ -122,6 +122,27 @@ body.dialog-shown .overlay { 
    color: #f0f0f0;

    border-radius: 5px;

    padding: 8px 10px;

    position: relative;

}



#copy-token {

    color: #001220;

    background-color: #f0f0f0;

    padding: 5px 7px;

    border-radius: 5px;

    position: absolute;

    right: 10px;

    opacity: 75%;

    display: none;

    cursor: pointer;

}



.token-container:hover #copy-token {

    display: block;

}



#copy-token:hover {

    opacity: 100%;

}



.dialog h1 {

static/js/yalikejazz.mjs

+8 −0
Original line number Diff line number Diff line
@@ -109,6 +109,14 @@ function initActionLinks() { 
                setTooltipShown("hand-in-tooltip", false)

                setDialogShown("hand-in-dialog", true)

            },

            "copy-token": function () {

                const handInToken = currentTest.getHandInToken(currentState)

                navigator.clipboard.writeText(handInToken)

                document.querySelector("#copy-token .bi").classList.replace("bi-clipboard", "bi-clipboard-check")

                setTimeout(()=>{

                    document.querySelector("#copy-token .bi").classList.replace("bi-clipboard-check", "bi-clipboard")

                }, 700)

            },

            "begin": function () {

                setDialogShown("welcome-dialog", false)

                currentTest.markWelcomeAsRead(currentState)

static/test.html

+1 −0
Original line number Diff line number Diff line
@@ -44,6 +44,7 @@ 
                    Bitte schreibe von deiner CL-Mail-Adresse aus eine Mail an die Gruppe Technik, und schicke das folgende Token mit:

                </p>

                <p class="token-container">

                    <a id="copy-token" title="Token in die Zwischenablage kopieren" data-action="copy-token"><i class="bi bi-clipboard"></i></a>

                    <code id="hand-in-token"></code>

                </p>

                <p>