=setup: capitalize strings

This commit is contained in:
Miki 2023-12-13 13:04:04 +01:00
parent d86735e749
commit 95d3b8ae4a
7 changed files with 30 additions and 18 deletions

View file

@ -1 +1 @@
{"version":"1702464938807"}
{"version":"1702469015168"}

Binary file not shown.

Binary file not shown.

View file

@ -5,17 +5,17 @@
<link rel="icon" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="modulepreload" href="/_app/immutable/entry/start.cac80759.js">
<link rel="modulepreload" href="/_app/immutable/chunks/scheduler.9172086d.js">
<link rel="modulepreload" href="/_app/immutable/chunks/singletons.7663c071.js">
<link rel="modulepreload" href="/_app/immutable/entry/app.8f82bb2b.js">
<link rel="modulepreload" href="/_app/immutable/chunks/index.3ce947e1.js">
<link rel="modulepreload" href="/_app/immutable/entry/start.8c98c732.js">
<link rel="modulepreload" href="/_app/immutable/chunks/scheduler.d1a939e8.js">
<link rel="modulepreload" href="/_app/immutable/chunks/singletons.505cc11c.js">
<link rel="modulepreload" href="/_app/immutable/entry/app.fd492588.js">
<link rel="modulepreload" href="/_app/immutable/chunks/index.c2132433.js">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">
<script>
{
__sveltekit_cctu1m = {
__sveltekit_r51frl = {
base: "",
env: {}
};
@ -23,8 +23,8 @@
const element = document.currentScript.parentElement;
Promise.all([
import("/_app/immutable/entry/start.cac80759.js"),
import("/_app/immutable/entry/app.8f82bb2b.js")
import("/_app/immutable/entry/start.8c98c732.js"),
import("/_app/immutable/entry/app.fd492588.js")
]).then(([kit, app]) => {
kit.start(app, element);
});

Binary file not shown.

Binary file not shown.

View file

@ -1,7 +1,7 @@
<script>
import Logo from "$lib/img/topscorer_logo_web.png"
$: surfers = 1;
$: surfers = 2;
let surfer_list = new Array();
@ -12,6 +12,13 @@
priority: ''
});
surfer_list.push({
name: '',
color: '#ffffff',
score: '',
priority: ''
});
let heat = {
number: '',
name: '',
@ -32,7 +39,7 @@
function removeSurfers() {
surfers--;
if (surfers < 1) surfers = 1;
if (surfers < 2) surfers = 2;
}
async function save() {
@ -97,6 +104,11 @@
return false;
}
function capitalize(element, elementName) {
element[elementName] = element[elementName].charAt(0).toUpperCase() + element[elementName].slice(1);
console.log(`element: ${element[elementName]}`);
}
</script>
<div class="header">
@ -107,9 +119,9 @@
<div class="container">
<div class="heat">
<label class="label" for="name">Name</label>
<input bind:value={heat.name} id="name" type="text">
<input bind:value={heat.name} on:change={capitalize(heat, "name")} id="name" type="text">
<label class="label" for="category">Category</label>
<input bind:value={heat.category} id="category" type="text">
<input bind:value={heat.category} on:change={capitalize(heat, "category")} id="category" type="text">
<label class="label" for="number">Number</label>
<input bind:value={heat.number} id="number" on:keydown={(event) => {event.preventDefault()}} type="number" min="1" max="20">
<label class="label" for="timer">Timer</label>
@ -122,7 +134,7 @@
{#each Array(surfers) as _, surfer}
<div class="surfer">
<label class="label" for="name{surfer}">Name</label>
<input bind:value={surfer_list[surfer].name} id="name{surfer}" type="text">
<input bind:value={surfer_list[surfer].name} on:change={capitalize(heat.surfers[surfer], "name")} id="name{surfer}" type="text">
<label class="label" for="color{surfer}">Color</label>
<input bind:value={surfer_list[surfer].color} type="color" id="color{surfer}">
</div>
@ -205,7 +217,7 @@
}
select {
/* select {
font-size: 1.2rem;
border-radius: 6px;
margin-left: 0.1rem;
@ -217,12 +229,12 @@
option {
width: 1rem;
padding-left: 25px; /* Spazio per la riga colorata */
background-size: 1.2rem 100%; /* Dimensioni della riga colorata */
padding-left: 25px;
background-size: 1.2rem 100%;
background-repeat: no-repeat;
background-position: 0px 0px;
transition: border 0.3s
}
} */
.plus {
border-radius: 8px;