m-facey / formjam Goto Github PK
View Code? Open in Web Editor NEWA simple form app using Vue 3 and Pocketbase
Home Page: https://formjam.vercel.app
License: MIT License
A simple form app using Vue 3 and Pocketbase
Home Page: https://formjam.vercel.app
License: MIT License
Once the functionality for the profile page is added, we need to write some cypress test to ensure the functionality works as expected.
This is related to #28
We need to be able to duplicate question when creating a form. When a question is duplicated, it should be placed directly below the original.
Collab with @M-Facey to get more info to finish this.
We should change the title of the page depending on what page it is. Here is a list of the rough idea of what they should be (please note: you can change them if you think you have a more appropriate name)
Most pages will have just be the <name_of_page> | FormJAM
, however, the create / edit form page is an exception as it will use <form_title> | FormJAM
The preview section has been implemented on this route, /form/:id/view?preview=true
. We need to implement the functionality for when the user actually tries to submit a form.
Due to how the test was written, a lot of unused form will be created without getting deleted. We need to find a way to minimize its impact by either:
hye, thanks for the project !!
Could you push the pb-schema.json from pocketbase...
better than deduce the schema from types... thanks
We need to make the form pages responsive and theme friendly.
We should add functionality to the profile page, which is inclusive of the following:
How to update the profile info (including the password)
// example update data
const data = {
"username": "test_username_update",
"emailVisibility": false,
"password": "87654321",
"passwordConfirm": "87654321",
"oldPassword": "12345678",
"name": "test"
};
const record = await pb.collection('users').update('RECORD_ID', data);
How to delete the user profile
await pb.collection('users').delete('RECORD_ID');
You should use the useConfirm
(this is for the delete modal) and useToast
(this is for the pop up notification) services from primevue, which you can find in the Form Card component
Please look how validation is done using vee-validate
in the Signup.vue. Please note: The name attributes used to reference to input elements.
The forgot password (aka reset password) flow consists of two steps.
In order to test these, the request need to be intercepted and mocked. Please see the intercept docs on cypress for more information.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.