File "services.twig"
Full Path: /home/cananyalcin/public_html/core/temp/client/smmfollow/services.twig
File size: 19.72 KB
MIME-type: text/plain
Charset: utf-8
{% include 'header.twig' %}
<br>
<!-- Main variables *content* -->
<div class="container-fluid" >
<div class="row services-page">
<ul class="social-btn-wrap" id="dc-body">
<li>
<a class=" services-list-filter social-button brand-category" href="javascript:btnFltr('facebook');" data-services-filter="facebook"><i class="fab fa-facebook-f"></i> Facebook</a>
</li>
<li>
<a class="services-list-filter social-button brand-category" href="javascript:btnFltr('twitter');" data-services-filter="twitter"><i class="fab fa-twitter"></i> Twitter</a>
</li>
<li>
<a class="services-list-filter social-button brand-category" href="javascript:btnFltr('instagram');" data-services-filter="instagram"><i class="fab fa-instagram"></i> Instagram</a>
</li>
<li>
<a class="services-list-filter social-button brand-category" href="javascript:btnFltr('youtube');" data-services-filter="youtube"><i class="fab fa-youtube"></i> Youtube</a>
</li>
<li>
<a class="services-list-filter social-button brand-category" href="javascript:btnFltr('linkedin');" data-services-filter="linkedin"><i class="fab fa-linkedin"></i> Linkedin</a>
</li>
<li>
<a class="services-list-filter social-button brand-category" href="javascript:btnFltr('tiktok');" data-services-filter="tiktok"><i class="fab fa-tiktok"></i> Tiktok</a>
</li>
<li>
<a class="services-list-filter social-button brand-category" href="javascript:btnFltr('telegram');" data-services-filter="telegram"><i class="fab fa-telegram-plane"></i> Telegram</a>
</li>
<li>
<a class="services-list-filter social-button brand-category" href="javascript:btnFltr('spotify');" data-services-filter="spotify"><i class="fab fa-spotify"></i> Spotify</a>
</li>
<li>
<a class="services-list-filter social-button brand-category" href="javascript:btnFltr('soundcloud');" data-services-filter="soundcloud"><i class="fab fa-soundcloud"></i> Soundcloud</a>
</li>
<li>
<a class="services-list-filter social-button brand-category" href="javascript:btnFltr('traffic');" data-services-filter="traffic"><i class="fas fa-globe"></i> Website Traffic</a>
</li>
<li>
<a class="services-list-filter social-button brand-category" href="javascript:btnFltr();" data-services-filter=""<i class="fab fa-audible"></i> Everything</a>
</li>
</ul>
</div>
<div class="row">
<div class="col-sm-12">
<div class="search-wrap">
<div class="input-group row">
<div class="col-lg-9 col-md-9 col-sm-10 col-xs-8 mt-15">
<input id="serv-inp" type="text" class="form-control" placeholder="Search">
</div>
<div class="col-lg-1 col-md-1 col-sm-2 col-xs-4 mt-15">
<span class="input-group-btn-search">
<button onClick="searchServices()" class="btn btn-default" data-filter-search-btn="true">
<i class="fas fa-search"></i>
</button>
</span>
</div>
<!-- end -->
<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 mt-15">
<span class="input-group-btn-filter dropdown">
<button class="btn btn-default" id="catFilter" onclick="showCatDrop()" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
Filter By Category <i class="fas fa-sort-down"></i>
</button>
<div class="all_btn_cat_wrap dropdown-menu" id="catList" aria-labelledby="catFilter">
<button href="javascript:void(0);" onclick="javascript:filterService('All')" class="dropdown-item service-item">All</button>
{% for category in serviceCategory %} <button href="javascript:void(0);" onclick="javascript:filterService('{{ category["category_name"] }}')" class="dropdown-item service-item">
{{ category["category_name"] }} </button>
{% endfor%}
</div>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- end -->
<!-- category_name -->
<div class="row">
<div class="col-sm-12">
<div class="ser-well">
<div class="table-responsive">
<table class="table app-mtable " id="serv-table">
<thead class="table_head fliter34">
<tr class="catetitle cate-row">
<td colspan="7">
<h2>
{{ category["category_name"] }} </h2>
</td>
</tr>
<tr class="thead-tr">
<th class="wd-10">ID</th>
<th class="wd-40 width-service-name">Service</th>
<th class="wd-10 nowrap">Rate per 1000</th>
<th class="wd-10 nowrap">Min order</th>
<th class="wd-10 nowrap">Max order</th>
<!-- <th class="nowrap">Average completition time
<span class="fa fa-exclamation-circle" data-toggle="tooltip" data-placement="top" title="The average time is based on 10 latest completed orders per 1000 quantity."></span>
</th> -->
<th class="service-description__th wd-10">Description</th>
<th></th>
</tr>
</thead>
<tbody>
{% for category in serviceCategory %}
<tr class="catetitle cate-row" data-category="{{ category["category_name"] }}">
<td colspan="8">
<strong> {{ category["category_name"] }}</strong>
</td>
</tr>
<!-- end -->
{% for service in category['services'] %}
<tr class="table-mobile-card serviceData" data-category="{{ category["category_name"] }}">
<td class="app-col" data-title="ID">
<a class="favorite_btn" data-status="0" data-id="5207">
<i class="far fa-star"></i>
</a>
{{ service["service_id"] }}
</td>
<td class="app-col service-name pm-ikon" data-title="Services" title="Category: {{ category["category_name"] }}">
{{ service["service_name"] }}
</td>
<td class="app-col" data-title="Price Per 1000">
{{ currency["symbol"] }} {{ service['service_price'] *currency["value"] }}
</td>
<td class="app-col" data-title="Min"><span class="badge min-badge">{{ service['service_min'] }}</span></td>
<td class="app-col" data-title="Max"><span class="badge max-badge">{{ service['service_max'] }}</span></td>
<!-- <td class="nowrap app-col">1 hour 6 minutes</td> -->
<!-- <tr class="table-mobile-card serviceData" data-category="{{ category["category_name"] }}">
<td data-title="ID">{{ service["service_id"] }}</td>
<td data-title="Services" class="pm-ikon">{{ service["service_name"] }}</td>
<td class="app-col" data-title="Price Per 1000"> ≈ {{ currency["symbol"] }} {{ service['service_price'] *currency["value"] }}</td>
<td class="app-col" data-title="Min-Max">
<span class="text-danger"> {{ service['service_min'] }}</span>
-
<span class="text-success"> {{ service['service_max'] }}</span>
</td>
<!-- pop up-->
<td class="service-description app-col">
<div class="tservice-des">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#serModal{{ service['service_id'] }}">
Details
</button>
</div>
<div class="modal fade" id="serModal{{ service['service_id'] }}">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">{{ service['service_id'] }} - {{ service["service_name"] }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
{{ service["service_description"] }}
</div>
</div>
</div>
</div>
</td>
<!-- <td class="app-col" data-title="Price per 1000">
<a
type="button"
class="desc-btn"
href="/?service={{ service["service_id"] }}"
><i class="fa-solid fa-cart-shopping"></i></a>
</td> -->
</tr>
{% endfor %}
</tbody>
{% endfor%}
</table>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<script>
function ikon(opt) {
var ikon = "";
if (opt.indexOf("Instagram") >= 0) {
ikon = "<span class=\"fs-ig\"><i class=\"fab fa-instagram\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("YouTube") >= 0) {
ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Facebook") >= 0) {
ikon = "<span class=\"fs-fb\"><i class=\"fab fa-facebook-square\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Youtube") >= 0) {
ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Twitter") >= 0) {
ikon = "<span class=\"fs-tw\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Google") >= 0) {
ikon = "<span class=\"fs-gp\"><i class=\"fab fa-google-plus\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Swarm") >= 0) {
ikon = "<span class=\"fs-fsq\"><i class=\"fab fa-forumbee\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Dailymotion") >= 0) {
ikon = "<span class=\"fs-dm\"><i class=\"fab fa-hospital-o\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Periscope") >= 0) {
ikon = "<span class=\"fs-pc\"><i class=\"fab fa-map-marker\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Soundcloud") >= 0) {
ikon = "<span class=\"fs-sc\"><i class=\"fab fa-soundcloud\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Vine") >= 0) {
ikon = "<span class=\"fs-vn\"><i class=\"fab fa-vine\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Spotify") >= 0) {
ikon = "<span class=\"fs-sp\"><i class=\"fab fa-spotify\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Snapchat") >= 0) {
ikon = "<span class=\"fs-snap\"><i class=\"fab fa-snapchat-square\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Pinterest") >= 0) {
ikon = "<span class=\"fs-pt\"><i class=\"fab fa-pinterest-p\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("iTunes") >= 0) {
ikon = "<span class=\"fs-apple\"><i class=\"fab fa-apple\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Müzik") >= 0) {
ikon = "<span class=\"fs-music\"><i class=\"fab fa-music\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Vimeo") >= 0) {
ikon = "<span class=\"fs-videmo\"><i class=\"fab fa-vimeo\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Ekşi") >= 0) {
ikon = "<span class=\"fs-eksi\"><i class=\"fab fa-tint\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Telegram") >= 0) {
ikon = "<span class=\"fs-telegram\"><i class=\"fab fa-telegram\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Twitch") >= 0) {
ikon = "<span class=\"fs-twc\"><i class=\"fab fa-twitch\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Zomato") >= 0) {
ikon = "<span class=\"fs-zom\"><i class=\"fab fa-cutlery\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Amazon") >= 0) {
ikon = "<span class=\"fs-amaz\"><i class=\"fab fa-amazon\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Tumblr") >= 0) {
ikon = "<span class=\"fs-tumb\"><i class=\"fab fa-tumblr-square\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Yandex") >= 0) {
ikon = "<span class=\"fs-yndx\"><i class=\"fab fa-yoast\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Linkedin") >= 0) {
ikon = "<span class=\"fs-lnk\"><i class=\"fab fa-linkedin\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Yahoo") >= 0) {
ikon = "<span class=\"fs-yahoo\"><i class=\"fab fa-yahoo\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("TikTok") >= 0) {
ikon = "<span class=\"fs-tiktok\"><i class=\"fa fa-music\" aria-hidden=\"true\"></i> </span>";
} else {
ikon = "<span class=\"\"><i class=\"far fa-star\" aria-hidden=\"true\"></i> </span> ";
}
return ikon;
}
$(document).ready(function() {
$(".pm-ikon").each(function() {
var ico = ikon($(this).text());
$(this).html(ico + $(this).text() );
console.log($(this).text());
});
});
var categories = {{categories|json_encode()}};
setTimeout(function () {
$('#neworder_services').trigger('change');
$('.btn_cat_filter').on('click', function() {
category = $(this).data('id');
var category_2 = null;
if(category == 'instagram'){
category_2 = "انستغرام";
}
if(category == 'facebook'){
category_2 = "فايسبوك";
}
if(category == 'youtube'){
category_2 = "يوتيوب";
}
if(category == 'twitter'){
category_2 = "تويتر";
}
if(category == 'tiktok'){
category_2 = "تيك توك";
}
if(category == 'telegram'){
category_2 = "تلغرام";
}
$('#neworder_category').html("");
categories.forEach(element => {
if (category == "everything") {
$('#neworder_category').append("<option value='" + element.category_id + "'>" + element.category_name + "</option>");
} else if (category == "other") {
if (!element.category_name.toLowerCase().includes("instagram") &&
!element.category_name.toLowerCase().includes("facebook") &&
!element.category_name.toLowerCase().includes("youtube") &&
!element.category_name.toLowerCase().includes("twitter") &&
!element.category_name.toLowerCase().includes("tiktok") &&
!element.category_name.toLowerCase().includes("telegram")) {
$('#neworder_category').append("<option value='" + element.category_id + "'>" + element.category_name + "</option>");
}
} else if (element.category_name.toLowerCase().includes(category) || element.category_name.toLowerCase().includes(category_2)) {
$('#neworder_category').append("<option value='" + element.category_id + "'>" + element.category_name + "</option>");
}
});
$('#neworder_category').trigger('change');
setTimeout(function(){
$(".smmspot-sb-dd-item").each(function() {
var ico = ikon($(this).text());
$(this).html(ico + $(this).text() );
console.log($(this).text());
});
}, 500);
setTimeout(function(){
$(".smmspot-sb-selected").each(function() {
var ico = ikon($(this).text());
$(this).html(ico + $(this).text() );
console.log($(this).text());
});
}, 500);
});
}, 400);
</script>
<script>
function filterService(category) {
if (category == 'All')
$('tbody tr.hidden').removeClass('hidden');
else {
$('tbody tr').addClass('hidden');
$('tbody tr[data-category="' + category + '"]').removeClass('hidden');
}
removeEmptyCategory();
}
function removeEmptyCategory() {
$('.services-header').each(function () {
var next = $(this).next();
var services = $(this).nextUntil('.services-header');
var empty = true;
services.each(function() {
if (!$(this).hasClass('hidden')) empty = false;
});
if (empty) $(this).addClass('hidden');
})
}
</script>
{% include 'footer.twig' %}