search

gosqasorg / asset-provenance-tracking

Node.js implementation, using Azure as a backend, of a system for Global Distributed Tracking, a free-of-charge, free-software system for building up a provenance or history of objects/assets/devices.
https://gosqas.org/
GNU Affero General Public License v3.0
4 stars 3 forks source link

Update "Create New Device" and "Create New Container" Forms on Homepage #181

Closed K42IE closed 22 hours ago

K42IE commented 2 weeks ago

Make these into two components. One component will be for the "New Device Form" another for the "New Container Form".

You should make a new folder under the "components" directory named FormComponents. Put these two components here.

In the home page "index.vue", these components should replace the preexisting code.

Also update the forms via the Figma Designs: https://www.figma.com/design/nFA3vMmmL6DdoOIpBmLgIC/Brand-Guidelines?node-id=7-19975 image

image

Notes about needed changes: “Device Image (optional) “Choose File” text and button background on “Create New Device” card input field filler text Remove border on input fields Correct toggle button appearance Correct font sizes & line heights (applies to almost all text) Add "Add tags (optional)" field Add "Notify all children?" checkbox Fix numerous spacing issues throughout

judithweng commented 2 weeks ago

@K42IE would you mind clarifying what you mean by making these into components? My assumption was that they have always been and these currently are in the components folder.

image

Index.vue refers to these currently.

K42IE commented 2 weeks ago

My bad, you are correct. Can we take it out of the provenance folder and put it into a folder with a better name ("forms" etc.) because they are used outside the history record page.

judithweng commented 2 weeks ago

@K42IE thanks for clarifying! sounds good :)