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>
|
||||
</div>
|
||||
</div>
|
||||
<button class="add"> </button>
|
||||
<button class="add" @click="addSatellite"> </button>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
|
@ -75,7 +75,7 @@ function isResizable (satellite) {
|
|||
return satellite.type === 'moon'
|
||||
}
|
||||
|
||||
async function update (index, attr, target, isNumber) {
|
||||
function update (index, attr, target, isNumber) {
|
||||
const satellites = [...props.satellites]
|
||||
let value = target.value
|
||||
if (isNumber) value = parseInt(value)
|
||||
|
@ -84,6 +84,15 @@ async function update (index, attr, target, isNumber) {
|
|||
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) {
|
||||
const confirmed = confirm(`Attention! This cannot be undone! Proceed anyway?`)
|
||||
if (!confirmed) return
|
||||
|
|
Loading…
Add table
Reference in a new issue