{{_("Dear")}} {{ full_name }}{% if last_name %} {{ last_name}}{% endif %},
+{{_("A new appointment has been created for you with {0}").format(site_url)}}.
+{{_("Click on the link below to verify your email and confirm the appointment")}}.
+ + + +{{_("You can also copy-paste this link in your browser")}} {{ link }}
diff --git a/erpnext/www/book-appointment/index.css b/erpnext/www/book-appointment/index.css new file mode 100644 index 00000000000..6c49fde739e --- /dev/null +++ b/erpnext/www/book-appointment/index.css @@ -0,0 +1,53 @@ +.time-slot { + margin-bottom: 2em; + margin-left: 0.5em; + margin-right: 0.5em; + border-radius: 0.4em; + cursor: pointer; + border: 0.5px solid #cccccc; + min-height: 75px; + padding: 0.5em 1em; +} + +@media (max-width: 768px) { + #submit-button-area { + display: grid; + grid-template-areas: + "submit" + "back"; + } +} +#customer-form{ + border-color: black; +} +#customer-form ::placeholder{ + color: #ddd; +} +#timeslot-container{ + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.time-slot:hover { + background: #ddd; +} + +.time-slot.unavailable { + background: #CBD5E0; + cursor: not-allowed; + color: #718096 +} + +.time-slot.unavailable .text-muted { + color: #718096 +} + +.time-slot.selected { + color: white; + background: #5e64ff; +} + +.time-slot.selected .text-muted { + color: #EDF2F7 !important; +} diff --git a/erpnext/www/book-appointment/index.html b/erpnext/www/book-appointment/index.html new file mode 100644 index 00000000000..96774d5656b --- /dev/null +++ b/erpnext/www/book-appointment/index.html @@ -0,0 +1,66 @@ +{% extends "templates/web.html" %} + +{% block title %}{{ _("Book Appointment") }}{% endblock %} + +{% block script %} + + +{% endblock %} + +{% block page_content %} +Select the date and your timezone
+Selected date is at +
+