albert/moodle-test-userscript
1
0
Fork 0
mirror of https://gitlab.com/MrFry/moodle-test-userscript synced 2025-04-01 20:22:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Moved x button to seperate div, changed up/down arrows during test solving to fancy arrows

Browse source
This commit is contained in:
mrfry 2020-11-17 13:09:17 +01:00
parent b5d83569a0
commit 8ea6efec93
1 changed files with 32 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

48
stable.user.js
View file

@ -1851,6 +1851,25 @@
mainDiv.style.top = mousePosition.y + offset[1] + 'px'
}
})
const xrow = document.createElement('div')
SetStyle(xrow, {
height: '20px',
display: 'flex',
justifyContent: 'flex-end',
})
mainDiv.appendChild(xrow)
const xButton = CreateNodeWithText(xrow, '❌', 'div')
SetStyle(xButton, {
margin: '5px',
cursor: 'pointer',
})
xButton.addEventListener('mousedown', e => {
e.stopPropagation()
mainDiv.parentNode.removeChild(mainDiv)
})
// ------------------------------------------------------------------
var matchPercent = msgItem[0][0].p
if (isSimpleMessage) {
@ -1966,8 +1985,6 @@
percentTextBox.innerText = relevantQuestion.p + '%'
}
var buttonMargin = '2px 2px 2px 2px' // uniform button margin
if (msgItem[currItem].length > 1) {
const buttonStyle = {
color: 'white',
backgroundColor: 'transparent',
@ -1975,7 +1992,10 @@
border: 'none',
fontSize: '30px',
cursor: 'pointer',
userSelect: 'none',
}
var buttonMargin = '2px 2px 2px 2px' // uniform button margin
if (msgItem[currItem].length > 1) {
// PREV SUGG BUTTON ------------------------------------------------------------------------------------------------------------
var prevSuggButton = CreateNodeWithText(
prevSuggestionCell,
@ -2009,8 +2029,8 @@
} else {
// if there are multiple items to display
// PREV QUESTION BUTTON ------------------------------------------------------------------------------------------------------------
var prevButton = CreateNodeWithText(prevQuestionCell, '^', 'button')
prevButton.style.margin = buttonMargin // fancy margin
var prevButton = CreateNodeWithText(prevQuestionCell, '⬆️', 'div')
SetStyle(prevButton, buttonStyle)
// event listener
prevButton.addEventListener('click', function() {
@ -2018,8 +2038,8 @@
SetQuestionText()
})
// NEXT QUESTION BUTTON ------------------------------------------------------------------------------------------------------------
var nextButton = CreateNodeWithText(nextQuestionCell, 'ˇ', 'button')
nextButton.style.margin = buttonMargin // fancy margin
var nextButton = CreateNodeWithText(nextQuestionCell, '⬇️', 'div')
SetStyle(nextButton, buttonStyle)
// event listener
nextButton.addEventListener('click', function() {
@ -2031,22 +2051,6 @@
}
appedtTo.appendChild(mainDiv) // THE FINAL APPEND
const xButton = CreateNodeWithText(mainDiv, '❌', 'div')
const xButtonSize = 40
SetStyle(xButton, {
margin: '5px',
position: 'absolute',
height: xButtonSize + 'px',
top: 0,
width: xButtonSize + 'px',
left: width - xButtonSize + 'px',
cursor: 'pointer',
})
xButton.addEventListener('mousedown', e => {
e.stopPropagation()
mainDiv.parentNode.removeChild(mainDiv)
})
// setting some events
// addEventListener(window, 'scroll', function () {
// mainDiv.style.top = (pageYOffset + startFromTop) + 'px';