=setup: capitalize strings
This commit is contained in:
parent
d86735e749
commit
95d3b8ae4a
7 changed files with 30 additions and 18 deletions
|
@ -1 +1 @@
|
|||
{"version":"1702464938807"}
|
||||
{"version":"1702469015168"}
|
Binary file not shown.
Binary file not shown.
|
@ -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.
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue