Template:SwimmingActivities: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
 
(3 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;">
   <htmltag tagname="img" class="card-img-top" src="{{{Image|File:DefaultSwimmingActivities.jpg}}}" alt="Image of {{{Name|Unknown}}}"></htmltag>
   <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|No Name Provided}}}</h5>
     <h5 class="card-title">{{{Name|No Name Provided}}}</h5>
     <h6 class="card-subtitle mb-2 text-muted">{{{Location|No Location Provided}}}</h6>
     <h6 class="card-subtitle mb-2 text-muted">{{{Location|No Location Provided}}}</h6>
     <p class="card-text">{{{Description|No Description Available}}}</p>
     <p class="card-text">{{{Description|No Description Available}}}</p>
     <htmltag tagname="button" class="btn btn-primary" type="button" data-toggle="collapse" data-target="#details-test" aria-expanded="false" aria-controls="details-test">
     <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
       Show Details
     </htmltag>
     </htmltag>
     <div class="collapse" id="details-test">
     <div class="collapse" id="details-Name">
       <ul class="list-group list-group-flush">
       <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> {{{Address}}}</li>}}
         {{#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: {{{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: {{{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> {{#tag:link|{{{Website}}}}}}}
         {{#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> {{#tag:link|{{{Facebook}}}}}}}
         {{#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> {{#tag:link|{{{Instagram}}}}}}}
         {{#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: {{{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: {{{Fees|}}}|<li class="list-group-item"><i class="fas fa-dollar-sign"></i> <strong>Fees:</strong> {{{Fees}}}</li>}}
Line 25: Line 25:
</div>
</div>
</includeonly>
</includeonly>


<noinclude>
<noinclude>
Line 37: 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 55: 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 98: 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