-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
added modal when requesting hub managed with low quantity
- Loading branch information
1 parent
8eddada
commit e7185d2
Showing
6 changed files
with
114 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| <div x-show="{{ .isOpen }}" class="relative z-10" aria-labelledby="quantity-one-modal-title" role="dialog" aria-modal="true" x-cloak> | ||
| <div x-show="{{ .isOpen }}" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div> | ||
|
|
||
| <div class="fixed z-10 inset-0 overflow-y-auto"> | ||
| <div class="flex items-end md:items-center justify-center min-h-full p-4 text-center md:p-0"> | ||
| <div x-show="{{ .isOpen }}" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 md:translate-y-0 md:scale-95" x-transition:enter-end="opacity-100 translate-y-0 md:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 md:scale-100" x-transition:leave-end="opacity-0 translate-y-4 md:translate-y-0 md:scale-95" class="relative transform rounded shadow bg-white text-left overflow-hidden transition-all md:my-8 md:max-w-xl md:w-full"> | ||
| <div class="p-4"> | ||
| <div class="md:flex md:items-start"> | ||
| <div class="flex-shrink-0 text-center"> | ||
| <div class="fa-stack text-2xl text-primary-l2 md:text-xl"> | ||
| <i class="fas fa-circle fa-stack-2x"></i> | ||
| <i class="fas fa-lightbulb-on fa-stack-1x text-primary"></i> | ||
| </div> | ||
| </div> | ||
| <div class="mt-3 text-center md:ml-4 md:mt-0 md:text-left"> | ||
| <h3 class="font-headline text-xl md:text-2xl leading-relaxed mb-4" id="quantity-one-modal-title"> | ||
| {{ i18n "hub_managed_low_quantity_title" }} | ||
| </h3> | ||
| <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4"> | ||
| {{ i18n "hub_managed_low_quantity_description" }} | ||
| </p> | ||
| <template x-if="{{ .quantity }} == 1"> | ||
| <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4"> | ||
| {{ i18n "hub_managed_low_quantity_description_1" }} | ||
| </p> | ||
| </template> | ||
| <template x-if="{{ .quantity }} == 2"> | ||
| <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4"> | ||
| {{ i18n "hub_managed_low_quantity_description_2" | safeHTML }} | ||
| </p> | ||
| </template> | ||
| <template x-if="{{ .quantity }} >= 3"> | ||
| <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4"> | ||
| {{ i18n "hub_managed_low_quantity_description_3" | safeHTML }} | ||
| </p> | ||
| </template> | ||
| <template x-if="{{ .quantity }} >= 3"> | ||
| <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4"> | ||
| {{ i18n "hub_managed_low_quantity_description_4" | safeHTML }} | ||
| </p> | ||
| </template> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="border-t border-primary p-4 md:flex md:flex-row-reverse md:items-center"> | ||
| <template x-if="{{ .quantity }} < 3"> | ||
| <a href="{{ .Site.LanguagePrefix }}/downloads/" role="button" class="btn btn-primary flex-shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0"> | ||
| {{ i18n "hub_managed_low_quantity_submit_1" }} | ||
| </a> | ||
| </template> | ||
| <template x-if="{{ .quantity }} >= 3"> | ||
| <button type="submit" class="btn btn-primary flex-shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0" @click.prevent="{{ .hubManaged }}.request(); {{ .isOpen }} = false"> | ||
| {{ i18n "hub_managed_low_quantity_submit_2" }} | ||
| </button> | ||
| </template> | ||
| <template x-if="{{ .quantity }} >= 3"> | ||
| <a href="{{ .Site.LanguagePrefix }}/downloads/" role="button" class="btn btn-outline-primary flex-shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0"> | ||
| {{ i18n "hub_managed_low_quantity_submit_1" }} | ||
| </a> | ||
| </template> | ||
| <button type="button" class="btn btn-outline-gray-500 flex-shrink-0 w-full md:w-auto" @click.prevent="{{ .isOpen }} = false"> | ||
| {{ i18n "modal_cancel" }} | ||
| </button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> |