Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
unsatisfiableness
/
core
/
temp
/
client
/
owlet
:
services.twig
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
{% include 'header.twig' %} {% if user['auth'] %} {% else %} <style>body {background: var(--primary-color)}</style> {% endif %} </div> </div> {% if user['auth'] %} <div class="app-content mb-4"> {% else %} <div class="page-content mb-4"> {%endif%} <!-- Main variables *content* --> <section id="contentContainer"> <div class="container-fluid"> <div class="row filterWrap"> <div class="col-sm-12"> <div class="well"> <div class="col-md-2 col-sm-3 col-xs-3"> <div class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-filter"></i> <span class="text">Filter Categories</span> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="javascript:void(0);" onclick="javascript:filterService('All')">{{lang["smmspot.services.filter.item.1"]}}</a> {% for category in serviceCategory %} <a class="dropdown-item" href="javascript:void(0);" onclick="javascript:filterService('{{ category["category_name"] }}')">{{ category["category_name"] }}</a> {% endfor%} </div> </div> </div> <div class="col-md-10 col-sm-9 col-xs-8"> <div class="input-group"> <input class="form-control" id="serv-inp" type="text" name="search" value="" placeholder="Search Services" aria-describedby="basic-addon2"> <span class="input-group-addon" id="basic-addon2"><a href="javascript:void(0)" onclick="searchSubscriptions()" class="sicon"><i class="fa fa-search"></i></a></span> </div> </div> <div class="clearfix"></div> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="well well-float"> <ul class="tags"> <li>❤️= Exclusive Service</li> <li>♛= Best Sale</li> <li>🔥= Super Instant Service</li> <li>♻ = Refill Button On</li> <li>⛔= Cancel Button On</li> <li>💧= Drip Feed On</li> <li>No R/R = No Refill & No Refund</li> </ul> <table class="table table services " id="serv-table"> <thead> <tr> <th>ID</th> <th class="width-service-name">Service</th> <th class="nowrap">Min order</th> <th class="nowrap">Max order</th> <th class="nowrap">Rate per 1000</th> <th>Description</th> </tr> </thead> <tbody> {% for category in serviceCategory %} <tr data-category="{{ category["category_name"] }}"> <td colspan="6" class="serName" id=""><strong>{{ category["category_name"] }}</strong></td> </tr> {% for service in category['services'] %} <tr data-category="{{ category["category_name"] }}" style="display: table-row;"> <td>{{ service["service_id"] }}</td> <td>{{ service["service_name"] }}</td> <td><span class="badge min">{{ service["service_min"] }}</span></td> <td><span class="badge max">{{ service["service_max"] }}</span></td> <td>{{ currency["symbol"] }} {{ service['service_price'] *currency["value"] }}</td> {% if avarageTime %} <!-- <td data-title="Ortalama Süre">{{ service["service_speed"] }}</td> --> {% endif %} <td data-title="Description"> <button type="button" class="btn-alternate serBtn" data-toggle="modal" data-target="#service_desc-{{ service['service_id'] }}"><i class="fa fa-eye" aria-hidden="true"></i> More</button> <div class="modal fade" id="service_desc-{{ service['service_id'] }}" tabindex="-1" role="dialog" aria-labelledby="detailsModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content border-0 bg-gray shadow"> <div class="modal-header d-flex align-items-center"> <h5 class="modal-title" id="service_name"><span style="color: black;">{{ service["service_name"] }} </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Kapat"><i class="ri-close-line icon-24"></i></button> </div> <div class="modal-body text-left"><span style="color: black;">{{ service["service_description"] }}</div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div> </td> </tr> {% endfor %} {% endfor %} </tbody> </table> </div> </div> </div> </div> </section> <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()); }); }); </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() { $('.service-category').each(function () { var next = $(this).next(); var services = $(this).nextUntil('.service-category'); var empty = true; services.each(function() { if (!$(this).hasClass('hidden')) empty = false; }); if (empty) $(this).addClass('hidden'); }) } </script> {% include 'footer.twig' %}