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

Binary file not shown.

Binary file not shown.

View file

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