mirror of
https://github.com/placeAtlas/atlas.git
synced 2024-09-27 20:48:56 +02:00
Only do final for TFC, hide sliders when only one version is on the variation
This commit is contained in:
parent
3069717da9
commit
7196e47b0e
6 changed files with 19 additions and 21 deletions
|
@ -57,7 +57,7 @@ def per_line_entries(entries: list):
|
||||||
else:
|
else:
|
||||||
time_range = INIT_CANVAS_RANGE
|
time_range = INIT_CANVAS_RANGE
|
||||||
|
|
||||||
time_key = '%d-%d, T:0-2' % time_range
|
time_key = '%d-%d, T:0' % time_range
|
||||||
|
|
||||||
new_entry = {
|
new_entry = {
|
||||||
**new_entry,
|
**new_entry,
|
||||||
|
|
|
@ -866,6 +866,7 @@ #zoomControls {
|
||||||
width: 90px;
|
width: 90px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#zoomControls button {
|
#zoomControls button {
|
||||||
|
@ -1382,4 +1383,11 @@ #variantControls {
|
||||||
|
|
||||||
#variantControls select {
|
#variantControls select {
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#timeControls.no-time-slider,
|
||||||
|
.period-group.no-time-slider input,
|
||||||
|
.period-group.no-time-slider label {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 913 KiB |
Binary file not shown.
Before Width: | Height: | Size: 912 KiB |
|
@ -522,6 +522,8 @@ function initPeriodGroups() {
|
||||||
endPeriodEl.max = variationsConfig[variation].versions.length - 1
|
endPeriodEl.max = variationsConfig[variation].versions.length - 1
|
||||||
startPeriodEl.value = start
|
startPeriodEl.value = start
|
||||||
endPeriodEl.value = end
|
endPeriodEl.value = end
|
||||||
|
if (startPeriodEl.max == 0) periodGroupEl.classList.add('no-time-slider')
|
||||||
|
else periodGroupEl.classList.remove('no-time-slider')
|
||||||
|
|
||||||
startPeriodEl.addEventListener('input', event => {
|
startPeriodEl.addEventListener('input', event => {
|
||||||
timelineSlider.value = parseInt(event.target.value)
|
timelineSlider.value = parseInt(event.target.value)
|
||||||
|
@ -547,6 +549,8 @@ function initPeriodGroups() {
|
||||||
startPeriodEl.max = newVariationConfig.versions.length - 1
|
startPeriodEl.max = newVariationConfig.versions.length - 1
|
||||||
endPeriodEl.value = newVariationConfig.default
|
endPeriodEl.value = newVariationConfig.default
|
||||||
endPeriodEl.max = newVariationConfig.versions.length - 1
|
endPeriodEl.max = newVariationConfig.versions.length - 1
|
||||||
|
if (startPeriodEl.max == 0) periodGroupEl.classList.add('no-time-slider')
|
||||||
|
else periodGroupEl.classList.remove('no-time-slider')
|
||||||
updateTime(newVariationConfig.default, newVariation)
|
updateTime(newVariationConfig.default, newVariation)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
|
@ -23,16 +23,8 @@ const variationsConfig = {
|
||||||
tfc: {
|
tfc: {
|
||||||
name: "The Final Clean",
|
name: "The Final Clean",
|
||||||
code: "T",
|
code: "T",
|
||||||
default: 2,
|
default: 0,
|
||||||
versions: [
|
versions: [
|
||||||
{
|
|
||||||
timestamp: "Draft 1",
|
|
||||||
url: "./_img/canvas/tfc/draft1.png",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
timestamp: "Draft 2",
|
|
||||||
url: "./_img/canvas/tfc/draft2.png",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
timestamp: "Final",
|
timestamp: "Final",
|
||||||
url: "./_img/canvas/tfc/final.png",
|
url: "./_img/canvas/tfc/final.png",
|
||||||
|
@ -88,16 +80,6 @@ variantsEl.addEventListener("input", (event) => {
|
||||||
updateTime(currentPeriod, event.target.value)
|
updateTime(currentPeriod, event.target.value)
|
||||||
})
|
})
|
||||||
|
|
||||||
// document.querySelector('#period-group .period-start').oninput = (event) => {
|
|
||||||
// slider.value = parseInt(event.target.value)
|
|
||||||
// updateTime(parseInt(event.target.value))
|
|
||||||
// };
|
|
||||||
|
|
||||||
// document.querySelector('#period-group .period-end').oninput = (event) => {
|
|
||||||
// slider.value = parseInt(event.target.value)
|
|
||||||
// updateTime(parseInt(event.target.value))
|
|
||||||
// };
|
|
||||||
|
|
||||||
const dispatchTimeUpdateEvent = (period = timelineSlider.value, atlas = atlas) => {
|
const dispatchTimeUpdateEvent = (period = timelineSlider.value, atlas = atlas) => {
|
||||||
const timeUpdateEvent = new CustomEvent('timeupdate', {
|
const timeUpdateEvent = new CustomEvent('timeupdate', {
|
||||||
detail: {
|
detail: {
|
||||||
|
@ -120,6 +102,9 @@ async function updateBackground(newPeriod = currentPeriod, newVariation = curren
|
||||||
timelineSlider.max = variationConfig.versions.length - 1;
|
timelineSlider.max = variationConfig.versions.length - 1;
|
||||||
currentPeriod = variationConfig.default;
|
currentPeriod = variationConfig.default;
|
||||||
newPeriod = currentPeriod
|
newPeriod = currentPeriod
|
||||||
|
if (variationConfig.versions.length === 1) timelineSlider.parentElement.classList.add('no-time-slider')
|
||||||
|
else timelineSlider.parentElement.classList.remove('no-time-slider')
|
||||||
|
|
||||||
}
|
}
|
||||||
timelineSlider.value = currentPeriod
|
timelineSlider.value = currentPeriod
|
||||||
variantsEl.value = currentVariation
|
variantsEl.value = currentVariation
|
||||||
|
@ -208,6 +193,7 @@ async function updateTime(newPeriod = currentPeriod, newVariation = currentVaria
|
||||||
center: centerChosen,
|
center: centerChosen,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
dispatchTimeUpdateEvent(newPeriod, atlas)
|
dispatchTimeUpdateEvent(newPeriod, atlas)
|
||||||
document.body.dataset.canvasLoading = false
|
document.body.dataset.canvasLoading = false
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue