Page MenuHomePhabricator
Files F1198370

No OneTemporary
Actions

View Options

diff --git a/templates/typ-profile.html.twig b/templates/typ-profile.html.twig
--- a/templates/typ-profile.html.twig
+++ b/templates/typ-profile.html.twig
@@ -1,532 +1,729 @@
{% set base_images = 'http://media.yellowpages.co.th/yellowpages' %}
{% set base_promotion = promotion.baseurl %}
-<div class="container">
- <div class="breadcrumbs">
- {% if breadcrumbs and breadcrumbs.businessid == profile.businessid %}
- <a href="http://www.yellowpages.co.th/" title="หน้าแรก" target="_blank" >{% trans %} Home {% endtrans %}</a> &gt;
- {% if breadcrumbs.q %}
- <a href="http://www.yellowpages.co.th/ypsearch?q={{ breadcrumbs.data }}">{% trans %} Search results {% endtrans %} {{ breadcrumbs.data }}</a> &gt;
- {% elseif breadcrumbs.qm %}
- <a href="http://www.yellowpages.co.th/ypsearch?qm={{ breadcrumbs.data }}">{% trans %} Search results {% endtrans %} {{ breadcrumbs.data }}</a> &gt;
- {% else %}
- <a href="http://www.yellowpages.co.th/heading/{{ breadcrumbs.data }}">{% trans %} Taxonomy {% endtrans %} {{ breadcrumbs.data }}</a> &gt;
- {% endif %}
- {{ profile.humanname|raw }}
+
- {% else %}
+{#<div class="container">#}
+ <div class="margin-tb-fifteen typ-profile-freelist col-md-12 col-sm-12 col-xs-12 ">
- <a href="http://www.yellowpages.co.th/" title="หน้าแรก" target="_blank" >{% trans %} Home {% endtrans %}</a>
- &gt; {{ profile.humanname|raw }}
- {% endif %}
- </div>
- <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 typ-profile-head-left" >
+ <div class="col-md-12 col-sm-12 col-xs-12">
+ {% if profile.logo %}
+ <div class="typ-medium-img col-md-3 col-sm-3 col-xs-12"> {#logo#}
+ <img class="img-responsive" src="{{ [base_images,"/logo/",profile.logo]|join }}"/>
+ </div>
+ {% else %}
+ <div class="typ-medium-img col-md-3 col-sm-3 col-xs-12">
+ <img class="img-responsive" src="{{ '/themes/contrib/typtheme/images/logo/typ-map-default.jpg' }}"/>
+ </div> {#end logo#}
+ {% endif %}
- <div class="row">
- <div class="col-xs-12 col-md-12 col-lg-12">
- {#{% if profile.logo %}#}
- {#<div class="col-xs-12 col-md-5 col-lg-5">#}
- {#<img class="img-responsive" src="{{ [base_images,"/logo/",profile.logo]|join }}"/>#}
- {#</div>#}
- {#{% else %}#}
- {#<div class="col-xs-12 col-md-3 col-lg-3">#}
- {#<img class="img-responsive" src="{{ '/themes/bootstrap/typ/images/icon-map/typ-map-default.jpg' }}"/>#}
- {#</div>#}
- {#{% endif %}#}
+ <div class="col-md-9 col-sm-9 col-xs-12">
+ <h1>{{ profile.humanname|raw }}</h1>
- <div class="col-xs-12 col-md-12 col-lg-12" style="padding: 0px;">
- <h4>{{ profile.humanname|raw }}</h4>
-
- <b>{% trans %}Category{% endtrans %} :</b> <a href="{{ base_path }}heading/{{ profile.headingname }}">{{ profile.headingname|raw }}</a><br><br>
- </div>
+ <p class="typ-txt-bold">{% trans %}Category{% endtrans %} :</p> <a href="{{ base_path }}heading/{{ profile.headingname }}">{{ profile.headingname|raw }}</a>
</div>
</div>
- <div class="row">
+
+ {#<div class="col-md-12 col-sm-12 col-xs-12">#}
<!-- check FL close openx -->
{% if type != 'FL' %}
<div id="customertype"
- data-customertype="{{ type }}" style="display: none"></div>
+ data-customertype="{{ type }}" style="display: none">
+ </div>
{% endif %}
<!-- check FL close openx -->
- <div class="col-xs-12 col-sm-12 col-lg-12 typ-profile-left-detail">
+ {#description#}
+ <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12 typ-profile-freelist-desc">
- {% if type != 'FL' %}
- {{ profile.profile|raw}}
- {% if profile.profile %}<br><br>{% endif %}
- {% else %}
- {#{{ profile.profile|raw|slice(0, 100)}}{% if profile.profile|length > 100 %}{{ '...</p>' }} {% endif %} #}
- {#{% if profile.profile %}<br>{% endif %}<br> #}
- {% endif %}
- {#{% if not profile.addr %}{% else %}#}
- {#<b>{% trans %} Address {% endtrans %}</b>#}
- {#{{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,#}
- {#profile.districtname,profile.cityname,profile.postcode]|join(' ') }}#}
- {#{% endif %}#}
- {#{% if profile.location.lat %}#}
- {#<a href="/ypsearch?qm=#{{ profile.humanname|raw }}"><img src="/themes/bootstrap/typ/images/icon-map/icon-pin-map_r.png"></a> <br>#}
- {#{% else %}#}
- {#<a href="https://www.google.co.th/maps/search/{{ profile.fulladdr|url_encode }}" target="_blank"><img src="/themes/bootstrap/typ/images/icon-map/icon-pin-map_r.png"></a> <br>#}
- {#{% endif %}#}
+ {% if type != 'FL' %}
+ {{ profile.profile|raw}}
+ {% if profile.profile %}{% endif %}
+ {% else %}
+ {{ profile.profile|raw|slice(0, 100)}}{% if profile.profile|length > 100 %}{{ '...</p>' }} {% endif %}
+ {% if profile.profile %}{% endif %}
+ {% endif %}
+ {% if not profile.addr %}{% else %}
+ <p class="typ-txt-bold">{% trans %} Address {% endtrans %}</p>
+ {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,
+ profile.districtname,profile.cityname,profile.postcode]|join(' ') }}
+ {% endif %}
+ {% if profile.location.lat %}
+ <a href="/ypsearch?qm=#{{ profile.humanname|raw }}">
+ <span class="icon-icon-yt-pin size-2x"></span>
+ </a>
+ {% else %}
+ <a href="https://www.google.co.th/maps/search/{{ profile.fulladdr|url_encode }}" target="_blank">
+ <span class="icon-icon-yt-pin size-2x"></span>
+ </a>
+ {% endif %}
+ </div> {#end description#}
+
+ {#picture#}
+ <div class="typ-profile-img margin-top-thirty col-md-12 col-sm-12 col-xs-12">
+ <ul class="no-gutter">
+ <li>
+ <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
+ </li>
+ <li>
+ <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
+ </li>
+ <li>
+ <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
+ </li>
+ </ul>
+ </div> {#end picture#}
- <div class="row">
- <div class="col-xs-12 col-sm-12 col-lg-12">
- <table>
- {% if profile.addr or profile.soi or profile.road or profile.subdistrictname or profile.districtname or profile.cityname %}
- <tr valign="top">
- <td style="width:25%;"><b>{% trans %} Address {% endtrans %}:</b></td>
- <td class="table-right"> {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}</td>
- </tr>
- {% endif %}
- {% if not profile.telno %}{% else %}
- <tr valign="top">
- <td style="width:15%;"><b>{% trans %} Tel {% endtrans %}:</b></td>
- <td class="table-right">
- {% if not profile.telno %}
- {% else %}
- {% if type == 'FL' %}
- <span>{{ profile._format.telno.0 }}</span><br>
- {% else %}
- {% for key, tel in profile._format.telno %}
- {% if loop.last != key+1 %}<a href='tel:{{ tel }}'>{{ tel }}</a>{{ "," }}
- {% else %}<a href='tel:{{ tel }}'>{{ tel }}</a>{% endif %}
- {% endfor %}<br>
- {% endif %}
- {% endif %}
- </td>
- </tr>
- {% endif %}
- {% if not profile.fax %}{% else %}
- <tr valign="top">
- <td style="width:25%;"><b>{% trans %} Fax {% endtrans %}:</b></td>
- <td class="table-right">
- {% if not profile.fax %}
- {% else %}
- {% if type == 'FL' %}
- <span>{{ profile._format.fax.0 }}</span><br>
- {% else %}
- {% for key, fax in profile._format.fax %}
- {% if loop.last != key+1 %}<a href="tel:{{ fax }}">{{ fax }}</a>{{ "," }}
- {% else %}<a href="tel:{{ fax }}">{{ fax }}</a>{% endif %}
- {% endfor %}<br>
- {% endif %}
- {% endif %}
- </td>
- </tr>
+ {#contact#}
+ <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12">
+ <h1>Contact</h1>
+ {#<div class="col-xs-12 col-sm-12 col-lg-12">#}
+ {#<table>#}
+ {% if profile.addr or profile.soi or profile.road or profile.subdistrictname or profile.districtname or profile.cityname %}
+ {#<tr valign="top">#}
+ {#<td style="width:25%;"><b>{% trans %} Address {% endtrans %}:</b></td>#}
+ {#<td class="table-right"> {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}</td>#}
+ {#</tr>#}
+ <div class="col-md-12 col-sm-12 col-xs-12">
+ <div class="col-md-3 col-sm-3 col-xs-12">
+ <p class="typ-txt-bold">{% trans %} Address {% endtrans %}:</p>
+ </div>
+ <div class="col-md-9 col-sm-9 col-xs-12">
+ {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}
+ </div>
+ </div>
+ {% endif %}
+ {% if not profile.telno %}{% else %}
+ {#<tr valign="top">#}
+ {#<td style="width:15%;"><b>{% trans %} Tel {% endtrans %}:</b></td>#}
+ {#<td class="table-right">#}
+ {#{% if not profile.telno %}#}
+ {#{% else %}#}
+ {#{% if type == 'FL' %}#}
+ {#<span>{{ profile._format.telno.0 }}</span>#}
+ {#{% else %}#}
+ {#{% for key, tel in profile._format.telno %}#}
+ {#{% if loop.last != key+1 %}<a href='tel:{{ tel }}'>{{ tel }}</a>{{ "," }}#}
+ {#{% else %}<a href='tel:{{ tel }}'>{{ tel }}</a>{% endif %}#}
+ {#{% endfor %}#}
+ {#{% endif %}#}
+ {#{% endif %}#}
+ {#</td>#}
+ {#</tr>#}
+ <div class="col-md-12 col-sm-12 col-xs-12">
+ <div class="col-md-3 col-sm-3 col-xs-12">
+ <p class="typ-txt-bold">{% trans %} Tel {% endtrans %}:</p>
+ </div>
+ <div class="col-md-9 col-sm-9 col-xs-12">
+ {% if not profile.telno %}
+ {% else %}
+ {% if type == 'FL' %}
+ <span>{{ profile._format.telno.0 }}</span>
+ {% else %}
+ {% for key, tel in profile._format.telno %}
+ {% if loop.last != key+1 %}<a href='tel:{{ tel }}'>{{ tel }}</a>{{ "," }}
+ {% else %}<a href='tel:{{ tel }}'>{{ tel }}</a>{% endif %}
+ {% endfor %}
+ {% endif %}
+ {% endif %}
+ </div>
+ </div>
+ {% endif %}
+ {% if not profile.fax %}{% else %}
+ {#<tr valign="top">#}
+ {#<td style="width:25%;"><b>{% trans %} Fax {% endtrans %}:</b></td>#}
+ {#<td class="table-right">#}
+ {#{% if not profile.fax %}#}
+ {#{% else %}#}
+ {#{% if type == 'FL' %}#}
+ {#<span>{{ profile._format.fax.0 }}</span>#}
+ {#{% else %}#}
+ {#{% for key, fax in profile._format.fax %}#}
+ {#{% if loop.last != key+1 %}<a href="tel:{{ fax }}">{{ fax }}</a>{{ "," }}#}
+ {#{% else %}<a href="tel:{{ fax }}">{{ fax }}</a>{% endif %}#}
+ {#{% endfor %}#}
+ {#{% endif %}#}
+ {#{% endif %}#}
+ {#</td>#}
+ {#</tr>#}
+ <div class="col-md-12 col-sm-12 col-xs-12">
+ <div class="col-md-3 col-sm-3 col-xs-12">
+ <p class="typ-txt-bold">{% trans %} Fax {% endtrans %}:</p>
+ </div>
+ <div class="col-md-9 col-sm-9 col-xs-12">
+ {% if not profile.fax %}
+ {% else %}
+ {% if type == 'FL' %}
+ <span>{{ profile._format.fax.0 }}</span>
+ {% else %}
+ {% for key, fax in profile._format.fax %}
+ {% if loop.last != key+1 %}<a href="tel:{{ fax }}">{{ fax }}</a>{{ "," }}
+ {% else %}<a href="tel:{{ fax }}">{{ fax }}</a>{% endif %}
+ {% endfor %}
+ {% endif %}
{% endif %}
- {% if not profile.email %}{% else %}
- <tr valign="top">
- <td style="width:25%;"><b>{% trans %} Email {% endtrans %}:</b></td>
- <td class="table-right">
- {% if not profile.email %}
- {% else %}
- {% if type == 'FL' %}
- {% set email = profile.email|split(',') %}
- {{ email.0 }}
- {#{% for key , mail in email %}#}
- {#{% if loop.last != key+1 %}{{ mail }},<br>#}
- {#{% else %}{{ mail }}<br>{% endif %}#}
- {#{% endfor %}#}
- {% else %}
- {% set email = profile.email|split(',') %}
- {% for key , mail in email %}
- {% if loop.last != key+1 %}<a href="mailto:{{ mail }}">{{ mail }}</a>,<br>
- {% else %}<a href="mailto:{{ mail }}">{{ mail }}</a><br>{% endif %}
- {% endfor %}
- {% endif %}
- {% endif %}
- </td>
- </tr>
+ </div>
+ </div>
+ {% endif %}
+ {% if not profile.email %}{% else %}
+ {#<tr valign="top">#}
+ {#<td style="width:25%;"><b>{% trans %} Email {% endtrans %}:</b></td>#}
+ {#<td class="table-right">#}
+ {#{% if not profile.email %}#}
+ {#{% else %}#}
+ {#{% if type == 'FL' %}#}
+ {#{% set email = profile.email|split(',') %}#}
+ {#{{ email.0 }}#}
+ {#{% for key , mail in email %}#}
+ {#{% if loop.last != key+1 %}{{ mail }},#}
+ {#{% else %}{{ mail }}{% endif %}#}
+ {#{% endfor %}#}
+ {#{% else %}#}
+ {#{% set email = profile.email|split(',') %}#}
+ {#{% for key , mail in email %}#}
+ {#{% if loop.last != key+1 %}<a href="mailto:{{ mail }}">{{ mail }}</a>,#}
+ {#{% else %}<a href="mailto:{{ mail }}">{{ mail }}</a>{% endif %}#}
+ {#{% endfor %}#}
+ {#{% endif %}#}
+ {#{% endif %}#}
+ {#</td>#}
+ {#</tr>#}
+ <div class="col-md-12 col-sm-12 col-xs-12">
+ <div class="col-md-3 col-sm-3 col-xs-12">
+ <p class="typ-txt-bold">{% trans %} Email {% endtrans %}:</p>
+ </div>
+ <div class="col-md-9 col-sm-9 col-xs-12">
+ {% if not profile.email %}
+ {% else %}
+ {% if type == 'FL' %}
+ {% set email = profile.email|split(',') %}
+ {{ email.0 }}
+ {% for key , mail in email %}
+ {% if loop.last != key+1 %}{{ mail }},
+ {% else %}{{ mail }}{% endif %}
+ {% endfor %}
+ {% else %}
+ {% set email = profile.email|split(',') %}
+ {% for key , mail in email %}
+ {% if loop.last != key+1 %}<a href="mailto:{{ mail }}">{{ mail }}</a>,
+ {% else %}<a href="mailto:{{ mail }}">{{ mail }}</a>{% endif %}
+ {% endfor %}
+ {% endif %}
{% endif %}
- {% if not profile.website %}{% else %}
- <tr valign="top">
- <td style="width:25%;"><b>{% trans %} Website {% endtrans %}:</b></td>
- <td class="table-right">
- {% if not profile.website %}
+ </div>
+ </div>
+ {% endif %}
+ {% if not profile.website %}{% else %}
+ {#<tr valign="top">#}
+ {#<td style="width:25%;"><b>{% trans %} Website {% endtrans %}:</b></td>#}
+ {#<td class="table-right">#}
+ {#{% if not profile.website %}#}
+ {#{% else %}#}
+ {#{% set website_show = profile.website_show|split(',') %}#}
+ {#{% if type == 'FL' %}#}
+ {#{{ website_show.0 }}#}
+ {#{% else %}#}
+ {#{% for key , web in website_show %}#}
+ {#{% if loop.last != key+1 %}<a href="{{web|trim}}" target="_blank">{{web}}</a>,#}
+ {#{% else %}<a href="{{web|trim }}" target="_blank">{{web}}</a>{% endif %}#}
+ {#{% endfor %}#}
+ {#{% endif %}#}
+ {#{% if type == 'FL' %}#}
+ {#{% set website_show = profile.website_show|split(',') %}#}
+ {#{{ website_show.0 }}#}
+ {#{% else %}#}
+ {#{% for key , web in profile.website %}#}
+ {#{% if loop.last %}#}
+ {#<a href="{{key|trim }}" target="_blank">{{web}}</a>#}
+ {#{% else %}#}
+ {#<a href="{{key|trim}}" target="_blank">{{web}}</a>,#}
+ {#{% endif %}#}
+ {#{% endfor %}#}
+ {#{% endif %}#}
+ {#{% endif %}#}
+ {#</td>#}
+ {#</tr>#}
+ <div class="col-md-12 col-sm-12 col-xs-12">
+ <div class="col-md-3 col-sm-3 col-xs-12">
+ <p class="typ-txt-bold">{% trans %} Website {% endtrans %}:</p>
+ </div>
+ <div class="col-md-9 col-sm-9 col-xs-12">
+ {% if not profile.website %}
+ {% else %}
+ {% set website_show = profile.website_show|split(',') %}
+ {% if type == 'FL' %}
+ {{ website_show.0 }}
+ {% else %}
+ {% for key , web in website_show %}
+ {% if loop.last != key+1 %}<a href="{{web|trim}}" target="_blank">{{web}}</a>,
+ {% else %}<a href="{{web|trim }}" target="_blank">{{web}}</a>{% endif %}
+ {% endfor %}
+ {% endif %}
+ {% if type == 'FL' %}
+ {% set website_show = profile.website_show|split(',') %}
+ {{ website_show.0 }}
+ {% else %}
+ {% for key , web in profile.website %}
+ {% if loop.last %}
+ <a href="{{key|trim }}" target="_blank">{{web}}</a>
{% else %}
- {# {% set website_show = profile.website_show|split(',') %}
- {% if type == 'FL' %}
- {{ website_show.0 }}
- {% else %}
- {% for key , web in website_show %}
- {% if loop.last != key+1 %}<a href="{{web|trim}}" target="_blank">{{web}}</a>,<br>
- {% else %}<a href="{{web|trim }}" target="_blank">{{web}}</a><br>{% endif %}
- {% endfor %}
- {% endif %} #}
- {% if type == 'FL' %}
- {% set website_show = profile.website_show|split(',') %}
- {{ website_show.0 }}
- {% else %}
- {% for key , web in profile.website %}
- {% if loop.last %}
- <a href="{{key|trim }}" target="_blank">{{web}}</a><br>
- {% else %}
- <a href="{{key|trim}}" target="_blank">{{web}}</a>,<br>
- {% endif %}
- {% endfor %}
- {% endif %}
+ <a href="{{key|trim}}" target="_blank">{{web}}</a>,
{% endif %}
- </td>
- </tr>
+ {% endfor %}
+ {% endif %}
{% endif %}
- {% if not profile.workinghours %}{% else %}
- <tr valign="top">
- <td style="width:25%;"><b>{% trans %} Work-Time {% endtrans %}:</b></td>
- <td class="table-right">
- {% if not profile.workinghours %}
- {% else %}
- {{ profile._format.workinghours }}<br>
- {% endif %}
- </td>
- </tr>
+ </div>
+ </div>
+ {% endif %}
+ {% if not profile.workinghours %}{% else %}
+ {#<tr valign="top">#}
+ {#<td style="width:25%;"><b>{% trans %} Work-Time {% endtrans %}:</b></td>#}
+ {#<td class="table-right">#}
+ {#{% if not profile.workinghours %}#}
+ {#{% else %}#}
+ {#{{ profile._format.workinghours }}#}
+ {#{% endif %}#}
+ {#</td>#}
+ {#</tr>#}
+ <div class="col-md-12 col-sm-12 col-xs-12">
+ <div class="col-md-3 col-sm-3 col-xs-12">
+ <p class="typ-txt-bold">{% trans %} Work-Time {% endtrans %}:</p>
+ </div>
+ <div class="col-md-9 col-sm-9 col-xs-12">
+ {% if not profile.workinghours %}
+ {% else %}
+ {{ profile._format.workinghours }}
{% endif %}
- </table>
+ </div>
+ </div>
+ {% endif %}
+ {#</table>#}
+ </div> {#end contact#}
+
+ {#Map#}
+ <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12">
+ {#<div class="col-md-12 col-sm-12 col-xs-12">#}
+ {% if type != 'FL' %}
+ {% if not prodescription or prodescription is empty %}
+ {% else %}
+ <b>{% trans %} Product And Service {% endtrans %}</b>
+ {{ prodescription|raw }}
+ {% endif %}
+
+ <div>
+ {% if not profile.brandname %}
+ {% else %}<b>{% trans %}Brand Name{% endtrans %}</b> {{ profile.brandname|replace({"<p>":" ","</p>":" "}) }}
+ {% endif %}
</div>
+ {% else %}
+ {% if not prodescription or prodescription is empty %}
+ {% else %}
+ <b>{% trans %} Product And Service {% endtrans %}</b>
+ {{ prodescription|raw }}
+ {% if prodescription and profile.brandname %}{% endif %}
+ {% endif %}
+
+ {% endif %}
+
+
+ {#TAB#}
+ {% if type == 'FL' %}
+ {#<div class="mobile">#}
+ {#<ul class="nav nav-tabs" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% endif %}>#}
+ {#{% if promotion.promotionid %}<li class="active" ><a data-toggle="tab" href="#menu3">{% trans %} Promotion {% endtrans %}</a></li>{% endif %}#}
+ {#{% if profile.location.lat %}<li {% if not promotion.promotionid %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a></li>{% endif %}#}
+ {#</ul>#}
+
+ {#<div class="tab-content" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% else %}style="float: left;margin-bottom: 30px;"{% endif %}>#}
+
+ {#{% if promotion.promotionid %}#}
+ {#<div id="menu3" {% if not promotion.promotionid %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>#}
+
+ {#<div class="col-xs-12 col-md-12 col-lg-12">#}
+ {#<div class="col-xs-6 col-md-6 col-lg-8 text-left">#}
+ {#<h4>{{ profile.humanname|raw }}</h4>#}
+ {#{{ promotion.title }}#}
+ {#</div>#}
+ {#<div class="col-xs-6 col-md-6 col-lg-4 text-right">#}
+ {#<p>{% trans %}Start Date{% endtrans %} :</p> {{ promotion.startdate|raw }}#}
+
+ {#<p>{% trans %}End Date{% endtrans %} :</p> {{ promotion.enddate|raw }}#}
+ {#</div>#}
+ {#</div>#}
- <div class="row" style="margin-left: 0px;">
- <div class="col-xs-12 col-md-12 col-lg-12 typ-profile-head-left-tab">
- {% if type != 'FL' %}
- {% if not prodescription or prodescription is empty %}
- {% else %}
- <br><b style="font-size:16px !important;">{% trans %} Product And Service {% endtrans %}</b>
- {{ prodescription|raw }}
- {% endif %}
-
- <div style="margin-top:15px;">
- {% if not profile.brandname %}
- {% else %}<b style="font-size:16px !important;">{% trans %}Brand Name% endtrans %}</b> <br> {{ profile.brandname|replace({"<p>":" ","</p>":" "}) }}
- {% endif %}
- </div>
+ {#<div class="col-xs-12 col-md-12 col-lg-12 text-center">#}
+ {#{% if promotion.promoimg %}#}
+ {#<div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4 detail-images"#}
+ {#{% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"#}
+ {#{% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" {% endif %} >#}
+ {#<a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>#}
+ {#</div>#}
+ {#{% else %}#}
+ {#<div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">#}
+ {#<a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>#}
+ {#</div>#}
+ {#{% endif %}#}
+ {#{% if promotion.promoimg2 %}#}
+ {#<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >#}
+ {#<a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>#}
+ {#</div>#}
+ {#{% endif %}#}
+ {#{% if promotion.promoimg3 %}#}
+ {#<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >#}
+ {#<a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>#}
+ {#</div>#}
+ {#{% endif %}#}
+ {#</div>#}
- {% else %}
- {% if not prodescription or prodescription is empty %}
- {% else %}
- <br><b style="font-size:16px !important;">{% trans %} Product And Service {% endtrans %}</b>
- {{ prodescription|raw }}
- {% if prodescription and profile.brandname %}<br>{% endif %}
- {% endif %}
+ {#<div class="col-md-12 col-xs-12">#}
+ {#{% if promotion.subject %}#}
- {% endif %}
+ {#<b>{% trans %}Detail{% endtrans %} : </b>#}
+ {#{{ promotion.subject|raw }}#}
- <br><br>
- {# TAB #}
- {% if type == 'FL' %}
- <div class="mobile">
- <ul class="nav nav-tabs" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% endif %}>
- {% if promotion.promotionid %}<li class="active" ><a data-toggle="tab" href="#menu3">{% trans %} Promotion {% endtrans %}</a></li>{% endif %}
- {% if profile.location.lat %}<li {% if not promotion.promotionid %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a></li>{% endif %}
- </ul>
+ {#{% endif %}#}
+ {#<a href="http://www.yellowpages.co.th/mobile/typliveplus/user" target="_blank">#}
+ {#<div class="typ-profile-typliveplus" >#}
+ {#{% trans %}How to get promotion from{% endtrans %} TYPLive Plus#}
+ {#</div>#}
+ {#</a>#}
+ {#</div>#}
+ {#</div>#}
+ {#{% endif %}#}
- <div class="tab-content" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% else %}style="float: left;margin-bottom: 30px;"{% endif %}>
+ {#{% if profile.location.lat %}#}
+ {#<div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} {% endif %} >#}
- {% if promotion.promotionid %}
- <div id="menu3" {% if not promotion.promotionid %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
- <br>
- <div class="col-xs-12 col-md-12 col-lg-12">
- <div class="col-xs-6 col-md-6 col-lg-8 text-left">
- <h4 style="font-size:18px !important;margin:0px 0px 5px 0px;">{{ profile.humanname|raw }}</h4>
- {{ promotion.title }}
- </div>
- <div class="col-xs-6 col-md-6 col-lg-4 text-right">
- <b>{% trans %}Start Date{% endtrans %} :</b> {{ promotion.startdate|raw }}
- <br>
- <b>{% trans %}End Date{% endtrans %} :</b> {{ promotion.enddate|raw }}
- </div>
- </div>
+ {#<iframe width="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&height=420&width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>#}
+ {#<div class="text-center">#}
+ {#<a class="iframe" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=600">{% trans %}View list on search by map {% endtrans %}</a>#}
+ {#</div>#}
+ {#</div>#}
+ {#{% endif %}#}
+
+ {#</div>#}
+ {#</div>#}
+
+
+ <div class="mobile">
+ <ul class="nav nav-tabs" style="display: none;" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% endif %}>
+ {% if promotion.promotionid %}
+ <li class="active" ><a data-toggle="tab" href="#menu3">{% trans %} Promotion {% endtrans %}</a></li>
+ {% endif %}
+ {% if profile.location.lat %}
+ <li {% if not promotion.promotionid %}{{ 'class="active"' }}{% endif %}>
+ <a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a>
+ </li>
+ {% endif %}
+ </ul>
+
+ <div class="tab-content col-md-12 col-sm-12 col-xs-12" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% else %}style="float: left;margin-bottom: 30px;"{% endif %}>
- <br><br><br>
- <div class="col-xs-12 col-md-12 col-lg-12 text-center">
- {% if promotion.promoimg %}
- <div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4 detail-images"
- {% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
- {% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" {% endif %} >
- <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>
- </div>
- {% else %}
- <div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">
- <a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>
- </div>
- {% endif %}
- {% if promotion.promoimg2 %}
- <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >
- <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>
- </div>
- {% endif %}
- {% if promotion.promoimg3 %}
- <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >
- <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>
- </div>
- {% endif %}
- </div>
- <br><br><br><br><br><br>
- <div class="col-md-12 col-xs-12" style="padding-top: 30px;">
- {% if promotion.subject %}
- <br><br>
- <b>{% trans %}Detail{% endtrans %} : </b>
- {{ promotion.subject|raw }}
+ {% if promotion.promotionid %}
+ <div id="menu3" {% if not promotion.promotionid %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
+
+ <div class="col-xs-12 col-md-12 col-lg-12">
+ <div class="col-xs-6 col-md-6 col-lg-8 text-left">
+ <h4>{{ profile.humanname|raw }}</h4>
+ {{ promotion.title }}
+ </div>
+ <div class="col-xs-6 col-md-6 col-lg-4 text-right">
+ <p>{% trans %}Start Date{% endtrans %} :</p> {{ promotion.startdate|raw }}
- {% endif %}
- <a style="color:#ffffff" href="http://www.yellowpages.co.th/mobile/typliveplus/user" target="_blank">
- <div class="typ-profile-typliveplus" >
- {% trans %}How to get promotion from{% endtrans %} TYPLive Plus
- </div>
- </a>
- </div>
+ <p>{% trans %}End Date{% endtrans %} :</p> {{ promotion.enddate|raw }}
+ </div>
+ </div>
+
+
+ <div class="col-xs-12 col-md-12 col-lg-12 text-center">
+ {% if promotion.promoimg %}
+ <div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4 detail-images"
+ {% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
+ {% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" {% endif %} >
+ <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>
</div>
- {% endif %}
-
- {% if profile.location.lat %}
- <div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} {% endif %} >
- <br>
- <iframe width="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&height=420&width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
- <div class="text-center">
- <a class="iframe" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=600">{% trans %}View list on search by map {% endtrans %}</a>
- </div>
+ {% else %}
+ <div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">
+ <a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>
</div>
{% endif %}
+ {% if promotion.promoimg2 %}
+ <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >
+ <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>
+ </div>
+ {% endif %}
+ {% if promotion.promoimg3 %}
+ <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >
+ <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>
+ </div>
+ {% endif %}
+ </div>
+ <div class="col-md-12 col-xs-12">
+ {% if promotion.subject %}
+
+ <b>{% trans %}Detail{% endtrans %} : </b>
+ {{ promotion.subject|raw }}
+
+ {% endif %}
+ <a href="http://www.yellowpages.co.th/mobile/typliveplus/user" target="_blank">
+ <div class="typ-profile-typliveplus" >
+ {% trans %}How to get promotion from{% endtrans %} TYPLive Plus
+ </div>
+ </a>
+ </div>
+ </div>
+ {% endif %}
+
+ {% if profile.location.lat %}
+ <div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} style="height:420px;" {% endif %}>
+
+ <iframe width="100%" height="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&height=420&width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
+ <div class="text-center">
+ <a class="iframe btn typ-link-btn" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=600">
+ {% trans %}View list on search by map {% endtrans %}
+ </a>
</div>
</div>
- {% else %}
- <div class="mobile">
- <ul class="nav nav-tabs" {% if not promotion.promotionid and not profile.location.lat and not profile.printads %} style="display: none;" {% endif %}>
- {#{% if profile.picturet1 %}<li class="active"><a data-toggle="tab" href="#home">{% trans %} Picture {% endtrans %}</a></li>{% endif %}#}
- {% if promotion.promotionid %}<li class="active" ><a data-toggle="tab" href="#menu1">{% trans %} Promotion {% endtrans %}</a></li>{% endif %}
- {% if profile.location.lat %}<li {% if not promotion.promotionid %} {{ 'class="active"' }} {% endif %}><a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a></li>{% endif %}
- {% if profile.printads %}<li {% if not promotion.promotionid and not profile.location.lat %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu3">{% trans %} Advertisement {% endtrans %}</a></li>{% endif %}
- {#{% if profile.map %}<li {% if not profile.location.lat and not profile.printads and not profile.promotion and not profile.onlinepromotion %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu4">{% trans %} Map Picture {% endtrans %}</a></li>{% endif %}#}
- </ul>
+ {% endif %}
+
+ </div>
+ </div>
+ {% else %}
+ <div class="mobile">
+ <ul class="nav nav-tabs" {% if not promotion.promotionid and not profile.location.lat and not profile.printads %} style="display: none;" {% endif %}>
+ {% if profile.picturet1 %}<li class="active"><a data-toggle="tab" href="#home">{% trans %} Picture {% endtrans %}</a></li>{% endif %}
+ {% if promotion.promotionid %}<li class="active" ><a data-toggle="tab" href="#menu1">{% trans %} Promotion {% endtrans %}</a></li>{% endif %}
+ {% if profile.location.lat %}<li {% if not promotion.promotionid %} {{ 'class="active"' }} {% endif %}><a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a></li>{% endif %}
+ {% if profile.printads %}<li {% if not promotion.promotionid and not profile.location.lat %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu3">{% trans %} Advertisement {% endtrans %}</a></li>{% endif %}
+ {% if profile.map %}<li {% if not profile.location.lat and not profile.printads and not profile.promotion and not profile.onlinepromotion %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu4">{% trans %} Map Picture {% endtrans %}</a></li>{% endif %}
+ </ul>
+
+ <div class="tab-content" {% if not promotion.promotionid and not profile.location.lat and not profile.printads %} style="display: none;" {% endif %}>
+ {% if profile.picturet1 %}
+ <div id="home" class="tab-pane fade in active">
- <div class="tab-content" {% if not promotion.promotionid and not profile.location.lat and not profile.printads %} style="display: none;" {% endif %}>
- {#{% if profile.picturet1 %}#}
- {#<div id="home" class="tab-pane fade in active">#}
- {#<br>#}
- {#<div class="row">#}
- {#{% if profile.picturet1 %}#}
- {#<div class="col-xs-4 col-sm-4 col-lg-4">#}
- {#<a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet1]|join}}" class="colorbox">#}
- {#<img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet1]|join}}"/>#}
- {#</a>#}
- {#</div>#}
- {#{% endif %}#}
- {#{% if profile.picturet2 %}#}
- {#<div class="col-xs-4 col-sm-4 col-lg-4">#}
- {#<a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet2]|join}}" class="colorbox">#}
- {#<img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet2]|join}}"/>#}
- {#</a>#}
- {#</div>#}
- {#{% endif %}#}
- {#{% if profile.picturet3 %}#}
- {#<div class="col-xs-4 col-sm-4 col-lg-4">#}
- {#<a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet3]|join}}" class="colorbox">#}
- {#<img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet3]|join}}"/>#}
- {#</a>#}
- {#</div>#}
- {#{% endif %}#}
- {#{% if profile.picturet4 %}#}
- {#<div class="col-xs-4 col-sm-4 col-lg-4">#}
- {#<a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet4]|join}}" class="colorbox">#}
- {#<img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet4]|join}}"/>#}
- {#</a>#}
- {#</div>#}
- {#{% endif %}#}
- {#{% if profile.picturet5 %}#}
- {#<div class="col-xs-4 col-sm-4 col-lg-4">#}
- {#<a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet5]|join}}" class="colorbox">#}
- {#<img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet5]|join}}"/>#}
- {#</a>#}
- {#</div>#}
- {#{% endif %}#}
- {#{% if profile.picturet6 %}#}
- {#<div class="col-xs-4 col-sm-4 col-lg-4">#}
- {#<a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet6]|join}}" class="colorbox">#}
- {#<img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet6]|join}}"/>#}
- {#</a>#}
- {#</div>#}
- {#{% endif %}#}
- {#{% if profile.picturet7 %}#}
- {#<div class="col-xs-4 col-sm-4 col-lg-4">#}
- {#<a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet7]|join}}" class="colorbox">#}
- {#<img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet7]|join}}"/>#}
- {#</a>#}
- {#</div>#}
- {#{% endif %}#}
- {#{% if profile.picturet8 %}#}
- {#<div class="col-xs-4 col-sm-4 col-lg-4">#}
- {#<a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet8]|join}}" class="colorbox">#}
- {#<img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet8]|join}}"/>#}
- {#</a>#}
- {#</div>#}
- {#{% endif %}#}
- {#{% if profile.picturet9 %}#}
- {#<div class="col-xs-4 col-sm-4 col-lg-4">#}
- {#<a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet9]|join}}" class="colorbox">#}
- {#<img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet9]|join}}"/>#}
- {#</a>#}
- {#</div>#}
- {#{% endif %}#}
- {#</div>#}
- {#</div>#}
- {#{% endif %}#}
+ <div class="row">
+ {% if profile.picturet1 %}
+ <div class="col-xs-4 col-sm-4 col-lg-4">
+ <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet1]|join}}" class="colorbox">
+ <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet1]|join}}"/>
+ </a>
+ </div>
+ {% endif %}
+ {% if profile.picturet2 %}
+ <div class="col-xs-4 col-sm-4 col-lg-4">
+ <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet2]|join}}" class="colorbox">
+ <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet2]|join}}"/>
+ </a>
+ </div>
+ {% endif %}
+ {% if profile.picturet3 %}
+ <div class="col-xs-4 col-sm-4 col-lg-4">
+ <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet3]|join}}" class="colorbox">
+ <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet3]|join}}"/>
+ </a>
+ </div>
+ {% endif %}
+ {% if profile.picturet4 %}
+ <div class="col-xs-4 col-sm-4 col-lg-4">
+ <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet4]|join}}" class="colorbox">
+ <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet4]|join}}"/>
+ </a>
+ </div>
+ {% endif %}
+ {% if profile.picturet5 %}
+ <div class="col-xs-4 col-sm-4 col-lg-4">
+ <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet5]|join}}" class="colorbox">
+ <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet5]|join}}"/>
+ </a>
+ </div>
+ {% endif %}
+ {% if profile.picturet6 %}
+ <div class="col-xs-4 col-sm-4 col-lg-4">
+ <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet6]|join}}" class="colorbox">
+ <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet6]|join}}"/>
+ </a>
+ </div>
+ {% endif %}
+ {% if profile.picturet7 %}
+ <div class="col-xs-4 col-sm-4 col-lg-4">
+ <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet7]|join}}" class="colorbox">
+ <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet7]|join}}"/>
+ </a>
+ </div>
+ {% endif %}
+ {% if profile.picturet8 %}
+ <div class="col-xs-4 col-sm-4 col-lg-4">
+ <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet8]|join}}" class="colorbox">
+ <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet8]|join}}"/>
+ </a>
+ </div>
+ {% endif %}
+ {% if profile.picturet9 %}
+ <div class="col-xs-4 col-sm-4 col-lg-4">
+ <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet9]|join}}" class="colorbox">
+ <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet9]|join}}"/>
+ </a>
+ </div>
+ {% endif %}
+ </div>
+ </div>
+ {% endif %}
- {% if promotion.promotionid %}
- <div id="menu1" class="tab-pane fade in active" >
- <br>
- <div class="col-xs-12 col-md-12 col-lg-12">
- <div class="col-xs-6 col-md-6 col-lg-6 text-left">
- <h4 style="font-size:18px !important;margin:0px 0px 5px 0px;">{{ profile.humanname|raw }}</h4>
- {{ promotion.title }}
- </div>
- <div class="col-xs-6 col-md-6 col-lg-6 text-right">
- <b>{% trans %}Start Date{% endtrans %} :</b> {{ promotion.startdate|raw }}
- <br>
- <b>{% trans %}End Date{% endtrans %} :</b> {{ promotion.enddate|raw }}
- </div>
- </div>
+ {% if promotion.promotionid %}
+ <div id="menu1" class="tab-pane fade in active" >
+
+ <div class="col-xs-12 col-md-12 col-lg-12">
+ <div class="col-xs-6 col-md-6 col-lg-6 text-left">
+ <h4 style="margin:0px 0px 5px 0px;">{{ profile.humanname|raw }}</h4>
+ {{ promotion.title }}
+ </div>
+ <div class="col-xs-6 col-md-6 col-lg-6 text-right">
+ <b>{% trans %}Start Date{% endtrans %} :</b> {{ promotion.startdate|raw }}
+
+ <b>{% trans %}End Date{% endtrans %} :</b> {{ promotion.enddate|raw }}
+ </div>
+ </div>
+
- <br><br><br>
- <div class="col-xs-12 col-md-12 col-lg-12 text-center">
- {% if promotion.promoimg %}
- <div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
- {% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
- {% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4" {% endif %} >
- <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>
- </div>
- {% else %}
- <div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">
- <a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>
- </div>
- {% endif %}
- {% if promotion.promoimg2 %}
- <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
- <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>
- </div>
- {% endif %}
- {% if promotion.promoimg3 %}
- <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
- <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>
- </div>
- {% endif %}
- </div>
- <br><br><br><br><br><br>
- <div style="padding-left: 29px;padding-right: 27px;">
- {% if promotion.subject %}
- <br><br>
- <b>{% trans %}Detail{% endtrans %} : </b>
- {{ promotion.subject|raw }}
- <br><br>
- {% endif %}
- <a style="color:#ffffff" href="http://www.yellowpages.co.th/profile/get-promotion">
- <div class="text-center" style="width:55%;margin-left:20%;">
- <div style="border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border: 0px solid #e84848;background-color:red;height:50px;padding-top:13px;">
- {% trans %}How to get promotion from{% endtrans %} TYPLive Plus
- </div>
- </div>
- </a>
+ <div class="col-xs-12 col-md-12 col-lg-12 text-center">
+ {% if promotion.promoimg %}
+ <div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
+ {% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
+ {% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4" {% endif %} >
+ <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>
+ </div>
+ {% else %}
+ <div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">
+ <a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>
+ </div>
+ {% endif %}
+ {% if promotion.promoimg2 %}
+ <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
+ <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>
+ </div>
+ {% endif %}
+ {% if promotion.promoimg3 %}
+ <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
+ <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>
+ </div>
+ {% endif %}
+ </div>
+
+ <div>
+ {% if promotion.subject %}
+
+ <b>{% trans %}Detail{% endtrans %} : </b>
+ {{ promotion.subject|raw }}
+
+ {% endif %}
+ <a href="http://www.yellowpages.co.th/profile/get-promotion">
+ <div class="text-center">
+ <div>
+ {% trans %}How to get promotion from{% endtrans %} TYPLive Plus
</div>
</div>
- {% endif %}
-
- {% if profile.location.lat %}
- <div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} {% endif %} >
- <br>
- <iframe width="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&amp;longitude={{ profile.location.lon }}&amp;height=420&amp;width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
- <div class="text-center">
- <a class="iframe" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=580">{% trans %}View list on search by map {% endtrans %}</a>
- </div>
- </div>
- {% endif %}
+ </a>
+ </div>
+ </div>
+ {% endif %}
- {% if profile.printads %}
- <div id="menu3" {% if promotion.promotionid or profile.location.lat %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
- <div class="row">
- <div class="col-xs-12 col-sm-12 col-lg-12">
- <br>
- <a href="{{[base_images,"/printads/",profile.lang,"/",profile.printads,".jpg"]|join}}" class="colorbox">
- <img class="img-responsive typ-profile-printads" src="{{[base_images,"/printads/",profile.lang,"/",profile.printads,".jpg"]|join}}"/>
- </a>
- </div>
- </div>
- </div>
- {% endif %}
+ {% if profile.location.lat %}
+ <div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} {% endif %} >
- {#{% if profile.map %}#}
- {#<div id="menu4" {% if profile.location.lat or profile.printads or profile.promotion or profile.onlinepromotion %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>#}
- {#<div class="row">#}
- {#<div class="col-xs-12 col-sm-12 col-lg-12">#}
- {#<br>#}
- {#<a href="{{[base_images,"/map/th/",profile.map,".jpg"]|join}}" class="colorbox">#}
- {#<img class="img-responsive " src="{{[base_images,"/map/th/",profile.map,".jpg"]|join}}"/>#}
- {#</a>#}
- {#</div>#}
- {#</div>#}
- {#</div>#}
- {#{% endif %}#}
+ <iframe width="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&amp;longitude={{ profile.location.lon }}&amp;height=420&amp;width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
+ <div class="text-center">
+ <a class="iframe" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=580">{% trans %}View list on search by map {% endtrans %}</a>
</div>
</div>
+ {% endif %}
+ {% if profile.printads %}
+ <div id="menu3" {% if promotion.promotionid or profile.location.lat %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
+ <div class="row">
+ <div class="col-xs-12 col-sm-12 col-lg-12">
+
+ <a href="{{[base_images,"/printads/",profile.lang,"/",profile.printads,".jpg"]|join}}" class="colorbox">
+ <img class="img-responsive typ-profile-printads" src="{{[base_images,"/printads/",profile.lang,"/",profile.printads,".jpg"]|join}}"/>
+ </a>
+ </div>
+ </div>
+ </div>
{% endif %}
- {#<br><br><br>#}
- {#{% if not profile.custname %}#}
- {#{% else %}#}
- {#{{ profile.custname|raw }} : แสดงความคิดเห็น#}
- {#{% endif %}#}
- {#<br><br>#}
-
- {# TAB #}
- {#<div class="mobile">#}
- {#<ul class="nav nav-tabs">#}
- {#<li class="active"><a data-toggle="tab" href="#menu">{% trans %} Comment {% endtrans %}</a></li>#}
- {#<li><a data-toggle="tab" href="#menu">{% trans %} Picture Concerned {% endtrans %}</a></li>#}
- {#&#123;&#35;<li><a data-toggle="tab" href="#menu6">{% trans %} Advertise {% endtrans %}</a></li>&#35;&#125;#}
- {#</ul>#}
+ {% if profile.map %}
+ <div id="menu4" {% if profile.location.lat or profile.printads or profile.promotion or profile.onlinepromotion %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
+ <div class="row">
+ <div class="col-xs-12 col-sm-12 col-lg-12">
- {#<div class="tab-content">#}
- {#<div id="menu4" class="tab-pane fade in active">#}
- {#<h3>HOME</h3>#}
- {#<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>#}
- {#</div>#}
- {#<div id="menu5" class="tab-pane fade">#}
- {#<h3>Menu 1</h3>#}
- {#<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>#}
- {#</div>#}
- {#&#123;&#35;<div id="menu6" class="tab-pane fade">&#35;&#125;#}
- {#&#123;&#35;<h3>Menu 2</h3>&#35;&#125;#}
- {#&#123;&#35;<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>&#35;&#125;#}
- {#&#123;&#35;</div>&#35;&#125;#}
- {#</div>#}
- {#</div>#}
- {# END TAB #}
- <br><br>
+ <a href="{{[base_images,"/map/th/",profile.map,".jpg"]|join}}" class="colorbox">
+ <img class="img-responsive " src="{{[base_images,"/map/th/",profile.map,".jpg"]|join}}"/>
+ </a>
+ </div>
+ </div>
+ </div>
+ {% endif %}
</div>
</div>
- <div class="row">
- {{ app.request.getRequestUri() }}
- <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
- <div id="fb-root"></div>
- <script>(function(d, s, id) {
- var js, fjs = d.getElementsByTagName(s)[0];
- if (d.getElementById(id)) return;
- js = d.createElement(s); js.id = id;
- js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=986936604724797";
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));</script>
- <div class="fb-comments" data-width="100%" data-href="http://{{ facebook_comment }}" data-numposts="5"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
+
+ {% endif %}
+
+
+ {% if not profile.custname %}
+ {% else %}
+ {{ profile.custname|raw }} : แสดงความคิดเห็น
+ {% endif %}
+
+
+ {#TAB#}
+ {#<div class="mobile">#}
+ {#<ul class="nav nav-tabs">#}
+ {#<li class="active"><a data-toggle="tab" href="#menu">{% trans %} Comment {% endtrans %}</a></li>#}
+ {#<li><a data-toggle="tab" href="#menu">{% trans %} Picture Concerned {% endtrans %}</a></li>#}
+ {#&#123;&#35;<li><a data-toggle="tab" href="#menu6">{% trans %} Advertise {% endtrans %}</a></li>&#35;&#125;#}
+ {#</ul>#}
- <div class="col-xs-12 col-md-4 col-lg-4">
- <div class="col-xs-12 col-md-12 col-lg-12">
+ {#<div class="tab-content">#}
+ {#<div id="menu4" class="tab-pane fade in active">#}
+ {#<h3>HOME</h3>#}
+ {#<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>#}
+ {#</div>#}
+ {#<div id="menu5" class="tab-pane fade">#}
+ {#<h3>Menu 1</h3>#}
+ {#<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>#}
+ {#</div>#}
+ {#&#123;&#35;<div id="menu6" class="tab-pane fade">&#35;&#125;#}
+ {#&#123;&#35;<h3>Menu 2</h3>&#35;&#125;#}
+ {#&#123;&#35;<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>&#35;&#125;#}
+ {#&#123;&#35;</div>&#35;&#125;#}
+ {#</div>#}
+ {#</div>#}
+ {#END TAB#}
+
+ {#</div>#}
+ </div> {#end Map#}
- </div>
- </div>
-</div>
+ {#facebook#}
+ <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12">
+ {{ app.request.getRequestUri() }}
+ <div id="fb-root"></div>
+ <script>(function(d, s, id) {
+ var js, fjs = d.getElementsByTagName(s)[0];
+ if (d.getElementById(id)) return;
+ js = d.createElement(s); js.id = id;
+ js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=986936604724797";
+ fjs.parentNode.insertBefore(js, fjs);
+ }(document, 'script', 'facebook-jssdk'));</script>
+ <div class="fb-comments" data-width="100%" data-href="http://{{ facebook_comment }}" data-numposts="5"></div>
+ </div> {#end facebook#}
+
+ </div> {#end typ profile freelist#}
+
+ {#</div>#}
+{#</div>#}
+
<input type="hidden" class="catname" value="{{ profile.headingname|raw }}">
<input type="hidden" class="lang" value="{{ profile.lang|raw }}">
<input type="hidden" class="cat_address" value="{{ [profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}">

File Metadata

Mime Type
text/x-diff
Expires
Wed, Apr 30, 5:45 AM (10 h, 16 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
214130

Event Timeline