r/guest_worker
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge branch 'master' of git.rubenvandeven.com:r/guest_worker

Browse source
This commit is contained in:
Ruben van de Ven 2020-01-22 18:15:56 +01:00
commit eea090d265
4 changed files with 36 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
www/backend/backend.html
View file

@ -14,8 +14,8 @@
<img :src="hit.scan_image"> <img :src="hit.scan_image">
<div class='credits'> <div class='credits'>
<span class='worker_id'>test{{hit.assignment.worker_id}}</span> <span class='worker_id'>{{hit.assignment.worker_id}}</span>
<span class='country'>test{{hit.assignment.turk_country}}</span> <span class='country'>{{hit.assignment.turk_country}}</span>
<template v-if="hit.preceding_assignments.length"> <template v-if="hit.preceding_assignments.length">
<div id='collaborators'> <div id='collaborators'>
<div id='collab_items'> <div id='collab_items'>

23
www/backend/style.css
View file

@ -38,7 +38,7 @@
body{ body{
background: black; background: black;
margin:0; margin:0;
color:white; color:#f5f5f5;
font-family: 'bt'; font-family: 'bt';
font-size: var(--base-font-size); font-size: var(--base-font-size);
line-height: var(--base-font-size)*1.5; line-height: var(--base-font-size)*1.5;
@ -47,8 +47,8 @@ body{
.hit{ .hit{
position:absolute; position:absolute;
top:var(--pos-y); top:var(--pos-y);
left:0; left:24px;
right:0; right:21px;
bottom:0; bottom:0;
text-align: center; text-align: center;
transition: opacity 1s; transition: opacity 1s;
@ -73,17 +73,16 @@ body{
.hit img{ .hit img{
display: block; display: block;
margin: 10vh auto 7vh; margin: 6vh auto 7vh;
width: 1000px; width: 875px;
height: 500px;
border: solid 1px white;
} }
.credits{ .credits{
font-size: var(--base-font-size); font-size: var(--base-font-size);
text-transform: uppercase;
text-transform: uppercase;
} }
.credits::before{ .credits::before{
@ -108,12 +107,12 @@ body{
.country::after{content:')';} .country::after{content:')';}
#collaborators{ #collaborators{
height: 30vh; height: 32vh;
width: 1000px; width: 800px;
margin: 0 auto; margin: 0 auto;
} }
#collab_items{ #collab_items{
text-align: justify; text-align: justify-center;
} }
#collaborators::before{ #collaborators::before{
margin-top: 7vh; margin-top: 7vh;

12
www/worker_specs/index.html
View file

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<!-- VUE kijken hoe dat werkt bv for loop -->
<div id="wrapper"> <div id="wrapper">
<div class='hit' v-for="(hit, hitId) in hits" <div class='hit' v-for="(hit, hitId) in hits"
@ -40,12 +40,12 @@
<p>$ {{formatPrice(hit.fee*.2)}}</p> <p>$ {{formatPrice(hit.fee*.2)}}</p>
</div> </div>
</div> </div>
<!-- TASK FEE en FEE voor amazon (task fee * .2) -->
</div> </div>
<div class='transition' v-if="hit.hit_id"> <div class='transition' v-if="hit.hit_id" :class="[{'no_arrow': !hit.assignment}]">
<p v-if="!hit.assignment">waiting for worker</p> <p v-if="!hit.assignment">waiting for worker</p>
<template v-else> <template v-else>
<p v-if="hit.assignment.returned_at || hit.assignment.abandoned_at">task abandoned</p> <p v-if="hit.assignment.returned_at || hit.assignment.abandoned_at">task abandoned</p>
@ -81,9 +81,9 @@
<div class='state' v-if="hit.assignment.submit_page_at"> <div class='state' v-if="hit.assignment.submit_page_at">
<h2>worker input</h2> <h2>worker input</h2>
<div class="svgcrop" style="height: 110px; overflow: hidden"> <div class="svgcrop" style="height: 110px; overflow: hidden">
<img :src="hit.svg_image" style="margin-top: -60px"> <img :src="hit.svg_image" style="margin-top: 0px">
</div> </div>
<div class='columns'> <div class='columns'>
<div class='column'> <div class='column'>
<p class="descriptor">duration</p> <p class="descriptor">duration</p>

25
www/worker_specs/style.css
View file

@ -78,21 +78,28 @@ html, body{
/* text-align: center; */ /* text-align: center; */
animation-duration: 3s; animation-duration: 3s;
animation-name: slidein; animation-name: slidein;
margin: 20px 0px; margin: 10px 0px;
} }
.transition p{ .transition p{
margin:2px; /* height: 100%; */
margin: 12px 2px 2px 2px;
} }
.transition::before{ .transition.no_arrow{
padding: 0;
text-align: center;
}
.transition:not(.no_arrow)::before{
content:'⇩'; /*'⇓';*/ content:'⇩'; /*'⇓';*/
display:block; display:block;
position:absolute; position:absolute;
font-family:'monospace'; font-family:'monospace';
font-size: 80px; font-size: 80px;
top:10px; top:10px;
left:calc(50% - 30px); left:calc(50% - 24px);
line-height:0; line-height:0;
} }
@ -107,7 +114,7 @@ html, body{
/* max-height: 200px; */ /* max-height: 200px; */
margin: 2px; margin: 2px;
border:solid 2px black; border:solid 2px black;
padding: 4px; padding: 12px;
} }
.state h2{ .state h2{
@ -131,7 +138,7 @@ html, body{
.state .descriptor{ .state .descriptor{
font-family: 'freesans'; font-family: 'freesans';
font-size: var(--base-font-size); font-size: var(--base-font-size);
margin-top: var(--base-font-size); margin-top: calc(var(--base-font-size)/2);
} }
.state.assignment-hidden { .state.assignment-hidden {
@ -197,13 +204,15 @@ html, body{
.columns{ .columns{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.columns .column{ .columns .column{
flex-grow: 1; flex-grow: 1;
width: 50%;
} }
.scan img{ .scan img{
vertical-align:bottom; vertical-align:bottom;
} }