add satellites to planets
This commit is contained in:
parent
0f2a4c6890
commit
7b3fdb07bf
1 changed files with 11 additions and 2 deletions
|
@ -50,7 +50,7 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button class="add"> </button>
|
<button class="add" @click="addSatellite"> </button>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -75,7 +75,7 @@ function isResizable (satellite) {
|
||||||
return satellite.type === 'moon'
|
return satellite.type === 'moon'
|
||||||
}
|
}
|
||||||
|
|
||||||
async function update (index, attr, target, isNumber) {
|
function update (index, attr, target, isNumber) {
|
||||||
const satellites = [...props.satellites]
|
const satellites = [...props.satellites]
|
||||||
let value = target.value
|
let value = target.value
|
||||||
if (isNumber) value = parseInt(value)
|
if (isNumber) value = parseInt(value)
|
||||||
|
@ -84,6 +84,15 @@ async function update (index, attr, target, isNumber) {
|
||||||
emit('update:satellites', satellites)
|
emit('update:satellites', satellites)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// TODO: auto focus new satellite name input
|
||||||
|
function addSatellite () {
|
||||||
|
const satellites = [...props.satellites]
|
||||||
|
satellites.push({
|
||||||
|
name: 'unnamed', type: 'moon', radius: 1
|
||||||
|
})
|
||||||
|
emit('update:satellites', satellites)
|
||||||
|
}
|
||||||
|
|
||||||
function deleteSatellite (index) {
|
function deleteSatellite (index) {
|
||||||
const confirmed = confirm(`Attention! This cannot be undone! Proceed anyway?`)
|
const confirmed = confirm(`Attention! This cannot be undone! Proceed anyway?`)
|
||||||
if (!confirmed) return
|
if (!confirmed) return
|
||||||
|
|
Loading…
Add table
Reference in a new issue