split styles
This commit is contained in:
parent
06e1d9d14f
commit
f83a2adf06
353
main.js
353
main.js
@ -1383,178 +1383,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
function prettifyEditCpPage() {
|
||||
addCss("https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css")
|
||||
addCss("https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css")
|
||||
|
||||
/* NEW DEFALUT VALUES */
|
||||
|
||||
chooseLegendAsDefaultVariant()
|
||||
|
||||
/* CONTAINER */
|
||||
|
||||
let form = document.querySelector('form')
|
||||
let rows = getRows()
|
||||
let insertedFileRows = getInsertedFileRows(rows)
|
||||
|
||||
let container = makeContainer()
|
||||
let oldTable = document.querySelector("#props")
|
||||
|
||||
/* HEADER */
|
||||
|
||||
let headerContainer = makeHeader(rows)
|
||||
|
||||
/* TOP BUTTONS */
|
||||
|
||||
let [topButtonsContainer, bottomButtonsContainer] = makeTopAndBottomButtons(rows, form, oldTable, container, insertedFileRows)
|
||||
|
||||
addUglyDeleteListener()
|
||||
createSendButtons()
|
||||
|
||||
/* LEGEND */
|
||||
|
||||
let legendContainer = makeLegend(rows)
|
||||
legendContainer.appendChild(makeLegendFiles(rows))
|
||||
|
||||
/* APPEND ALL */
|
||||
|
||||
container.appendChild(topButtonsContainer)
|
||||
container.appendChild(headerContainer)
|
||||
container.appendChild(makeTopOptions(rows))
|
||||
container.appendChild(makeComment(rows))
|
||||
container.appendChild(legendContainer)
|
||||
container.appendChild(makeAdminFiles(rows))
|
||||
container.appendChild(makeBottomOptions(rows))
|
||||
container.appendChild(bottomButtonsContainer)
|
||||
|
||||
/* MAP */
|
||||
|
||||
formatMap()
|
||||
|
||||
/* DIALOG */
|
||||
|
||||
makeDialog()
|
||||
|
||||
/* PRETTIFY CHECKBOX */
|
||||
|
||||
checkIfAlwaysPrettify(form, oldTable, container, insertedFileRows)
|
||||
}
|
||||
|
||||
function isAllPointsSouthOfLat(lat) {
|
||||
map.eachLayer(function(layer) {
|
||||
if (layer instanceof L.Marker) {
|
||||
let latLng = layer.getLatLng()
|
||||
if (latLng.lat > lat) {
|
||||
return false
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function centerMap() {
|
||||
if (map !== undefined && L !== undefined) {
|
||||
let coords = mapsCenterByCompetition[getCompetition()]
|
||||
if (coords == null) return
|
||||
|
||||
if (isAllPointsSouthOfLat(lat)) {
|
||||
map.setView(new L.LatLng(coords.ifSouthern.lat, coords.ifSouthern.lon), 13)
|
||||
}
|
||||
else {
|
||||
map.setView(new L.LatLng(coords.ifEverywhere.lat, coords.ifEverywhere.lon), 12)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function prettifyRouteBuildPage() {
|
||||
let styles = `
|
||||
#content table table {
|
||||
td:nth-child(2) {
|
||||
width: 10%;
|
||||
|
||||
select {
|
||||
width: 5em !important;
|
||||
}
|
||||
}
|
||||
|
||||
td:nth-child(3) {
|
||||
width: 12%;
|
||||
}
|
||||
|
||||
td:nth-child(4) {
|
||||
width: 12%;
|
||||
|
||||
input {
|
||||
width: 4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
`
|
||||
addStylesToHead(styles)
|
||||
|
||||
document.querySelectorAll(`#content > form > table > tbody > tr:is(:nth-child(3), :nth-child(6)) `).forEach(el => el.remove())
|
||||
document.querySelector(`#content table table tr:nth-child(2) `).remove()
|
||||
}
|
||||
|
||||
function toggleStagePageRows(rows) {
|
||||
let showIndex = [0, 3]
|
||||
let to = rows.findIndex(el => el.querySelector("th")?.textContent.trim() == "Бонусы")
|
||||
toggleRows(rows, 3, to, 8, showIndex)
|
||||
toggleRows(rows, to, rows.length, 1, [])
|
||||
}
|
||||
|
||||
function prettifyRouteStagesPage() {
|
||||
let styles = `
|
||||
tr.collapsed {
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
`
|
||||
|
||||
let rows = [...document.querySelectorAll(`#content tbody tr`)]
|
||||
let collapseButton = document.createElement("button")
|
||||
collapseButton.type = "button"
|
||||
collapseButton.textContent = "Показать"
|
||||
toggleStagePageRows(rows)
|
||||
|
||||
collapseButton.addEventListener("click", () => {
|
||||
toggleStagePageRows(rows)
|
||||
collapseButton.textContent = toggleText(collapseButton.textContent, "Показать", "Скрыть")
|
||||
})
|
||||
|
||||
document.querySelector(`table tr:first-child th`).append(collapseButton)
|
||||
|
||||
addStylesToHead(styles)
|
||||
}
|
||||
|
||||
let styles = `
|
||||
.sticky-menu {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 9999;
|
||||
|
||||
menu {
|
||||
display: flex;
|
||||
gap: .3rem;
|
||||
background: white;
|
||||
font-size: 1.2rem;
|
||||
padding-left: 10px;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
|
||||
&:not(:last-child)::after {
|
||||
content: " | "
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#content h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
function addPrettifyEditPageCss() {
|
||||
addStylesToHead(`
|
||||
#content-wrapper {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
@ -1882,7 +1712,184 @@
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
`)
|
||||
}
|
||||
|
||||
function prettifyEditCpPage() {
|
||||
addCss("https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css")
|
||||
addCss("https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css")
|
||||
addPrettifyEditPageCss()
|
||||
|
||||
/* NEW DEFALUT VALUES */
|
||||
|
||||
chooseLegendAsDefaultVariant()
|
||||
|
||||
/* CONTAINER */
|
||||
|
||||
let form = document.querySelector('form')
|
||||
let rows = getRows()
|
||||
let insertedFileRows = getInsertedFileRows(rows)
|
||||
|
||||
let container = makeContainer()
|
||||
let oldTable = document.querySelector("#props")
|
||||
|
||||
/* HEADER */
|
||||
|
||||
let headerContainer = makeHeader(rows)
|
||||
|
||||
/* TOP BUTTONS */
|
||||
|
||||
let [topButtonsContainer, bottomButtonsContainer] = makeTopAndBottomButtons(rows, form, oldTable, container, insertedFileRows)
|
||||
|
||||
addUglyDeleteListener()
|
||||
createSendButtons()
|
||||
|
||||
/* LEGEND */
|
||||
|
||||
let legendContainer = makeLegend(rows)
|
||||
legendContainer.appendChild(makeLegendFiles(rows))
|
||||
|
||||
/* APPEND ALL */
|
||||
|
||||
container.appendChild(topButtonsContainer)
|
||||
container.appendChild(headerContainer)
|
||||
container.appendChild(makeTopOptions(rows))
|
||||
container.appendChild(makeComment(rows))
|
||||
container.appendChild(legendContainer)
|
||||
container.appendChild(makeAdminFiles(rows))
|
||||
container.appendChild(makeBottomOptions(rows))
|
||||
container.appendChild(bottomButtonsContainer)
|
||||
|
||||
/* MAP */
|
||||
|
||||
formatMap()
|
||||
|
||||
/* DIALOG */
|
||||
|
||||
makeDialog()
|
||||
|
||||
/* PRETTIFY CHECKBOX */
|
||||
|
||||
checkIfAlwaysPrettify(form, oldTable, container, insertedFileRows)
|
||||
}
|
||||
|
||||
function isAllPointsSouthOfLat(lat) {
|
||||
map.eachLayer(function(layer) {
|
||||
if (layer instanceof L.Marker) {
|
||||
let latLng = layer.getLatLng()
|
||||
if (latLng.lat > lat) {
|
||||
return false
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function centerMap() {
|
||||
if (map !== undefined && L !== undefined) {
|
||||
let coords = mapsCenterByCompetition[getCompetition()]
|
||||
if (coords == null) return
|
||||
|
||||
if (isAllPointsSouthOfLat(lat)) {
|
||||
map.setView(new L.LatLng(coords.ifSouthern.lat, coords.ifSouthern.lon), 13)
|
||||
}
|
||||
else {
|
||||
map.setView(new L.LatLng(coords.ifEverywhere.lat, coords.ifEverywhere.lon), 12)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function prettifyRouteBuildPage() {
|
||||
let styles = `
|
||||
#content table table {
|
||||
td:nth-child(2) {
|
||||
width: 10%;
|
||||
|
||||
select {
|
||||
width: 5em !important;
|
||||
}
|
||||
}
|
||||
|
||||
td:nth-child(3) {
|
||||
width: 12%;
|
||||
}
|
||||
|
||||
td:nth-child(4) {
|
||||
width: 12%;
|
||||
|
||||
input {
|
||||
width: 4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
`
|
||||
addStylesToHead(styles)
|
||||
|
||||
document.querySelectorAll(`#content > form > table > tbody > tr:is(:nth-child(3), :nth-child(6)) `).forEach(el => el.remove())
|
||||
document.querySelector(`#content table table tr:nth-child(2) `).remove()
|
||||
}
|
||||
|
||||
function toggleStagePageRows(rows) {
|
||||
let showIndex = [0, 3]
|
||||
let to = rows.findIndex(el => el.querySelector("th")?.textContent.trim() == "Бонусы")
|
||||
toggleRows(rows, 3, to, 8, showIndex)
|
||||
toggleRows(rows, to, rows.length, 1, [])
|
||||
}
|
||||
|
||||
function prettifyRouteStagesPage() {
|
||||
let styles = `
|
||||
tr.collapsed {
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
`
|
||||
|
||||
let rows = [...document.querySelectorAll(`#content tbody tr`)]
|
||||
let collapseButton = document.createElement("button")
|
||||
collapseButton.type = "button"
|
||||
collapseButton.textContent = "Показать"
|
||||
toggleStagePageRows(rows)
|
||||
|
||||
collapseButton.addEventListener("click", () => {
|
||||
toggleStagePageRows(rows)
|
||||
collapseButton.textContent = toggleText(collapseButton.textContent, "Показать", "Скрыть")
|
||||
})
|
||||
|
||||
document.querySelector(`table tr:first-child th`).append(collapseButton)
|
||||
|
||||
addStylesToHead(styles)
|
||||
}
|
||||
|
||||
function addCommonStyles() {
|
||||
addStylesToHead(`
|
||||
.sticky-menu {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 9999;
|
||||
|
||||
menu {
|
||||
display: flex;
|
||||
gap: .3rem;
|
||||
background: white;
|
||||
font-size: 1.2rem;
|
||||
padding-left: 10px;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
|
||||
&:not(:last-child)::after {
|
||||
content: " | "
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#content h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
`)
|
||||
}
|
||||
|
||||
/* REDIRECTS */
|
||||
|
||||
@ -1890,7 +1897,7 @@
|
||||
|
||||
/* HEAD */
|
||||
|
||||
addStylesToHead(styles)
|
||||
addCommonStyles()
|
||||
|
||||
/* SWITCH FOR DIFFERENT PAGES */
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user