I figured out how to handle Objects in Svelte each blocks and can
therefore now pass the data through.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
Tauri introduced a set of icons. I downloaded the Anvil avatar from
Codeberg and scaled it up and down with GIMP before I tinified it using
tinypng online.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
This required adding annotation to the whole project.
I need to double-check whether I have the license banner of AGPL in
place everywhere.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
I can successfully log in with credentials I'm using on Vervis.
The response is then parsed into an object that could be consumed in the
rest of Anvil.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
In order to link between stories in Storybook I need to add some
attribute to elements, so that the events are prevented and navigation
can be handled by Storybook.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
I hope I read the PenPot design correctly here.
Right now, I hotlink as documented by the font forge. We might want to
self-host down the road.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
I want to explore how I could potentially reuse components. Therefore I
extract the form into a component. Given its complexity it could either
be a molecule or an organism. I went with the latter here.
I have to explore how I pass around Objects and Arrays in Svelte so that
I can move server logic up in the component tree.
When I reuse components, I potentially want to define the labels and
placeholders. Therefore the hard-coded strings have to become variables.
Eventually I will define the key on the template level and use the real
values on page level and pass it down. That would break tests currently
so I'm not doing it in this refactoring.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
This way the design will adapt to the writing direction. If it is not
possible, use the ltr and rtl filter to adjust the design.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
I don't think this is the right approach but I couldn't figure out how
to announce new keys to Weblate yet.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
This also sets the direction of layout. I hope to be able to spot design
implementation failures faster this way.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
I could imagine that we will refactor this into even smaller components
in the future but for now, I bundle the pronoun with the display name
like this.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
These have no handlers bound to them yet. At that point the atom might
be refactored to a molecule. Let's see.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
For now I'm following the Atomic Design philosophy with respect to
organising the components. I started with Avatar which wraps the
SvelteKit library with some defaults. I test it using vitest which is
now configured accordingly. All dependencies were updated to their
latest version.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
I made a best effort attempt to design the profile page according to the
current design specification.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
Reviewed-on: https://codeberg.org/Anvil/Anvil/pulls/18
Co-authored-by: André Jaenisch <andre.jaenisch@posteo.de>
Co-committed-by: André Jaenisch <andre.jaenisch@posteo.de>
Before making any changes to the logic of the code I've updated all
dependencies and adjusted the configurations according to the migration
documentation. I ensured that I can still run the npm scripts like
before.
Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>