Hyvää joulua!
Osallistu io-techin piparikakkutalokilpailuun 2025 Linkki osallistumisketjuun >>>
SER-huutokaupat hyväntekeväisyyteen käynnissä! Linkki huutokauppaan >>>
Jos WebSocketille ei ole muuta käyttöä kuin tuo, niin jättäisin sen pois ja käyttäisin "Server-Sent Events" toiminnallisuutta.
<Formik
initialValues={{
username: '',
email: '',
password: '',
confirmPassword: '',
recaptcha: '',
}}
validationSchema={signupSchema}
onSubmit={handleSignup}
>
{({
values,
errors,
touched,
isSubmitting,
handleChange,
handleBlur,
setFieldValue,
}) => (
<SForm>
<SField>
<Label htmlFor='username'>Username</Label>
<Input
type='text'
name='username'
onChange={handleChange}
onBlur={handleBlur}
value={values.username}
/>
<FormError
message={errors.username}
show={errors.username && touched.username}
/>
</SField>
<SField>
<Label htmlFor='email'>Email</Label>
<Input
type='text'
name='email'
onChange={handleChange}
onBlur={handleBlur}
value={values.email}
/>
<FormError
message={errors.email}
show={errors.email && touched.email}
/>
</SField>
<SField>
<Label htmlFor='password'>Password</Label>
<Input
type='password'
name='password'
onChange={handleChange}
onBlur={handleBlur}
value={values.password}
/>
<FormError
message={errors.password}
show={errors.password && touched.password}
/>
</SField>
<SField>
<Label htmlFor='confirm-password'>Confirm Password</Label>
<Input
type='password'
name='confirmPassword'
onChange={handleChange}
onBlur={handleBlur}
value={values.confirmPassword}
/>
<FormError
message={errors.confirmPassword}
show={errors.confirmPassword && touched.confirmPassword}
/>
</SField>
<TextRow>
Already have an account?{' '}
{onModal ? (
<Link name='Log In' onClick={() => navigateTo('log in')}>
Register
</Link>
) : (
<Link to='/login' name='Log In'>
Register
</Link>
)}
</TextRow>
<br />
<Notification position='form' notification={notification} />
<br />
<ReCaptchaContainer>
<Reaptcha
ref={recaptchaRef}
sitekey={config.RECAPTCHA_SITE_KEY}
onVerify={token => setFieldValue('recaptcha', token)}
theme='dark'
/>
</ReCaptchaContainer>
<FormError
message={errors.recaptcha}
show={
errors.recaptcha &&
touched.username &&
touched.password &&
touched.email &&
touched.confirmPassword
}
/>
<br />
<Button
type='submit'
size='big'
fontCase='uppercase'
content='Sign Up'
disabled={isSubmitting}
/>
</SForm>
)}
</Formik>
{env !== 'test' && (
<ReCaptchaContainer>
<Reaptcha
ref={recaptchaRef}
sitekey={config.RECAPTCHA_SITE_KEY}
onVerify={token => setFieldValue('recaptcha', token)}
theme='dark'
/>
</ReCaptchaContainer>
)
}En tehnyt tällä tavalla, koska halusin, että widgetti renderöityy. Laitoin tuon environment ehdon suoraan validaattoriin ja sillä hoitui.
/*
This is the test db seeder script.
After resetting the testing db, this script can be used to rebuild it
completely.
*/
const bcrypt = require('bcrypt')
const User = require('../../models/user')
const Conference = require('../../models/conference')
const Division = require('../../models/division')
const Team = require('../../models/team')
const Player = require('../../models/player')
const Linescore = require('../../models/linescore')
const SkaterBoxscore = require('../../models/skater-boxscore')
const GoalieBoxscore = require('../../models/goalie-boxscore')
const {
testUser,
testConferences,
testDivisions,
testTeams,
testPlayers,
} = require('./db-seed-data')
const testLinescores = require('./db-seed-linescore-data')
const testBoxscores = require('./db-seed-boxscore-data')
const createTestUser = async () => {
const { username, email, password, isVerified } = testUser
const saltRounds = 10
const passwordHash = await bcrypt.hash(password, saltRounds)
const user = new User({
username,
usernameLower: username.toLowerCase(),
email: email.toLowerCase(),
passwordHash,
isVerified,
})
await user.save()
}
const createConferences = async () => {
await Conference.insertMany(testConferences)
}
const createDivisions = async () => {
const conferences = await Conference.find({})
// Add conference id's in the division data
const divisionData = testDivisions.map(division => {
const conference = conferences.find(
conference => conference.conferenceId === division.conferenceId
)
return {
...division,
conference: conference._id,
}
})
// Save divisions
const divisions = await Division.insertMany(divisionData)
// Save division id's in the conference data
const newConferences = conferences.map(conference => {
const confDivisions = divisions.filter(
division => String(division.conference) === String(conference._id)
)
conference.divisions = confDivisions
return conference
})
// Save conferences with division id's in the db
const confPromises = newConferences.map(conf => conf.save())
await Promise.all(confPromises)
}
const createTeams = async () => {
const conferences = await Conference.find({})
const divisions = await Division.find({})
// Add conference and division id's to team objects
const teamData = testTeams.map(team => {
const conferenceObj = conferences.find(
conference => conference.conferenceId === team.conferenceId
)
const divisionObj = divisions.find(
division => division.divisionId === team.divisionId
)
return {
...team,
conference: conferenceObj._id,
division: divisionObj._id,
}
})
const newTeams = await Team.insertMany(teamData)
// Add teams to conferences
const newConferences = conferences.map(conference => {
const teams = newTeams.filter(
team => String(team.conference) === String(conference._id)
)
conference.teams = teams.map(team => team._id)
return conference
})
// Add teams to divisions
const newDivisions = divisions.map(division => {
const teams = newTeams.filter(
team => String(team.division) === String(division._id)
)
division.teams = teams.map(team => team._id)
return division
})
// Create promises for saving
const confPromises = newConferences.map(conf => conf.save())
const divPromises = newDivisions.map(div => div.save())
// Save conferences and divisions
await Promise.all([...confPromises, ...divPromises])
}
const createPlayers = async () => {
const teams = await Team.find({})
// Add team id's to players
const playerData = testPlayers.map(player => {
const teamObj = teams.find(team => team.teamId === player.teamId)
return {
...player,
currentTeam: teamObj._id,
}
})
// Add players to the db
const newPlayers = await Player.insertMany(playerData)
// Add players to teams
const newTeams = teams.map(team => {
const players = newPlayers.filter(
player => String(player.currentTeam) === String(team._id)
)
team.players = players.map(team => team._id)
return team
})
// Create promises for saving
const teamPromises = newTeams.map(team => team.save())
// Save teams
await Promise.all(teamPromises)
}
const createLinescores = async () => {
const teams = await Team.find({}, { teamId: 1 })
// Replaces team and opponentId fields with MongoDB id's
const linescores = testLinescores.map(linescore => {
const team = teams.find(team => team.teamId === linescore.team)
const opponent = teams.find(team => team.teamId === linescore.opponentId)
return {
...linescore,
team: team._id,
opponentId: opponent._id,
}
})
const savedLinescores = await Linescore.insertMany(linescores)
// Save new linescores id's to the teams.
let teamPromises = []
teams.forEach(team => {
const linescores = savedLinescores.filter(
linescore => String(linescore.team) === String(team._id)
)
team.linescores = linescores
teamPromises = [...teamPromises, team.save()]
})
await Promise.all(teamPromises)
}
const createBoxscores = async () => {
const players = await Player.find({})
const teams = await Team.find({})
// Add mongodb id's to the boxscore objects
const boxscores = testBoxscores.map(boxscore => {
const homeTeam = teams.find(team => team.teamId === boxscore.homeTeam)
const awayTeam = teams.find(team => team.teamId === boxscore.awayTeam)
const player = players.find(player => player.playerId === boxscore.player)
return {
...boxscore,
homeTeam: homeTeam._id,
awayTeam: awayTeam._id,
player: player._id,
}
})
// Get only skater boxscores
const skaterBoxscores = boxscores.filter(
boxscore => boxscore.saves === undefined
)
// Get only goalie boxscores
const goalieBoxscores = boxscores.filter(
boxscore => boxscore.saves !== undefined
)
const newSkaterBoxscores = await SkaterBoxscore.insertMany(skaterBoxscores)
const newGoalieBoxscores = await GoalieBoxscore.insertMany(goalieBoxscores)
let playerPromises = []
// Add boxscores in an array under every skater and goalie
players.forEach(player => {
let boxscores = []
const isGoalie = player.primaryPosition === 'G'
if (isGoalie) {
boxscores = newGoalieBoxscores.filter(
boxscore => String(boxscore.player) === String(player._id)
)
} else {
boxscores = newSkaterBoxscores.filter(
boxscore => String(boxscore.player) === String(player._id)
)
}
player.boxscores = boxscores
playerPromises = [...playerPromises, player.save()]
})
await Promise.all(playerPromises)
}
const seedDb = async () => {
if (process.env.NODE_ENV !== 'test') {
throw new Error('This script runs only in testing context.')
}
console.log('Seeding the db')
await createTestUser()
console.log('createTestUser')
await createConferences()
console.log('createConf')
await createDivisions()
console.log('createDiv')
await createTeams()
console.log('createTeams')
await createPlayers()
console.log('createPlys')
await createLinescores()
console.log('createLines')
await createBoxscores()
console.log('createBs')
}
module.exports = seedDbconst resolvers = {
Query: {
GetToken: async () => {
const token = await Token.findOne({})
return token
},
},
Mutation: {
ResetDB: async () => {
await resetDb()
return true
},
SeedDB: async () => {
await seedDb()
return true
},
},
}
Se jää tuohon user.save() kohtaan. Mitään erroria ei tule.
/*
Resets the test db completely by dropping it.
*/
const mongoose = require('mongoose')
const resetDb = async () => {
if (process.env.NODE_ENV !== 'test') {
throw new Error('This script runs only in testing context.')
}
console.log('reset-db.dropping-database')
await mongoose.connection.db.dropDatabase()
console.log('reset-db.database-dropped')
await mongoose.connection.close()
}
module.exports = resetDb
#include <iostream>
using namespace std;
int main () {
int i, j;
for(i = 2; i<10; i++) {
for(j = 2; j <= (i/j); j++)
if(!(i%j)) break; // if factor found, not prime
if(j > (i/j)) cout << "prime number i: " << i << " " << "j: " << j << " \n"
<< "j <= i/j: " << j << " <= " << i/j << " \n"
<< " \n" ;
}
return 0;
}prime number i: 2 j: 2
j <= i/j: 2 <= 1
prime number i: 3 j: 2
j <= i/j: 2 <= 1
prime number i: 5 j: 3
j <= i/j: 3 <= 1
prime number i: 7 j: 3
j <= i/j: 3 <= 2
Laita tänne, niin kaikki voivat vastata. Ja jos kyse koulutehtävästä, niin et ehkä saa valmiiksi pureskeltua vastausta, mutta apua sen ratkaisemiseen.
Mjaah. Erikoista on siinä tapauksessa, kun ei tosiaan näy jälkeäkään mistään eikä ole viesteissä mitään muokkausmerkintöjäkään.
www.vero.fi
const luku = 2*5;
if(luku > 5) {
console.log('Suurempi kuin 5');
}Ok, aattelin että otan pois ja laitan osan vain tänne. Koulutehtävä tuloverosta tosiaan mutta en oo juurikaan ennen ohjelmoinut.
eli esimerkiksi tulot on 25000,
18100 - 27200 verotettavan ansiotulon rajat (seuraavat rajat on sitten 27200 - 44800 jne.)
vero alarajan kohdalla 8€
6 Vero alarajan ylittävästä tulon osasta, %
Valtion tuloveroasteikko 2020
if(ansiotulo < 18100) { //tulot ovat alle 18100 niin ei tule veroa
tulostus = "Ei veroa";
}
else if(ansiotulo >18100 && <= 27200) { //tulot enemmän kuin 18100 mutta alle 27200
eli mitä tähän pitäisi laittaa että saisi seuraavan lausekkeen toteutumaan ja ilmoittamaan käyttäjälle ruudulla oikean vastauksen: 422
8,0€ + 0,06 * (25000 - 18100) = 422
Laitanko let vai var jne. Oon kokeillu kaikkea ja kattonut javascript-sivuilta mutta enpä saa tuota toimimaan.
Käyttäjän syöttämän ansiotulon mukaan tulee laskea tulovero, tuon lausekkeen jälkeen ruudulle pitäisi tulla veronmäärä.
En kaipaa kuin tuon yhden else-if:n ratkaisua niin osaan kyllä sitä soveltaa muissa kohtaa itsekin.
if (luku > 10 && luku < 25) {
console.log('Luku on suurempi kuin 10 ja pienempi kuin 25!');
}const ansiotulo = 25000;
const vero = 0.25 * ansiotulo;
console.log('Maksat veroa: ', vero);
Opettajissa on kyllä älyttömiä eroja. Mulla oli sellainen Windows ohjelmoinnin opettaja joka opetti *kaiken* UI:n tekemisen Visual Studion graafisella editorilla. Se nyt ei ollut kovin kaksinen vielä reilut 10 vuotta sitten
Itse piti opetella miten esimerkiksi luokka lisättiin olemassa olevaan komponenttiin.
Tarkennetaan vähän: const esittelee vakion eli arvon, jota ei voi muuttaa, let ja var taas muuttujan. Noista let on uudempi tapa, jota kannattaa aina pystyessä käyttää, kun taas var on vanhempi tapa, jota ei käytännössä pitäisi tarvita tai käyttää juuri muuten kuin jos koodin täytyy toimia myös Internet Explorerissa.
let x = 5;
console.log(x); // tulostaa: 5
x = 7;
console.log(x); // tulostaa: 7
x = x + 2;
console.log(x); // tulostaa: 9const x = 5;
console.log(x); // tulostaa: 5
x = 7; // heittää poikkeuksen, jota voi varmaan tässä vaiheessa ajatella virheenä vaikka se ei ihan sitä aina olekaan
Hyvä lähtökohta josta varmaan pari kuukautta koodannut pääsee eteenpäin. Tuonne pitäis nyt myös ympätä se kaava laskea marginaalivero niillä muuttujilla mitkä löytvät verohallinnon sivuilta. Nyt tuo esimerkki laskee vain yksinkertaisen prosenttiosuuden eikä marginaaliveroa. Lisäksi se odottaa kk-tuloja eikä vuosituloja ja hajoaa suurilla arvoilla koska käytetään upper limittiä eikä loweria. Tässä kun mietin niin oppilas on kyllä varmaan jo aivan sekaisin
Perusteet, perusteet...Tuollainen aputyökalu löytyy Windows 10:lle, millä pitäisi onnistua:
document.getElementById() metodilla. Voit tehdä painikkeen, jossa on onclick tapahtuma, joka kutsuu jotain funktiota tai käyttää oninput tapahtumaa suoraan teksikentästä.
Aloittelija voi ihan huoletta tehdä erilliset if else -rivit. Se on se kaikista "naiivein" tapa tehdä ja varmaan 100% aloittelijoista tekisi sen niin.
let on lohkokohtainen (block) muuttuja, eli se on ainoastaan käytettävissä siinä lohkossa missä se on. JavaScriptissä kaikki aaltosulkeiden {} sisällä oleva sisältö on omassa lohkossaan. Tuossa koodissassi määrittelet tulostukselle arvon lohkon sisällä ja yrität käyttää sitä sen ulkopuolella. Voit laittaa tulostuksen lohkon sisälle tai kutsua toista funktiota sen arvolla. "Luku" muuttujan pitäisi ilmeisesti olla "ansiotulo"? Käytä myös pistettä desimaalilukujen kanssa.// muuttujaa ei tarvitse alustaa tässä, koska sitä ei käytetä lohkojen ulkopuolella
let tulostus = "";
// Tämä on ok
let ansiotulo = prompt("Anna verotettava ansiotulo");
if (ansiotulo < 18100) {
tulostus = "Ei veroa"; //tämän sijasta voit käyttää suoraan console.log("Ei veroa") tai alert("Ei veroa")
}
else if (ansiotulo >= 18100 && luku < 27200) { // Mape mainitsikin jo, mutta pelkkien < > kanssa rajatapaukset jäävät huomiotta, joten käytä <= ja >= niiden sijasta
// "luku" muuttujaa ei ole määritelty tai käytetty missään. Pitäisi varmaan olla "ansiotulo"?
let vero = (ansiotulo - 18100) * 0,06 + 8, 0 //käytä pistettä desimaalien kanssa
// ...
}
// ...
// Tämä on käyttämätön ja tarpeeton täällä
alert(tulostus);let muuttujat vakioiksi, eli const, koska missään vaiheessa tätä ohjelmaa ei ole tarvetta ylikirjoittaa arvoa toisella.const sayHello = (name) => {
console.log("Hello", name);
}
sayHello("Heikki");
const sumNumbers = (a, b) => {
const result = a + b;
return result;
}
sumNumbers(1,5)
name: End-to-end tests
on: [push, pull_request]
jobs:
cypress-run:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v1
- name: Use Node.js
uses: actions/setup-node@v1
- run: |
npm install
npm run start:ci
working-directory: backend
env:
TEST_MONGODB_URI: ${{ secrets.TEST_MONGODB_URI }}
JWT_SECRET: ${{ secrets.JWT_SECRET }}
RECAPTCHA_SECRET_TEST: ${{ secrets.RECAPTCHA_SECRET_TEST }}
- name: Cypress run
uses: cypress-io/github-action@v1
with:
working-directory: frontend
config-file: frontend/cypress.json
start: npm run start
wait-on: http://localhost:3000Olisko tämä:
