Skip to content

Commit

Permalink
Improvement: Add info until when booking option can be cancelled to d…
Browse files Browse the repository at this point in the history 
…etail page. (Wunderbyte-GmbH/moodle-mod_booking#722)
  • Loading branch information
@ibernhardf
ibernhardf committed Nov 28, 2024
1 parent 9e46fb0 commit 1a84962
Showing 1 changed file with 68 additions and 45 deletions.
113 changes: 68 additions & 45 deletions templates/mod_booking/bookingoption_description_view.mustache
View file
Original file line number Diff line number Diff line change
Expand Up @@ -316,40 +316,40 @@
{{/description}}
</span>
<div class="card price-card border-0">
<span class="spanhidemobile ">
{{#imageurl}}
<img class="w-100 uriseimage" src="{{imageurl}}" alt="{{title}}">
{{/imageurl}}
{{^imageurl}}
<div class="placeholderimage">
<div class="m-3 d-flex justify-conten-center align-items-center flex-column">
<i class="fa-regular fa-image placeholdericon"></i>
<h4 class="pt-2" >
{{#str}} optionnoimage, mod_booking {{/str}}
</h4>
</div>
</div>
{{/imageurl}}
<span class="spanhidemobile ">
{{#imageurl}}
<img class="w-100 uriseimage" src="{{imageurl}}" alt="{{title}}">
{{/imageurl}}
{{^imageurl}}
<div class="placeholderimage">
<div class="m-3 d-flex justify-conten-center align-items-center flex-column">
<i class="fa-regular fa-image placeholdericon"></i>
<h4 class="pt-2" >
{{#str}} optionnoimage, mod_booking {{/str}}
</h4>
</div>
</div>
{{/imageurl}}
</span>
<div class="card-body">
<div class="row mod-booking-row">
<div class="col-md-11 m-auto detailview">
<p class="mb-3 mt-2 font-weight-bold">{{#str}} aboutoffer, local_urise {{/str}}</p>
{{#showdates}}
<div class="mb-1-lexa dinforow">
<span>
<span class="icon-container">
<!-- Original <i> tag replaced with SVG -->
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25 26" fill="none">
<path d="M22.4354 12.9492C22.4354 18.5785 17.8667 23.1472 12.2375 23.1472C6.60822 23.1472 2.03955 18.5785 2.03955 12.9492C2.03955 7.31999 6.60822 2.75132 12.2375 2.75132C17.8667 2.75132 22.4354 7.31999 22.4354 12.9492Z" stroke="#0063A6" stroke-width="1.66875" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.0206 16.1919L12.8593 14.3053C12.3086 13.979 11.8599 13.1937 11.8599 12.5513V8.37012" stroke="#0063A6" stroke-width="1.66875" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
<span class=" showdates">
{{{.}}}
</span>
</div>
<span>
<span class="icon-container">
<!-- Original <i> tag replaced with SVG -->
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25 26" fill="none">
<path d="M22.4354 12.9492C22.4354 18.5785 17.8667 23.1472 12.2375 23.1472C6.60822 23.1472 2.03955 18.5785 2.03955 12.9492C2.03955 7.31999 6.60822 2.75132 12.2375 2.75132C17.8667 2.75132 22.4354 7.31999 22.4354 12.9492Z" stroke="#0063A6" stroke-width="1.66875" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.0206 16.1919L12.8593 14.3053C12.3086 13.979 11.8599 13.1937 11.8599 12.5513V8.37012" stroke="#0063A6" stroke-width="1.66875" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
<span class=" showdates">
{{{.}}}
</span>
</div>
{{/showdates}}
{{#kurssprache}}
<div class="mb-1-lexa dinforow">
Expand All @@ -373,27 +373,50 @@
{{/kurssprache}}
{{#format}}
<div class="mb-1-lexa dinforow">
<span class="icon-container">
<!-- Original <i> tag replaced with SVG -->
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 26 25" fill="none">
<g clip-path="url(#clip0_3680_5680)">
<path d="M1.875 23.7866V15.8755" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.2251 15.8755H24.1251V23.2922C24.1251 23.4233 24.073 23.5491 23.9803 23.6418C23.8876 23.7345 23.7618 23.7866 23.6307 23.7866H15.7195C15.5884 23.7866 15.4626 23.7345 15.3699 23.6418C15.2772 23.5491 15.2251 23.4233 15.2251 23.2922V15.8755Z" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.36944 11.9199H23.6306C23.7617 11.9199 23.8875 11.972 23.9802 12.0647C24.0729 12.1574 24.125 12.2832 24.125 12.4143V15.8754H1.875V12.4143C1.875 12.2832 1.92709 12.1574 2.01982 12.0647C2.11255 11.972 2.23831 11.9199 2.36944 11.9199Z" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.2251 19.8311H24.1251" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.32513 1.53673H15.2251C15.2251 1.53673 16.7085 1.53673 16.7085 3.02006V7.47006C16.7085 7.47006 16.7085 8.95339 15.2251 8.95339H6.32513C6.32513 8.95339 4.8418 8.95339 4.8418 7.47006V3.02006C4.8418 3.02006 4.8418 1.53673 6.32513 1.53673Z" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.7749 8.95357V11.9202" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3680_5680">
<rect width="24.475" height="24.475" fill="white" transform="translate(0.762695 0.424225)"/>
</clipPath>
</defs>
</svg>
</span>
<span class="icon-container">
<!-- Original <i> tag replaced with SVG -->
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 26 25" fill="none">
<g clip-path="url(#clip0_3680_5680)">
<path d="M1.875 23.7866V15.8755" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.2251 15.8755H24.1251V23.2922C24.1251 23.4233 24.073 23.5491 23.9803 23.6418C23.8876 23.7345 23.7618 23.7866 23.6307 23.7866H15.7195C15.5884 23.7866 15.4626 23.7345 15.3699 23.6418C15.2772 23.5491 15.2251 23.4233 15.2251 23.2922V15.8755Z" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.36944 11.9199H23.6306C23.7617 11.9199 23.8875 11.972 23.9802 12.0647C24.0729 12.1574 24.125 12.2832 24.125 12.4143V15.8754H1.875V12.4143C1.875 12.2832 1.92709 12.1574 2.01982 12.0647C2.11255 11.972 2.23831 11.9199 2.36944 11.9199Z" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.2251 19.8311H24.1251" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.32513 1.53673H15.2251C15.2251 1.53673 16.7085 1.53673 16.7085 3.02006V7.47006C16.7085 7.47006 16.7085 8.95339 15.2251 8.95339H6.32513C6.32513 8.95339 4.8418 8.95339 4.8418 7.47006V3.02006C4.8418 3.02006 4.8418 1.53673 6.32513 1.53673Z" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.7749 8.95357V11.9202" stroke="#0063A6" stroke-width="1.48333" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3680_5680">
<rect width="24.475" height="24.475" fill="white" transform="translate(0.762695 0.424225)"/>
</clipPath>
</defs>
</svg>
</span>
<span>{{{.}}}</span>
</div>
{{/format}}
{{#canceluntil}}
<div class="mb-1-lexa dinforow">
<span class="icon-container">
<!-- Original <i> tag replaced with SVG -->
<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 400 400" fill="none">
<path d="M180.455,360.91H24.061V24.061h156.394c6.641,0,12.03-5.39,12.03-12.03s-5.39-12.03-12.03-12.03H12.03
C5.39,0.001,0,5.39,0,12.031V372.94c0,6.641,5.39,12.03,12.03,12.03h168.424c6.641,0,12.03-5.39,12.03-12.03
C192.485,366.299,187.095,360.91,180.455,360.91z" stroke="#0063A6" stroke-width="1.46016" stroke-linecap="round" stroke-linejoin="round" fill="#0063A6"/>
<path d="M381.481,184.088l-83.009-84.2c-4.704-4.752-12.319-4.74-17.011,0c-4.704,4.74-4.704,12.439,0,17.179l62.558,63.46H96.279
c-6.641,0-12.03,5.438-12.03,12.151c0,6.713,5.39,12.151,12.03,12.151h247.74l-62.558,63.46c-4.704,4.752-4.704,12.439,0,17.179
c4.704,4.752,12.319,4.752,17.011,0l82.997-84.2C386.113,196.588,386.161,188.756,381.481,184.088z" stroke="#0063A6" stroke-width="1.46016" stroke-linecap="round" stroke-linejoin="round" fill="#0063A6"/>
</svg>
</span>
<span>
{{#canstillbecancelled}}
{{#str}}bookingoptioncanbecancelleduntil, mod_booking, {{canceluntil}}{{/str}}
{{/canstillbecancelled}}
{{^canstillbecancelled}}
{{#str}}bookingoptioncantbecancelledanymore, mod_booking, {{canceluntil}}{{/str}}
{{/canstillbecancelled}}
</span>
</div>
{{/canceluntil}}
{{#competency.0}} <span class="icon-container" >
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25 23" fill="none">
<path d="M5.20557 7.86726H21.7262" stroke="#0063A6" stroke-width="2.225" stroke-linecap="round" stroke-linejoin="round"/>
Expand Down

0 comments on commit 1a84962

Please sign in to comment.