=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" />
|
<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.
|
@ -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;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue