Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add "custom plan" features in the creation form #530

Closed
5 tasks done
Tracked by #149
jpaulet opened this issue Jan 31, 2024 · 1 comment
Closed
5 tasks done
Tracked by #149

Add "custom plan" features in the creation form #530

jpaulet opened this issue Jan 31, 2024 · 1 comment
Assignees
Labels
enhancement New feature or request

Comments

@jpaulet
Copy link
Member

jpaulet commented Jan 31, 2024

As Vocdoni, we want to add all the features that the protocol supports but the UI don't support in a "self-service" mode, only in custom project mode.

When clicking one of those options, a popup will appear that will let the user to send a email or schedule a call.

  • Customization
  • Voting types
  • Census types
  • Contact us button
  • Contact us popup form with schedule option

Visual References and copies:

  • Customization
    image

  • Voting types
    image

  • Census types
    image

Note that we need to increase the separation between the cards in the grid (margin: 15px) and center all the content.
Also, when selecting a census type, we have to hide all the cards and show the census itself, with a "Back" button on top.

  • Contact us button (looks like text, but it's a button)
    image

  • Contact us popup form with schedule option
    image

The "Book now" button, is an integration with a external calendar:

`Button code

<script src="https://calendar.google.com/calendar/scheduling-button-script.js" async></script> <script> (function() { var target = document.currentScript; window.addEventListener('load', function() { calendar.schedulingButton.load({ url: 'https://calendar.google.com/calendar/appointments/schedules/AcZssZ29VUbJIqlHtdY32eVUd2OhbjfQLoiHhTAk34Ct6PianaFnwediCb6K021zcX5RaKDdd76eZS-O?gv=true', color: '#3F51B5', label: 'Book an appointment', target, }); }); })(); </script> `

But we can create it with Chakra for having translations and more options.

@elboletaire
Copy link
Member

Closed by #555

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants