Template:SwimmingActivities: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
<div class="card" style="width: 18rem; margin-bottom: 1rem;">
<div class="card" style="width: 18rem; margin-bottom: 1rem;">
   <img class="card-img-top" src="{{{Image}}}" alt="Image of {{{Name}}}">
   <htmltag tagname="img" class="card-img-top" src="{{{Image|https://travel.happypaws.asia/images/1/1e/DefaultSwimmingActivities.jpg}}}" alt="Image of {{{Name|Unknown}}}"></htmltag>
   <div class="card-body">
   <div class="card-body">
     <h5 class="card-title">{{{Name}}}</h5>
     <h5 class="card-title">{{{Name|No Name Provided}}}</h5>
     <h6 class="card-subtitle mb-2 text-muted">{{{Location}}}</h6>
     <h6 class="card-subtitle mb-2 text-muted">{{{Location|No Location Provided}}}</h6>
     <p class="card-text">{{{Description}}}</p>
     <p class="card-text">{{{Description|No Description Available}}}</p>
    <htmltag tagname="button" class="btn btn-primary places-button" type="button" data-toggle="collapse" data-target="#details-Name" aria-expanded="false" aria-controls="details-Name">
      Show Details
    </htmltag>
    <div class="collapse" id="details-Name">
      <ul class="list-group list-group-flush">
        {{#if: {{{Address|}}}|<li class="list-group-item"><i class="fas fa-map-marker-alt"></i> <strong>Address:</strong> <htmltag tagname="a" href="{{{GoogleMapsURL}}}" target="_blank">{{{Address}}}</htmltag></li>}}
        {{#if: {{{Phone|}}}|<li class="list-group-item"><i class="fas fa-phone"></i> <strong>Phone:</strong> {{{Phone}}}</li>}}
        {{#if: {{{Line|}}}|<li class="list-group-item"><i class="fab fa-line"></i> <strong>Line:</strong> <htmltag tagname="a" href="https://line.me/R/ti/p/{{{Line}}}" target="_blank">{{{Line}}}</htmltag></li>}}
        {{#if: {{{Website|}}}|<li class="list-group-item"><i class="fas fa-globe"></i> <strong>Website:</strong> <htmltag tagname="a" href="{{{Website}}}" target="_blank">{{{Website}}}</htmltag></li>}}
        {{#if: {{{Facebook|}}}|<li class="list-group-item"><i class="fab fa-facebook"></i> <strong>Facebook:</strong> <htmltag tagname="a" href="{{{Facebook}}}" target="_blank">{{{Facebook}}}</htmltag></li>}}
        {{#if: {{{Instagram|}}}|<li class="list-group-item"><i class="fab fa-instagram"></i> <strong>Instagram:</strong> <htmltag tagname="a" href="{{{Instagram}}}" target="_blank">{{{Instagram}}}</htmltag></li>}}
        {{#if: {{{Hours|}}}|<li class="list-group-item"><i class="fas fa-clock"></i> <strong>Hours:</strong> {{{Hours}}}</li>}}
        {{#if: {{{Fees|}}}|<li class="list-group-item"><i class="fas fa-dollar-sign"></i> <strong>Fees:</strong> {{{Fees}}}</li>}}
        {{#if: {{{Facilities|}}}|<li class="list-group-item"><i class="fas fa-info-circle"></i> <strong>Facilities:</strong> {{{Facilities}}}</li>}}
      </ul>
    </div>
   </div>
   </div>
  <ul class="list-group list-group-flush">
    <li class="list-group-item"><i class="fas fa-map-marker-alt"></i> <strong>Address:</strong> {{{Address}}}</li>
    {{#if: {{{Phone|}}} | <li class="list-group-item"><i class="fas fa-phone"></i> <strong>Phone:</strong> {{{Phone}}}</li> }}
    {{#if: {{{Line|}}} | <li class="list-group-item"><i class="fab fa-line"></i> <strong>Line:</strong> <a href="https://line.me/R/ti/p/{{{Line}}}" target="_blank">{{{Line}}}</a></li> }}
    {{#if: {{{Website|}}} | <li class="list-group-item"><i class="fas fa-globe"></i> <strong>Website:</strong> <a href="{{{Website}}}" target="_blank">{{{Website}}}</a></li> }}
    {{#if: {{{Facebook|}}} | <li class="list-group-item"><i class="fab fa-facebook"></i> <strong>Facebook:</strong> <a href="{{{Facebook}}}" target="_blank">{{{Facebook}}}</a></li> }}
    {{#if: {{{Instagram|}}} | <li class="list-group-item"><i class="fab fa-instagram"></i> <strong>Instagram:</strong> <a href="{{{Instagram}}}" target="_blank">{{{Instagram}}}</a></li> }}
    <li class="list-group-item"><i class="fas fa-clock"></i> <strong>Hours:</strong> {{{Hours}}}</li>
    <li class="list-group-item"><i class="fas fa-dollar-sign"></i> <strong>Fees:</strong> {{{Fees}}}</li>
    <li class="list-group-item"><i class="fas fa-info-circle"></i> <strong>Facilities:</strong> {{{Facilities}}}</li>
  </ul>
</div>
</div>
</includeonly>
</includeonly>
<noinclude>
<noinclude>
== Template Documentation ==
== Template Documentation ==
Line 30: Line 36:
* '''Image''': URL of the image.
* '''Image''': URL of the image.
* '''Address''': The address of the activity location.
* '''Address''': The address of the activity location.
* '''GoogleMapsURL''': URL link to the location on Google Maps.
* '''Phone''': Contact phone number.
* '''Phone''': Contact phone number.
* '''Line''': Line contact information.
* '''Line''': Line contact information.
Line 48: Line 55:
| Image = URL_of_image
| Image = URL_of_image
| Address = 123 Example St, Bangkok
| Address = 123 Example St, Bangkok
| GoogleMapsURL = https://maps.google.com/?q=123+Example+St,+Bangkok
| Phone = 123-456-7890
| Phone = 123-456-7890
| Line = example
| Line = example
Line 91: Line 99:
             "label": "Address",
             "label": "Address",
             "description": "The address of the activity location.",
             "description": "The address of the activity location.",
            "type": "string",
            "required": false
        },
        "GoogleMapsURL": {
            "label": "Google Maps URL",
            "description": "URL link to the location on Google Maps.",
             "type": "string",
             "type": "string",
             "required": false
             "required": false

Navigation menu