{"id":422,"date":"2023-10-06T08:42:32","date_gmt":"2023-10-06T06:42:32","guid":{"rendered":"https:\/\/merkulova.thkit.ee\/wp20\/?page_id=422"},"modified":"2023-10-06T08:42:33","modified_gmt":"2023-10-06T06:42:33","slug":"overview-leht","status":"publish","type":"page","link":"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/","title":{"rendered":"overview leht"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">SvelteJS\/Sapper project overview leht<\/h1>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Story<\/h2>\n\n\n\n<p>Minge&nbsp;<a href=\"https:\/\/www.pivotaltracker.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">pivotaltrackerisse<\/a>&nbsp;ja looge uus story nimega \u201cAs a user I see an overview page when I log on\u201d. Lisa loole j\u00e4rgmine \u00fclesanned:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>There is an overview on the nav<\/li>\n\n\n\n<li>When I am not logged in and try to access the overview page, I am redirected to login<\/li>\n\n\n\n<li>When I log in, I am redirected to that page<\/li>\n\n\n\n<li>On the overview page I see my name<\/li>\n\n\n\n<li>I see my accounts<\/li>\n\n\n\n<li>I see my funds<\/li>\n\n\n\n<li>I see the past operations on my accounts<\/li>\n\n\n\n<li>The positive sums are green and the negative sums are red<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Overview alus<\/h2>\n\n\n\n<p>Alustame Nav.svelte failist, lisame \u00fche rea mis suunab meid overview.svelte lehtele kui me oleme sisse loginud.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567<\/td><td><code>{<\/code><code>#if $session.token}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;li&gt;&lt;a aria-current=<\/code><code>\"{segment === 'logout' ? 'page' : undefined}\"<\/code><code>href=<\/code><code>\"{logout}\"<\/code><code>on:click|preventDefault={logout}&gt;logout&lt;\/a&gt;&lt;\/li&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;li&gt;&lt;a aria-current=<\/code><code>\"{segment === 'overview' ? 'page' : undefined}\"<\/code><code>href=<\/code><code>\"overview\"<\/code><code>&gt;overview&lt;\/a&gt;&lt;\/li&gt;<\/code><code>{:<\/code><code>else<\/code><code>}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;li&gt;&lt;a aria-current=<\/code><code>\"{segment === 'register' ? 'page' : undefined}\"<\/code><code>href=<\/code><code>\"register\"<\/code><code>&gt;register&lt;\/a&gt;&lt;\/li&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;li&gt;&lt;a aria-current=<\/code><code>\"{segment === 'login' ? 'page' : undefined}\"<\/code><code>href=<\/code><code>\"login\"<\/code><code>&gt;login&lt;\/a&gt;&lt;\/li&gt;<\/code><code>{\/<\/code><code>if<\/code><code>}<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Seej\u00e4rel loome ka \u2018overview.svelte\u2019 faili teel \/src\/routes<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-1.png\" alt=\"\" class=\"wp-image-2076\"\/><\/figure>\n\n\n\n<p>ja sisestage j\u00e4rgmist skript failile. See suunab kasutaja login lehele, kui ta pole sisse logitud.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567<\/td><td><code>&lt;script context=\"module\"&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>export async function preload({ params }, { token }) {<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>if (!token) {<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>this.redirect(302, `\/login`);<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>}<\/code><code>&lt;\/script&gt;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>P\u00e4rast, minge \u2018login.svelte\u2019 failisse ja muudake esimest skripti sellele:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567<\/td><td><code>&lt;script context=\"module\"&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>export async function preload({ params }, { token }) {<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>if (token) {<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>this.redirect(302, `\/overview`);<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>}<\/code><code>&lt;\/script&gt;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Sellega, esimest kolm \u00fclessanet on tehtud.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-4.png\" alt=\"\" class=\"wp-image-2090\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">T\u00e4iendavad failid<\/h2>\n\n\n\n<p>Meil on vaja lisada 2 faili projektisse et j\u00e4tkama. Esimene on \u2018getMyData.js\u2019 ja teine on \u2018getTransactions.js\u2019. M\u00f5lemad failid asuvad teel \u2018\/src\/routes\/auth\u2019.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">getMyData faili sisu<\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678<\/td><td><code>import<\/code><code>* as api from <\/code><code>'api.js'<\/code><code>;<\/code><code>export<\/code><code>async<\/code><code>function<\/code><code>post(reg,res){<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>api.get(<\/code><code>'users\/current'<\/code><code>, reg.session.token ).then(response =&gt; {<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>res.setHeader(<\/code><code>'Content-Type'<\/code><code>, <\/code><code>'application\/json'<\/code><code>);<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>res.end(JSON.stringify(response));<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>})<\/code><code>}<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">getTransactions faili sisu<\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678<\/td><td><code>import<\/code><code>* as api from <\/code><code>'api.js'<\/code><code>;<\/code><code>export<\/code><code>async<\/code><code>function<\/code><code>post(reg,res){<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>api.get(<\/code><code>'transactions'<\/code><code>, reg.session.token ).then(response =&gt; {<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>res.setHeader(<\/code><code>'Content-Type'<\/code><code>, <\/code><code>'application\/json'<\/code><code>);<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>res.end(JSON.stringify(response));<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>})<\/code><code>}<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Kui m\u00f5lemad failid on lisatud, l\u00e4hme \u2018overview.svelte\u2019 failisse ja lisame j\u00e4rgmist skripti milles on meile vajalikud funktsioonid:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910111213<\/td><td><code>&lt;script&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>import<\/code><code>{post} from <\/code><code>'utils.js'<\/code><code>;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>async<\/code><code>function<\/code><code>getMyData(){<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>return<\/code><code>await<\/code><code>post(<\/code><code>'auth\/getMyData'<\/code><code>).then(r=&gt;{<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>r.funds = r.accounts.reduce((funds,account) =&gt; funds + account.balance,0)<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>return<\/code><code>r<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>})<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>async<\/code><code>function<\/code><code>getTransactions(){<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>return<\/code><code>await<\/code><code>post(<\/code><code>'auth\/getTransactions'<\/code><code>)<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>}<\/code><code>&lt;\/script&gt;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>P\u00e4rast \u00fclaltootud skripti lisamist, lisa ka j\u00e4rgmist koodijupp mis n\u00e4itab meile meie kontod info.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789101112131415161718192021<\/td><td><code>{<\/code><code>#if process.browser}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{<\/code><code>#await getMyData()}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>Loading...<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{:then my}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;p style=<\/code><code>\"font-size: xx-large\"<\/code><code>&gt;{my.name}&lt;\/p&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>My funds<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;p style=<\/code><code>\"font-size: xx-large; color: {my.funds &gt;= 0 ? 'green':'red'}\"<\/code><code>&gt;{my.funds}&lt;\/p&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;ul&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{<\/code><code>#each my.accounts as account}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;li&gt;{account.number} ({account.name})&lt;\/li&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{\/each}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/ul&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{\/<\/code><code>await<\/code><code>}<\/code><code>{\/<\/code><code>if<\/code><code>}<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Kui te kirjutasid k\u00f5ik kuni selle punktini, siis n\u00e4ete oma konto info overview lehel kui olete sisse loginud<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-2.png\" alt=\"\" class=\"wp-image-2088\"\/><\/figure>\n\n\n\n<p>Sellega on esimest 6 \u00fclessaned loos tehtud<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-3.png\" alt=\"\" class=\"wp-image-2089\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Varasemate operatsioonide tabel<\/h2>\n\n\n\n<p>L\u00e4hme \u2018overview.svelte\u2019 failile j\u00e4lle ja lisame sellele tabelit:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789101112131415<\/td><td><code>&lt;section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;table class=\"table table-striped table-bordered\"&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;thead&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;tr&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;senderName&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;amount&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;createdAt&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;status&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/tr&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/thead&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;tbody&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/tbody&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/table&gt;<\/code><code>&lt;\/section&gt;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Kui me preagu l\u00e4hme meie overview lehele siis n\u00e4eme ainult t\u00fchjat tabelit:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-5.png\" alt=\"\" class=\"wp-image-2091\"\/><\/figure>\n\n\n\n<p>Et seda parandada muudame meie tabelit j\u00e4rgsena:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567891011121314151617181920212223242526<\/td><td><code>&lt;section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{<\/code><code>#await getTransactions()}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>loading<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{:then transactions}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;table <\/code><code>class<\/code><code>=<\/code><code>\"table table-striped table-bordered\"<\/code><code>&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;thead&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;tr&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;senderName&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;amount&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;createdAt&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;status&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/tr&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/thead&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;tbody&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{<\/code><code>#each transactions as transaction}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;tr&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;td&gt;&lt;b&gt;{transaction.senderName}&lt;\/b&gt;&lt;br&gt;{transaction.explanation}&lt;\/td&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;td style=<\/code><code>\"color: {transaction.amount&gt;= 0 ? 'green' : 'red'}\"<\/code><code>&gt;{transaction.amount} {transaction.currency}&lt;\/td&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;td&gt;&lt;b&gt;{transaction.createdAt}&lt;\/b&gt;&lt;br&gt;{transaction.explanation}&lt;\/td&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;td&gt;&lt;b&gt;{transaction.status}&lt;\/b&gt;&lt;br&gt;{transaction.statusDetail}&lt;\/td&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/tr&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{\/each}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/tbody&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/table&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{\/<\/code><code>await<\/code><code>}<\/code><code>&lt;\/section&gt;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Sellega on k\u00f5ik \u00fclessanned tehtud. V\u00f5ite teha commit\u2019i uuel harul nimega \u2018#storyIdAs_a_user_I_see_an_overview_page_when_I_log_on\u2019, kus lisate mitte storyID aga v\u00f5tate oma loo ID Pivotal Tracker\u2019s<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Meie tulemus<\/h3>\n\n\n\n<h2 class=\"wp-block-heading\">L\u00f5pp tulemus<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt.png\" alt=\"\" class=\"wp-image-2074\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Overview.svelte l\u00f5ppu kood<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910111213141516171819202122232425262728293031323334353637383940414243444546<\/td><td><code>{<\/code><code>#if process.browser}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{<\/code><code>#await getMyData()}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>Loading...<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{:then my}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;p style=<\/code><code>\"font-size: xx-large\"<\/code><code>&gt;{my.name}&lt;\/p&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>My funds<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;p style=<\/code><code>\"font-size: xx-large; color: {my.funds &gt;= 0 ? 'green':'red'}\"<\/code><code>&gt;{my.funds}&lt;\/p&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;ul&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{<\/code><code>#each my.accounts as account}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;li&gt;{account.number} ({account.name})&lt;\/li&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{\/each}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/ul&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{<\/code><code>#await getTransactions()}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>loading<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{:then transactions}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;table <\/code><code>class<\/code><code>=<\/code><code>\"table table-striped table-bordered\"<\/code><code>&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;thead&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;tr&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;senderName&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;amount&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;createdAt&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;th&gt;status&lt;\/th&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/tr&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/thead&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;tbody&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{<\/code><code>#each transactions as transaction}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;tr&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;td&gt;&lt;b&gt;{transaction.senderName}&lt;\/b&gt;&lt;br&gt;{transaction.explanation}&lt;\/td&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;td style=<\/code><code>\"color: {transaction.amount&gt;= 0 ? 'green' : 'red'}\"<\/code><code>&gt;{transaction.amount} {transaction.currency}&lt;\/td&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;td&gt;&lt;b&gt;{transaction.createdAt}&lt;\/b&gt;&lt;br&gt;{transaction.explanation}&lt;\/td&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;td&gt;&lt;b&gt;{transaction.status}&lt;\/b&gt;&lt;br&gt;{transaction.statusDetail}&lt;\/td&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/tr&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{\/each}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/tbody&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/table&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{\/<\/code><code>await<\/code><code>}<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>&lt;\/section&gt;<\/code><code>&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code>{\/<\/code><code>await<\/code><code>}<\/code><code>{\/<\/code><code>if<\/code><code>}<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>SvelteJS\/Sapper project overview leht Story Minge&nbsp;pivotaltrackerisse&nbsp;ja looge uus story nimega \u201cAs a user I see an overview page when I log on\u201d. Lisa loole j\u00e4rgmine \u00fclesanned: Overview alus Alustame Nav.svelte failist, lisame \u00fche rea mis suunab meid overview.svelte lehtele kui me oleme sisse loginud. 1234567 {#if $session.token}&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a aria-current=&#8221;{segment === &#8216;logout&#8217; ? &#8216;page&#8217; : undefined}&#8221;href=&#8221;{logout}&#8221;on:click|preventDefault={logout}&gt;logout&lt;\/a&gt;&lt;\/li&gt;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a aria-current=&#8221;{segment [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-422","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>overview leht - Irina Merkulova &otilde;pimapp | portfoolio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"overview leht - Irina Merkulova &otilde;pimapp | portfoolio\" \/>\n<meta property=\"og:description\" content=\"SvelteJS\/Sapper project overview leht Story Minge&nbsp;pivotaltrackerisse&nbsp;ja looge uus story nimega \u201cAs a user I see an overview page when I log on\u201d. Lisa loole j\u00e4rgmine \u00fclesanned: Overview alus Alustame Nav.svelte failist, lisame \u00fche rea mis suunab meid overview.svelte lehtele kui me oleme sisse loginud. 1234567 {#if $session.token}&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a aria-current=&quot;{segment === &#039;logout&#039; ? &#039;page&#039; : undefined}&quot;href=&quot;{logout}&quot;on:click|preventDefault={logout}&gt;logout&lt;\/a&gt;&lt;\/li&gt;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a aria-current=&quot;{segment [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/\" \/>\n<meta property=\"og:site_name\" content=\"Irina Merkulova &otilde;pimapp | portfoolio\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-06T06:42:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/\",\"url\":\"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/\",\"name\":\"overview leht - Irina Merkulova &otilde;pimapp | portfoolio\",\"isPartOf\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-1.png\",\"datePublished\":\"2023-10-06T06:42:32+00:00\",\"dateModified\":\"2023-10-06T06:42:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/#primaryimage\",\"url\":\"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-1.png\",\"contentUrl\":\"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\/\/merkulova.thkit.ee\/wp20\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"overview leht\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#website\",\"url\":\"https:\/\/merkulova.thkit.ee\/wp20\/\",\"name\":\"Veebirakenduse portfoolio\",\"description\":\"Noorem Tarkvaraarendaja eriala\",\"publisher\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/merkulova.thkit.ee\/wp20\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"et\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"logo\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/merkulova.thkit.ee\/wp20\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"overview leht - Irina Merkulova &otilde;pimapp | portfoolio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/","og_locale":"et_EE","og_type":"article","og_title":"overview leht - Irina Merkulova &otilde;pimapp | portfoolio","og_description":"SvelteJS\/Sapper project overview leht Story Minge&nbsp;pivotaltrackerisse&nbsp;ja looge uus story nimega \u201cAs a user I see an overview page when I log on\u201d. Lisa loole j\u00e4rgmine \u00fclesanned: Overview alus Alustame Nav.svelte failist, lisame \u00fche rea mis suunab meid overview.svelte lehtele kui me oleme sisse loginud. 1234567 {#if $session.token}&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a aria-current=\"{segment === 'logout' ? 'page' : undefined}\"href=\"{logout}\"on:click|preventDefault={logout}&gt;logout&lt;\/a&gt;&lt;\/li&gt;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a aria-current=\"{segment [&hellip;]","og_url":"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/","og_site_name":"Irina Merkulova &otilde;pimapp | portfoolio","article_modified_time":"2023-10-06T06:42:33+00:00","og_image":[{"url":"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/","url":"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/","name":"overview leht - Irina Merkulova &otilde;pimapp | portfoolio","isPartOf":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#website"},"primaryImageOfPage":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/#primaryimage"},"image":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/#primaryimage"},"thumbnailUrl":"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-1.png","datePublished":"2023-10-06T06:42:32+00:00","dateModified":"2023-10-06T06:42:33+00:00","breadcrumb":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/"]}]},{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/#primaryimage","url":"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-1.png","contentUrl":"https:\/\/krohhin20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/pilt-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/merkulova.thkit.ee\/wp20\/overview-leht\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/merkulova.thkit.ee\/wp20\/"},{"@type":"ListItem","position":2,"name":"overview leht"}]},{"@type":"WebSite","@id":"https:\/\/merkulova.thkit.ee\/wp20\/#website","url":"https:\/\/merkulova.thkit.ee\/wp20\/","name":"Veebirakenduse portfoolio","description":"Noorem Tarkvaraarendaja eriala","publisher":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/merkulova.thkit.ee\/wp20\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"},{"@type":["Person","Organization"],"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae","name":"admin","image":{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g","caption":"admin"},"logo":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/merkulova.thkit.ee\/wp20"]}]}},"_links":{"self":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages\/422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/comments?post=422"}],"version-history":[{"count":1,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages\/422\/revisions"}],"predecessor-version":[{"id":424,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages\/422\/revisions\/424"}],"wp:attachment":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/media?parent=422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}