Files
habitica/website/client
Natalie L c16207c9ba Add Gift Messaging to Success Modal (#14270)
* initial commit: based on group-tracking-modal branch

* chore: merge group-tracking-modal

* update: create functions for each success condition

* chore: merge develop

* chore: work on successModal.vue & remove redundant code on groupPlan.vue

* update: remove `giftSubscriptionText4` from footer

* fix: correct groupPlan.vue file

* update: add messaging placeholder, clean up logic in a few places, update/add strings

* update: rearrange modal in order of display & test existence of 'gift-subscription' paymentType

* update: added props for receiverName so 'gift-subscription' works

* update: add close.svg & function
style: refactor CSS

* update: work on gift messaging

* update: work on gift messaging

* update: work on gift messaging

* update: let's make messages GO

* update: messages are a GO, we have LIFT OFF!

* fix: remove console log (oops)

Co-authored-by: SabreCat <sabe@habitica.com>
2022-11-01 20:55:40 -05:00
..
2019-10-01 11:44:38 +02:00
2019-10-15 15:32:53 +02:00
2019-12-05 22:35:23 +01:00
2022-09-16 16:12:34 -04:00
2020-01-12 19:34:40 +01:00

Habitica Client

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Storybook

Storybook is mainly used while working on UI-Components to see changes faster instead of using the website.

Start Storybook

npm run storybook:serve

This will start the storybook process, every *.stories.js-File is searched and added to the storybook overview.

Storybook Worklow

Usually when you working on component-name.vue you also create a component-name.stories.js file.

Example of the stories structure - Storybook Docs - CountBadge

Each function or example of this component will be put after storiesOf('Your Component', module), in a separate .add('function of component', ...

Storybook Build

After each client build, storybook build is also triggered and will be available in dist/storybook