Find this useful? Enter your email to receive occasional updates for securing PHP code.
Signing you up...
Thank you for signing up!
PHP Decode
<!doctype html> <html lang="tr" itemscope="" itemtype="https://schema.org/Organization"..
Decoded Output download
<?
<!doctype html>
<html lang="tr" itemscope="" itemtype="https://schema.org/Organization">
<head>
<meta charset="utf-8">
<title>HTML Kod ifreleyici | WM Arac</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#19283f">
<link rel="stylesheet" href="/assets/icon/style.css?6" />
<link rel="stylesheet" href="/assets/css/base.min.css?6" />
<link rel="stylesheet" href="/assets/css/wma.css?6" />
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.ico" />
<style>
body * {
transition-duration: 0 !important;
}
header .top, header .mobile {
position: fixed !important;
width: 100% !important;
z-index: 999 !important;
transition: top .5s;
top: 0;
left: 0;
}
header .bottom {
margin-top: 91px;
}
.sticky-header {
top: -91px !important;
}
@media (max-width: 767px) {
.ads-container {
margin-top: 91px !important;
}
}
#txtSearch::placeholder {color: #c2cbd8}
#latest-searchs {
display: none;
position: absolute;
background: #fff;
width: 300px;
margin-top: -1px;
}
#latest-searchs li {
padding: 10px 25px;
border-bottom: 1px solid #eee;
}
#latest-searchs li:hover,
#latest-searchs li.selected {
background: #F7FAFF;
}
.darks.dark #latest-searchs {
background: #485b78;
}
.darks.dark #latest-searchs li {
border-color: #2e415d;
color: #c2cbd8;
}
.darks.dark #latest-searchs li:hover,
.darks.dark #latest-searchs li.selected {
background: #273550;
}
.ads-container {
margin-top: 10px;
margin-bottom:-20px;
}
.login i,
.login span {
z-index: 9 !important;
}
.ql-editor {
min-height: 250px;
background: #fff;
}
.ql-align-center {
text-align: center;
}
.ql-align-right {
text-align: right;
}
.ql-align-justify {
text-align: justify;
}
.darks.dark .ql-editor,
.darks.dark .ql-picker-options {
background: #1F2D45;
color: #fff;
}
.darks.dark .ql-editor::placeholder {
color: #fff;
opacity: 1;
}
.darks.dark .ql-editor.ql-blank::before {
color: #fff;
}
.darks.dark .ql-container.ql-snow,
.darks.dark .ql-toolbar.ql-snow {
background: #1F2D45;
border: 1px solid #2E415E;
color: #fff;
}
.darks.dark .ql-snow .ql-stroke {
stroke: #fff;
}
.darks.dark .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
fill: #fff;
}
.darks.dark .ql-snow .ql-picker {
color: #fff !important;
}
.darks.dark #tool #results {
background: #1F2D45;
border: 1px solid #374A67;
}
.ql-toolbar {
width: 100%;
white-space: nowrap;
}
.ql-toolbar .ql-formats:first-child {
display: none;
}
select {
-webkit-appearance: none;
appearance: none;
}
.select-wrapper:after {
content: "";
color: #ccc;
margin-left: -30px;
}
#fixMessages > div > div .c li {
word-break: break-word;
}
#fixMessages > div > div .c ul li > div img {
border-radius: 5px;
}
#backToTopBtn {
position: fixed;
bottom: 20px;
right: 10px;
height: 60px;
width: 60px;
display: none;
place-items: center;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
cursor: pointer;
z-index: 9999;
}
#backToTopBtn-value {
display: block;
height: calc(100% - 15px);
width: calc(100% - 15px);
background-color: #ffffff;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 30px;
color: #001a2e;
}
@media (min-width: 767px) {
.hideDesktop {
display: none;
}
}
@media (max-width: 767px) {
body {
overflow-x: hidden;
}
.hideMobile {
display: none;
}
.ql-toolbar {
width: 100%;
white-space: normal;
}
.ql-toolbar:not(.hidden_menus) > span:nth-last-child(-n+8) {
display: none;
}
.ql-toolbar:not(.hidden_menus) .octicon-chevron-up {
display: none;
}
.ql-toolbar .ql-formats:first-child {
display: inline-block;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 3px !important;
}
#profile .content div.page {
order: 1;
margin-bottom: 1rem;
}
#profile .content div.left {
display: none;
}
.modal-footer .action-buttons {
display: block !important;
}
.modal-footer .action-buttons .btn2 {
margin-bottom: 1rem;
}
#forum {
margin-top: 2rem;
}
.blogItem > div ul li:first-child {
display: none;
}
footer .bottom .row ul {
text-align: center;
}
#backToTopBtn {
bottom: 80px;
}
}
.mention {
border-bottom: 1px dotted;
border-color: inherit;
color: #3483f7;
font-weight: bold;
--c: #3483f7; /* the color */
--s: .15em;
line-height:1.1em;
padding-bottom: calc(2.1*var(--s));
background:
conic-gradient(from 135deg at top,var(--c) 90deg,#0000 0)
left 0 bottom var(--s)/calc(2*var(--s)) var(--s) repeat-x,
conic-gradient(from -45deg at bottom,var(--c) 90deg,#0000 0)
left var(--s) bottom 0/calc(2*var(--s)) var(--s) repeat-x;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0) 0/var(--_p,0%) padding-box no-repeat;
transition: .5s;
}
.mention:hover {
--_p: 100%;
color: 3483f7;
}
#profile .top .t {
background: #EEF3FA;
}
.darks.dark #profile .top .t {
background: #101B2C;
}
.thread-highlight, .post-deleted, .thread-deleted {
background: #FFFDE7 !important;
}
.thread-deleted .h a{
text-decoration: line-through !important;
}
.quote {
position: relative;
margin-bottom: 10px;
background: #FCFDFF;
border: 1px solid #D5DBE2;
border-radius: 5px;
padding: 12px 75px 12px 20px;
margin: 0;
}
.quote .author a {
color: #6E7F99;
}
.quote .author:before {
font-family: 'icomoon' !important;
content: '\e909';
font-size: 10px;
color: #EA9A00;
margin-right: 10px;
}
.quote .author strong {
color: #0382FF;
font-weight: normal;
}
.darks.dark .quote {
background: #203049;
border-color: #2E415D;
color: #D1D9E4;
}
.darks.dark .note-editable {
color: #fff !important;
}
.dark #widget .wlist li {
border-color: #23334C;
}
.dark #widget .wlist li:nth-child(2n) {
background: #18263A;
}
.dark #widget .wlist {
background: #1B293F;
}
.widget {
background: #fff;
border-radius: 5px;
margin: 1rem 0;
padding: 1rem;
}
.form-group select {
width: 100%;
padding: 35px 15px 10px 26px;
border: none;
background: none;
position: relative;
display: block;
z-index: 2;
font-size: 14px;
color: #596880;
line-height: 24px;
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: currentcolor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite;
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em;
}
#profile .content .page .tradingStatus table tbody tr td:first-child {
padding: 0 !important;
}
.notificationBox > div > ul li:first-child:last-child {
text-align: left !important;
}
.modal-footer .action-buttons {
display:flex;
justify-content:center;
gap:1rem;
margin:1rem 0;
}
.modal-footer .action-buttons .btn2 {
width: 100%;
}
.visitor-notifications .vn a span {
position: relative !important;
}
.visitor-notifications .vn a img {
width: 35px;
}
.popup-conversation-holder .b {
position: relative;
}
.drag-area, .is-uploading {
display: none !important;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background: #121a1f;
z-index: 99;
justify-content: center !important;
align-items: center !important;
font-size: 28px;
}
.drag-area.visible, .is-uploading.visible {
display: flex !important;
}
.notificationBox .vn-image {
position: relative;
}
.notificationBox .vn-image img {
border-radius: 5px;
}
.notificationBox .vn-image .label {
position: absolute;
right: -10px;
top: -3px;
font-size: 11px;
}
body.openFooterMenu {
padding-bottom: 69px;
}
@media (min-width: 767px) {
body.openFooterMenu {
padding-bottom: 0 !important;
}
}
@keyframes spinner-border {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.mcu-toast-close {
font-size: 10px;
color: #BCC3CD;
}
.conv-post a {
border-bottom: 1px dotted;
}
</style>
<link rel="stylesheet" href="/assets/css/tools.css?6" />
<script>
var wm = {
apiUrl: 'https://wmaraci.com/api',
user: {
userid: 147845,
usergroupid: 2,
username: 'TekBilism',
avatar: 'https://cdn.wmaraci.com/user/profile/147845.png?1700384814'
},
};
</script>
</head>
<body class="darks openFooterMenu">
<div class="page">
<header>
<div class="top">
<div class="container">
<div class="row">
<div class="logo">
<a href="/"><img src="/assets/img/logo.svg" width="176" height="36" alt="wmaraci"></a>
</div>
<div class="search">
<form action="/arama" method="get" autocomplete="off" onsubmit="if(document.querySelector('#txtSearch').value.trim().length === 0) return false">
<input type="text" id="txtSearch" name="q" placeholder="Wmarac ierisinde arama yap..." autocomplete="new-password">
<button class="icon-magnifying-glass"></button>
<label for="txtSearch" class="icon-magnifying-glass"></label>
</form>
<ul id="latest-searchs"></ul>
</div>
<ul class="menu">
<li><a href="/forum">Forum</a></li>
<li><a href="/kariyer">Kariyer</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/dizin">Dizin</a></li>
<li><a href="/nedir">Nedir?</a></li>
</ul>
<div class="logined">
<div>
<div class="dot"></div>
<a href="/forum/uyeler/147845-tekbilism">
<img src="/assets/img/load.svg" data-src="https://cdn.wmaraci.com/user/profile/147845.png?1700384814" alt="TekBilism" />
<strong>TekBilism</strong>
</a>
<a href="/premium">Hesabn Ykselt <i class="icon-crown"></i></a>
</div>
<ul>
<li class="notification-holder">
<a href="#"><i class="icon-bell"></i><span class="label notification-count" style="display:none">0</span></a>
<div class="notificationBox">
<div>
<div class="t">
<strong><i class="icon-bell"></i>Bildirimleriniz</strong>
<div><a href="#" class="markAllNotificationsAsRead">Tm Bildirimleri Okundu Say</a></div>
</div>
<ul></ul>
<a href="/bildirimler">Tm Bildirimleriniz</a>
</div>
</div>
</li>
<li class="conversation-holder">
<a href="#"><i class="icon-bubble-speak"></i><span class="label notification-count"></span></a>
<div class="notificationBox">
<div>
<div class="t">
<strong><i class="icon-bubble-speak"></i>zel Mesajlarnz</strong>
<div><a href="/pm">Yeni zel Mesaj<i class="icon-plus"></i></a></div>
</div>
<ul></ul>
<a href="/pm">Tm zel Mesajlarm</a>
</div>
</div>
</li>
<li>
<a href="#"><i class="icon-account-2"></i></a>
<div class="notificationBox">
<div>
<div class="l">
<div>
<span class="dot"></span>
<img src="/assets/demo/loginedHead.png" data-src="https://cdn.wmaraci.com/user/profile/147845.png?1700384814" alt="TekBilism" />
<strong>TekBilism</strong>
<a href="#">Tek Biliim</a>
<time datetime="2008-02-14 20:00">Bugn, 21:27</time>
<div data-dropdown="" data-dropdown="" class="dropdown user-status-checker">
<input type="checkbox" id="checkStatus2">
<label class="label" for="checkStatus2"><span><span class="dot"></span> </span><i class="icon-down-arrow"></i></label>
<ul>
<li><label for="checkStatus2" data-status="1"><span class="dot"></span>evrim ii</label></li>
<li><label for="checkStatus2" data-status="2"><span class="dot dot-warning"></span>Megul</label></li>
<li><label for="checkStatus2" data-status="3"><span class="dot dot-gray"></span>evrim d</label></li>
</ul>
</div>
</div>
<ul class="row">
<li>
<a class="btn btn-sm btn-dark w100" href="/premium"><span class="icon reverse">Hesap Ykselt<i class="icon-crown"></i></span></a>
</li>
<li>
<a class="btn btn-sm w100" href="/forum/yeni-konu"><span class="icon reverse">Yeni Konu A<i class="icon-plus-square"></i></span></a>
</li>
</ul>
</div>
<ol>
<li>
<a href="/forum/uyeler/147845-tekbilism">
<strong><i class="icon-user"></i>Profil Sayfam</strong>
</a>
</li>
<li>
<a href="/forum/hesap/profil">
<strong><i class="icon-cog"></i>yelik Bilgilerim</strong>
</a>
</li>
<li>
<a href="/forum/hesap/banka">
<strong><i class="icon-bank"></i>Banka Bilgilerim</strong>
</a>
</li>
<li>
<a href="/forum/hesap/abonelikler">
<strong><i class="icon-layers"></i>Konu/Mesaj Aboneliklerim</strong>
</a>
</li>
<li>
<a href="/forum/uyeler/147845-tekbilism/gecmis">
<strong><i class="icon-history"></i>Gemi lemlerim</strong>
</a>
</li>
<li>
<a href="/forum/hesap/onay">
<strong><i class="icon-verify"></i>Hesap Dorulama</strong>
</a>
</li>
<li>
<a href="/cikis">
<strong><i class="icon-logout"></i>k Yap</strong>
</a>
</li>
</ol>
</div>
</div>
</li>
</ul>
</div>
<style>
.login .notice .visitor-notifications {
display: none;
}
.login .notice:hover .visitor-notifications {
display: block;
}
.visitor-notifications {
position:absolute;
width:300px;
margin-top:10px;
background:#fff;
z-index:1;
border:1px solid #ccc;
border-radius: 5px;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.visitor-notifications .vn {
padding:10px;
color: #6E7F99;
font-weight: 500;
font-size: 14px;
line-height: 24px;
border-bottom: 1px solid #ccc;
}
.darks.dark .visitor-notifications {
background: #1E2F48;
border-color: #283C5A;
}
.darks.dark .visitor-notifications .vn {
border-color: #23334D;
}
</style>
</div>
</div>
</div>
<div class="bottom">
<div class="container">
<div class="row">
<ul class="menu">
<li><a href="/yeni-ilanlar"><span><i class="icon-shopping-basket"></i>lanlar</span></a></li>
<li><a href="/yeni-konular"><span><i class="icon-layers"></i>Konular</span></a></li>
<!--<li><a href="/yeni-mesajlar"><span><i class="icon-speech-bubble-with-text-lines"></i>Yeni Mesajlar</span></a></li>-->
</ul>
<div class="right">
<div class="vehicles">
<a href="/araclar">
<i class="icon-support"></i>
Aralar
<span class="icon-down-arrow"></span>
</a>
<ul>
<li>
<a href="/whois">
<i class="icon-folder-internet" style="color:#18C65D"></i>
<strong>Whois Sorgulama</strong>
Hzl ve kolay bir ekilde whois sorgulama yapn.
</a>
</li>
<li>
<a href="/ip-class-sorgulama">
<i class="icon-abc-block" style="color:#0382FF"></i>
<strong>IP Class Sorgulama</strong>
Siteleri a, b ve c ip class'larna gre ayrn.
</a>
</li>
<li>
<a href="/cekilis-araci">
<i class="icon-number-list" style="color:#83CB6A"></i>
<strong>ekili Arac</strong>
Gelimi zelliklere sahip ekili arac.
</a>
</li>
</ul>
</div>
<div class="settings">
<a href="#" class="icon-equalizer"></a>
<ul>
<li>
<i class="icon-setting"></i>
<span>Tema Seenei</span>
<div>
<div class="switch switch-grey">
<input type="checkbox" id="switchThema" >
<label for="switchThema"><i class="icon-sun"></i><i class="icon-moon"></i></label>
</div>
</div>
</li>
<li>
<i class="icon-sound"></i>
<span>Site Sesleri</span>
<div>
<div class="switch switch-grey">
<input type="checkbox" id="switchMute" class="toggle-user-permission" data-permission="permissionSound" checked>
<label for="switchMute"><i class="icon-mute"></i><i class="icon-volume"></i></label>
</div>
</div>
</li>
<li>
<i class="icon-bell"></i>
<span>Bildirimler</span>
<div>
<div class="switch">
<input type="checkbox" id="switchNotice" class="toggle-user-permission" data-permission="permissionNotification" checked>
<label for="switchNotice"></label>
</div>
</div>
</li>
<li>
<i class="icon-bubble-speak"></i>
<span>zel Mesaj Al</span>
<div>
<div class="switch">
<input type="checkbox" id="switchPrivateMessage" class="toggle-user-permission" data-permission="permissionPm" checked>
<label for="switchPrivateMessage"></label>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="mobile container">
<div class="row">
<button class="icon-list"></button>
<div class="logo">
<a href="/"><img src="/assets/img/logo.svg" width="176" height="36" alt="wmaraci"></a>
</div>
<ul>
<li class="notification-holder">
<a href="#"><i class="icon-bell"></i><span class="label notification-count"></span></a>
<div class="notificationBox">
<div>
<div class="t">
<strong><i class="icon-bell"></i>Bildirimleriniz</strong>
<div><a href="#" class="markAllNotificationsAsRead">Tm Bildirimleri Okundu Say</a></div>
</div>
<ul>
</ul>
<a href="/bildirimler">Tm Bildirimleriniz</a>
</div>
</div>
</li>
<li><a href="/arama" onclick="location.href = '/arama'"><i class="icon-magnifying-glass"></i></a></li>
</ul>
</div>
</div>
</header>
<div class="container ads-container">
<div class="row row-ads wmads1">
<div class="col hideMobile "><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9798355913043752"
crossorigin="anonymous"></script>
<!-- LogoAltSol -->
<ins class="adsbygoogle"
style="display:inline-block;width:670px;height:82px"
data-ad-client="ca-pub-9798355913043752"
data-ad-slot="9485528651"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class="col hideDesktop"><a href="https://wmaraci.com/reklam" target="_blank"><img alt="wmaraci reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div>
<div class="col hideMobile "><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9798355913043752"
crossorigin="anonymous"></script>
<!-- LogoAltSol -->
<ins class="adsbygoogle"
style="display:inline-block;width:670px;height:82px"
data-ad-client="ca-pub-9798355913043752"
data-ad-slot="9485528651"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
</div>
</div>
<div id="tool">
<div class="container">
<div class="row">
<div class="content">
<div class="card">
<h1 class="head4">HTML Kod ifreleyici</h1>
<div style="padding: 1rem 2rem">
<form id="tool-form" action="" method="post">
<div class="form-group2">
<textarea id="tool-code" type="text" name="code" class="form-control" rows="5" placeholder="ifrelenecek HTML kodu giriniz..."></textarea>
</div>
<button id="submit-form" type="button" class="btn">
ifrele
</button>
</form>
<div id="results" class="none"></div>
</div>
</div>
</div>
<div class="tools">
<ul>
<li>
<a href="/site-hiz-testi" class="toolItems">
<i class="icon-speedometer" style="color: #FF4F6E"></i>
<strong>Site Hz Testi</strong>
Sitelerinizin alma hzn renin.
<span style="background: #FF4F6E"></span>
</a>
</li>
<li>
<a href="ip-class-sorgulama" class="toolItems">
<i class="icon-abc-block" style="color: #0382FF"></i>
<strong>IP Class Sorgulama</strong>
Siteleri a, b ve c ip class'larna gre ayrn.
<span style="background: #0382FF"></span>
</a>
</li>
<li>
<a href="/onek-sonek-ekleme" class="toolItems">
<i class="icon-txt-file" style="color: #5BAFDE"></i>
<strong>nek - Sonek Ekleme Arac</strong>
Her ayr satra nek ya da son ek ekleyebilirsiniz.
<span style="background: #5BAFDE"></span>
</a>
</li>
<li>
<a href="/cekilis-araci" class="toolItems">
<i class="icon-number-list" style="color: #83CB6A"></i>
<strong>ekili Arac</strong>
Gelimi zelliklere sahip ekili arac.
<span style="background: #83CB6A"></span>
</a>
</li>
<li>
<a href="/md5-sha1-sifre-olusturucu" class="toolItems">
<i class="icon-padlock-html" style="color: #48C472"></i>
<strong>MD5 - SHA1 ifre Oluturucu</strong>
Md5 veya sha1 ifreleme yapn.
<span style="background: #48C472"></span>
</a>
</li>
<li>
<a href="/kdv-hesaplama" class="toolItems">
<i class="icon-calculator" style="color: #2E8EFF"></i>
<strong>KDV Hesaplama Arac</strong>
Ayrntl KDV hesaplama arac.
<span style="background: #2E8EFF"></span>
</a>
</li>
<li>
<a href="/whois" class="toolItems">
<i class="icon-folder-internet" style="color: #18C65D"></i>
<strong>Whois Sorgulama</strong>
Hzl ve kolay bir ekilde whois sorgulama yapn.
<span style="background: #18C65D"></span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="container ads-container">
<div class="row row-ads wmads2">
<div class="col "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div>
<div class="col hideMobile "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div>
</div>
</div>
<div class="center">
<div class="container">
<div class="row">
<div class="left">
<img src="/assets/img/load.svg" data-src="/assets/img/logo.svg" width="176" height="36" alt="wmaraci">
<strong>Copyright 2010 - 2023</strong>
<p>
WM Arac, BTK onayl bir yer salayc olarak ierikleri kontrol etme ya da aratrma ykmll yoktur. Hukuka aykr olduunu dndnz ierikleri ltfen bize bildiriniz.
</p>
<a href="/iletisim" class="btn btn-grey"><span class="icon"><i class="icon-exclamation"></i>Aykr erik Bildir</span></a>
<ul>
<li><a href="https://facebook.com/wmaraci" target="_blank" rel="nofollow" class="icon-facebook"></a></li>
<li><a href="https://twitter.com/wmaraci" target="_blank" rel="nofollow" class="icon-twitter"></a></li>
<li><a href="https://t.me/wmaraci" target="_blank" rel="nofollow" class="icon-telegram"></a></li>
<li><a href="https://www.youtube.com/wmaracicom" target="_blank" rel="nofollow" class="icon-youtube"></a></li>
<li><a href="https://www.instagram.com/wmaraci/" target="_blank" rel="nofollow" class="icon-instagram"></a></li>
</ul>
</div>
<div class="right">
<div class="row">
<div>
<strong class="head"><i class="icon-support"></i>Aralar</strong>
<ul>
<li><a href="/whois">Whois Sorgulama</a></li>
<li><a href="#">SEO Analiz</a></li>
<li><a href="#">Site Analiz</a></li>
<li><a href="#">Sra Bulucu</a></li>
<li><a href="/araclar">Kod/Tasarm Aralar</a></li>
<li><a href="/araclar">Site Aralar</a></li>
</ul>
</div>
<div>
<strong class="head"><i class="icon-layers"></i>WM Arac Forum</strong>
<ul>
<li><a href="/yeni-ilanlar">lanlar</a></li>
<li><a href="/yeni-konular">Konular</a></li>
<li><a href="/arama">Gelimi Arama</a></li>
<li><a href="/sikayet">ikayetim Var</a></li>
<li><a href="/premium">Premium yelikler</a></li>
</ul>
</div>
<div>
<strong class="head"><i class="icon-more"></i>Dier Sayfalar</strong>
<ul>
<li><a href="/hakkimizda">Hakkmzda</a></li>
<li><a href="/gelistirme">Gelitirme Notlar</a></li>
<li><a href="/gizlilik-politikasi">Gizlilik Politikas</a></li>
<li><a href="/mesafeli-satis-sozlesmesi">Mesafeli Sat Szlemesi</a></li>
<li><a href="/teslimat-ve-iade">Teslimat ve ade Politikas</a></li>
<li><a href="/hukuka-aykirilik-bildirimi">Hukuka Aykrlk Bildirimi</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="container">
<div class="row">
<ul>
<li><a href="/hakkimizda">Hakkmzda</a></li>
<li><a href="/reklam">Reklam & Birlikleri</a></li>
<li><a href="/iletisim">Bize Ulan</a></li>
</ul>
<div>
<span>WM Arac, <b>Cesur.NET nternet Teknolojileri</b>'nde gvenle barnmaktadr.</span>
</div>
</div>
</div>
</div>
</footer>
<div id="footerMenu">
<button style="z-index:1"><i class="icon-arrow-bottom"></i><i class="icon-arrow-top"></i></button>
<ul>
<li><a href="/"><i class="icon-home"></i>ANASAYFA</a></li>
<li><a href="/forum"><i class="icon-layers"></i>FORUM</a></li>
<li class="notification-count">
<a href="/pm" style="position:relative"><i class="icon-chat2"></i>MESAJLAR<span class="label notification-count" style="position: absolute;right: 30px;top: 6px;"></span></a>
</li>
<li><a href="/forum/uyeler/147845-tekbilism"><i class="icon-user"></i>PROFLM</a></li>
</ul>
</div>
</div>
<div id="mobileMenu">
<div class="content">
<div class="main">
<a href="#" class="icon-times"></a>
<div class="logined">
<div>
<a href="/forum/uyeler/147845-tekbilism">
<img src="https://cdn.wmaraci.com/user/profile/147845.png?1700384814" alt="TekBilism" />
<strong>TekBilism</strong>
</a>
<a href="/premium">Hesabn Ykselt <i class="icon-crown"></i></a>
</div>
<ul>
<li><a href="/pm"><i class="icon-bubble-speak"></i><span>zel Mesajlarm</span></a></li>
<li><a href="#" class="openSettings"><i class="icon-equalizer"></i><span>Site Ayarlar</span><b class="icon-arrow-right"></b></a></li>
<li><a href="/cikis"><i class="icon-logout"></i><span>k Yap</span></a></li>
</ul>
</div>
<ul class="menu">
<li><a href="/yeni-ilanlar"><i class="icon-shopping-basket"></i>lanlar</a></li>
<li><a href="/yeni-konular"><i class="icon-layers"></i>Konular</a></li>
<li class="subs">
<a href="#"><i class="icon-support"></i>Aralar<span class="icon-down-arrow"></span></a>
<ul class="vehicle">
<li>
<a href="/whois">
<i class="icon-folder-internet" style="color:#18C65D"></i>
<strong>Whois Sorgulama</strong>
Hzl ve kolay bir ekilde whois sorgulama yapn.
</a>
</li>
<li>
<a href="/ip-class-sorgulama">
<i class="icon-abc-block" style="color:#0382FF"></i>
<strong>IP Class Sorgulama</strong>
Siteleri a, b ve c ip class'larna gre ayrn.
</a>
</li>
<li>
<a href="/cekilis-araci">
<i class="icon-number-list" style="color:#83CB6A"></i>
<strong>ekili Arac</strong>
Gelimi zelliklere sahip ekili arac.
</a>
</li>
</ul>
</li>
</ul>
<ul class="sub">
<li><a href="/forum">Forum</a></li>
<li><a href="/kariyer">Kariyer</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/dizin">Dizin</a></li>
<li><a href="/nedir">Nedir?</a></li>
</ul>
</div>
<div class="settings">
<a href="#" class="icon-times"></a>
<div class="top">
<a href="#" class="icon-arrow-left"></a>
<strong>Site Ayarlar</strong>
</div>
<ul>
<li>
<div>
<i class="icon-setting"></i>
<span>Tema Seenei</span>
<div>
<div class="switch switch-grey">
<input type="checkbox" id="switchMobileThema" >
<label for="switchMobileThema"><i class="icon-sun"></i><i class="icon-moon"></i></label>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="icon-sound"></i>
<span>Site Sesleri</span>
<div>
<div class="switch switch-grey">
<input type="checkbox" id="switchMobileMute" class="toggle-user-permission" data-permission="permissionSound" checked >
<label for="switchMobileMute"><i class="icon-mute"></i><i class="icon-volume"></i></label>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="icon-bell"></i>
<span>Bildirimler</span>
<div>
<div class="switch">
<input type="checkbox" id="switchMobileNotice" class="toggle-user-permission" data-permission="permissionNotification" checked >
<label for="switchMobileNotice"></label>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="icon-bubble-speak"></i>
<span>zel Mesaj Al</span>
<div>
<div class="switch">
<input type="checkbox" id="switchMobilePrivateMessage" class="toggle-user-permission" data-permission="permissionPm" checked >
<label for="switchMobilePrivateMessage"></label>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="overlay"></div>
</div>
<div class="pop" id="popLogin">
<div class="content">
<div>
<div>
<div class="content login">
<div>
<div class="head3">
<h2>ye Girii Yap</h2>
<strong>Kullanc bilgileriniz ile ye girii yapabilirsiniz.</strong>
<i class="icon-account"></i>
<a href="#" data-pop-close="#popLogin" class="icon-times2"></a>
</div>
<div class="form">
<div class="form-group icon phone">
<i class="icon-phone-call"></i>
<span>Telefon numaranz</span>
<input type="text" name="email" class="activate-autocomplete" style="padding-left: 75px">
</div>
<div class="form-group icon">
<i class="icon-key"></i>
<span>ifreniz</span>
<input type="password" name="password" class="activate-autocomplete">
<b class="icon-eye"></b>
</div>
<div class="checkbox">
<input type="checkbox" name="rememberme" id="chckHistory" value="1">
<label for="chckHistory"><i class="icon-check"></i>Sonraki girilerimde beni hatrla.</label>
</div>
<button class="btn btn-md login-btn"><span class="icon reverse">ye Girii Yap <i class="icon-arrow-right"></i></span></button>
<button class="btn btn-extra-light-grey btn-sm forgot-password"><span>ifremi Unuttum!</span></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
<div id="fixMessages"></div>
<div id="backToTopBtn">
<span id="backToTopBtn-value">
↑
</span>
</div>
<script src="/assets/js/cash.min.js"></script>
<script src="/assets/js/build.js"></script>
<script src="/assets/js/wma.js?2"></script>
<script src="/assets/js/custom.js"></script>
<script src="https://js.pusher.com/7.2/pusher.min.js"></script>
<script>
$('input:not(.activate-autocomplete), form:not(.activate-autocomplete)').attr('autocomplete','new-password');
$("#footerMenu button").on("click",function(e){
if($("body").hasClass("openFooterMenu")){
wma.setCookie('mobileFoterMenu', 'off');
}else{
wma.setCookie('mobileFoterMenu', 'on');
}
});
$("#switchThema").on("change",function(){
var darkMode;
if($("#switchThema").prop("checked")){
$("body").addClass("dark");
wma.setCookie('darkMode', 'dark');
darkMode = 1;
}else{
$("body").removeClass("dark");
wma.setCookie('darkMode', '');
darkMode = 0;
}
if (wm.user.userid) {
wma.post('/profile/setDarkMode', {darkMode: darkMode}, function() {});
}
});
$("#switchMobileThema").on("change",function(){
var darkMode;
if($("#switchMobileThema").prop("checked")){
$("body").addClass("dark");
wma.setCookie('darkMode', 'dark');
darkMode = 1;
}else{
$("body").removeClass("dark");
wma.setCookie('darkMode', '');
darkMode = 0;
}
if (wm.user.userid) {
wma.post('/profile/setDarkMode', {darkMode: darkMode}, function() {});
}
});
$('#popLogin .forgot-password').on('click', function(e) {
e.preventDefault();
location.href = '/sifremi-unuttum';
});
$('#popLogin .login-btn').on('click', function(e) {
e.preventDefault();
var loginData = {
email: $('#popLogin input[name="email"]').val(),
password: $('#popLogin input[name="password"]').val(),
rememberme: $('#popLogin input[name="rememberme"]').is(':checked')
};
wma.post('/auth/login', loginData, function(data) {
if (data.status == 'success') {
if (data.sms) {
$('#popLogin [data-pop-close="#popLogin"]').trigger('click');
wma.form({
title: {
title: "Dorulama Kodunu Girin",
subTitle: "Giri iin telefonunuza gnderilen kodu girin.",
icon: "icon-sms",
},
fields: {
code: {
label: 'Dorulama Kodu',
value: '',
type: 'text'
}
},
callback: function(data) {
var newData = loginData;
newData.code = data.code;
wma.post('/auth/login', newData, function(d) {
if (d.status == 'success') {
location.href = location.href.replace('#', '');
} else {
wma.toast(d.title);
}
});
}
});
wma.activeModal.find('.content').css('width', '440px');
wma.activeModal.find('button').text('ye Girii Yap');
wma.activeModal.find('form').on('submit', function(e) {
e.preventDefault();
wma.activeModal.find('.mcuLoadingButton').trigger('click');
});
} else {
localStorage.removeItem('fixedConversations');
if (data.redirect == '/yeniden-degerlendir') {
location.href = data.redirect;
} else {
location.href = location.href.replace('#', '');
}
}
} else {
wma.toast(data);
}
});
return;
});
$('#popLogin input').on('keyup', function(e) {
if (e.key == 'Enter') {
$('#popLogin .login-btn').trigger('click');
}
});
var notificationCount = localStorage.getItem('notificationCount') || 0;
var conversationCount = localStorage.getItem('conversationCount') || 0;
$('.toggle-block-user').on('click', function(e) {
e.preventDefault();
var that = $(this);
var first = that.html();
that.html(wma.spinnerSm).attr('disabled', 'disabled');
wma.post('/account/toggleBlockUser', {userid: that.data('userid')}, function(d) {
if (d.status == 'success') {
that.html('<i class="icon-block"></i> ' + (d.isBlocked ? 'Engeli Kaldr' : 'Kullancy Engelle'));
} else {
that.html(first);
}
that.removeAttr('disabled');
wma.toast(d);
});
});
$('.toggle-friend').on('click', function(e) {
e.preventDefault();
var that = $(this);
var first = that.html();
that.html(wma.spinnerSm).attr('disabled', 'disabled');
wma.post('/account/toggleFriend', {userid: that.data('userid')}, function(d) {
if (d.status == 'success') {
that.html(d.isAdded ? '<span class="icon reverse">Arkadalk Davetini ptal Et<i class="icon-remove-friend"></i></span>' : '<span class="icon reverse">Arkada Ekle<i class="icon-add-friend"></i></span>');
} else {
that.html(first);
}
that.removeAttr('disabled');
wma.toast(d);
});
});
function getBarNotifications () {
wma.post('/profile/getBarNotifications', {}, function(data) {
if (data.notificationCount > 0) {
var notifications = '';
data.notifications.forEach(function(notif) {
if (wm.user.usergroupid > 0) {
notifications += '<li> <a href="/forum/bildirim/'+ notif.id +'" '+( notif.newPage == 1 ? 'target="_blank"' : '' )+' data-id="'+ notif.id +'" class="vn-container"> <div class="vn-image"> <img src="'+ notif.avatar +'" alt="'+ notif.username +'"> </div> <div class="vn-content"><strong>'+ notif.text +'</strong> <div class="vn-time"><time style="font-size:10px" datetime="'+ notif.sentAt +'">'+ timeago.format(notif.sentAt) +'</time> </div> </div> </a> </li>';
} else {
notifications += '<li> <a href="/forum/bildirim/'+ notif.id +'" '+( notif.newPage == 1 ? 'target="_blank"' : '' )+' data-id="'+ notif.id +'"> <span> <img src="'+ notif.avatar +'" alt="'+ notif.username +'"> </span> <span> <span>'+ notif.text +'</span> <time style="font-size:10px" datetime="'+ notif.sentAt +'">'+ timeago.format(notif.sentAt) +'</time> </span> </a> </li>';
}
});
$('.notification-holder .notification-count').text(data.notificationCount).show();
$('.notification-holder .notificationBox ul').html(notifications).show();
$('.markAllNotificationsAsRead').show();
if (data.notificationCount > notificationCount) {
playSound();
}
notificationCount = data.notificationCount;
localStorage.setItem('notificationCount', notificationCount);
} else {
$('.notification-holder .notification-count, .markAllNotificationsAsRead').hide();
$('.notification-holder .notificationBox ul').html('<li style="padding:1rem" class="notification-not-found">Yeni bildiriminiz yok.</li>');
}
});
}
function getBarConversations () {
wma.post('/conversation/getUnreadMessages', {}, function(data) {
var unreadCconversationCount = data.total;
if (unreadCconversationCount > 0) {
var conversations = '';
data.rows.forEach(function(conversation) {
if (conversation.lastMessage.includes('https://cdn.')) {
conversation.lastMessage = '<span style="display: flex;align-items: center;gap: 5px;"><span class="icon-image"></span><span>Grsel</span></span>';
}
if (wm.user.usergroupid > 0) {
conversations += '<li> <a href="/pm#id'+ conversation.conversationId +'" class="vn-container" data-conversationid="'+ conversation.conversationId +'" data-userid="'+ conversation.userid +'" data-username="'+ conversation.author +'" data-avatar="'+ conversation.avatar +'" data-isgroup="'+ conversation.isGroup +'"> <div class="vn-image"> <img src="'+ conversation.avatar +'" alt="'+ conversation.author +'"> '+( conversation.unreadPostCount ? '<em class="label">'+ conversation.unreadPostCount +'</em>' : '' )+' </div> <div class="vn-content">'+ conversation.author +'<br> '+ conversation.lastMessage +'<div class="vn-time"><time style="font-size:10px" datetime="'+ conversation.lastMessageAt +'">'+ wma.formatDateTime(conversation.lastMessageAt) +'</time> </div> </div> </a> </li>';
} else {
conversations += '<li> <a href="/pm#id'+ conversation.conversationId +'"> <span> <img src="'+ conversation.avatar +'" alt="'+ conversation.author +'"> '+( conversation.unreadPostCount ? '<em class="label">'+ conversation.unreadPostCount +'</em>' : '' )+' <strong></strong> </span> <span> <strong>'+ conversation.author +'</strong> <span class="one">'+ conversation.lastMessage +'</span> <time style="font-size:10px" datetime="'+ conversation.lastMessageAt +'">'+ wma.formatDateTime(conversation.lastMessageAt) +'</time> </span> </a> </li>';
}
});
$('.conversation-holder .notification-count, #footerMenu .notification-count .notification-count').text(unreadCconversationCount).show();
$('.conversation-holder .notificationBox ul').html(conversations).show();
if (unreadCconversationCount > conversationCount) {
playSound();
}
conversationCount = unreadCconversationCount;
localStorage.setItem('conversationCount', conversationCount);
} else {
$('.conversation-holder .notification-count, #footerMenu .notification-count .notification-count').hide();
$('.conversation-holder .notificationBox ul').html('<li style="padding:1rem" class="notification-not-found">Yeni mesajnz yok.</li>');
localStorage.setItem('conversationCount', 0);
}
});
}
getBarNotifications();
getBarConversations();
var pusher = new Pusher('f5c9f9ceb24d263814a4', {
cluster: 'eu',
encrypted: true,
channelAuthorization: {
endpoint: "/api/conversation/authenticateBroadcast",
},
forceTLS: true
});
var channel = pusher.subscribe('ch_wm_147845');
channel.bind('notification', function(data) {
notificationCount++;
var notification = '<li> <a href="/forum/bildirim/' + data.id + '" data-id="' + data.id + '" class="vn-container"> <div class="vn-image"> <img src="' + data.avatar + '" alt="' + data.username + '"> </div> <div class="vn-content"><strong>' + data.text + '</strong> <div class="vn-time"><time datetime="' + data.sentAt + '">' + timeago.format(data.sentAt) + '</time> </div> </div> </a> </li>';
$('.notification-holder .notification-not-found').remove();
$('.notification-holder .notification-count').text(notificationCount).show();
$('.notification-holder .notificationBox ul').prepend(notification).show();
$('.markAllNotificationsAsRead').show();
playSound();
localStorage.setItem('notificationCount', notificationCount);
});
channel.bind('pm_not', function(data) {
var printNotification = true;
if (data.postId && data.setAsRead) {
$('.conv-post[data-postid="'+ data.postId +'"]').find('.icon-double-check').removeAttr('style');
return;
}
$('.conversation-holder .notification-not-found').remove();
var conversationBox = wmpm.getConversationBoxById(data.conversationId);
if (!conversationBox) {
var conversationBox = wmpm.getConversationBoxByUserid(data.createdBy);
}
if (conversationBox) {
var postBody = wmpm.addFixPost(data);
conversationBox.querySelector('.c ul').innerHTML += postBody;
wmpm.goToBottom(conversationBox);
wmpm.setConversationAsRead(data.conversationId, data.postId);
wmpm.initLightbox();
printNotification = false;
return;
}
if (printNotification && data.createdBy != wm.user.userid) {
var prevNot = $('.conversation-holder .notificationBox ul').find('li a[data-userid="'+ data.createdBy +'"]');
if (prevNot.length > 0) {
$('.conversation-holder .notificationBox ul').find('li a[data-userid="'+ data.createdBy +'"]').parent().remove();
conversationCount = conversationCount - prevNot.length;
}
conversationCount++;
var conversation = '<li> <a href="/pm#id' + data.conversationId + '" class="vn-container" data-conversationid="'+ data.conversationId +'" data-userid="'+ data.createdBy +'" data-username="'+ data.author +'" data-avatar="'+ data.avatar +'" data-isgroup="'+ data.isGroup +'"> <div class="vn-image"> <img src="' + data.avatar + '" alt="' + data.author + '"> </div> <div class="vn-content">' + data.author + '<br> ' + data.message.toString().substring(0, 75) + '<div class="vn-time"><time datetime="' + data.lastMessageAt + '">' + wma.formatDateTime(data.createdAt) + '</time> </div> </div> </a> </li>';
$('.conversation-holder .notification-count, #footerMenu .notification-count .notification-count').text(conversationCount).show();
$('.conversation-holder .notificationBox ul').prepend(conversation).show();
playSound();
localStorage.setItem('conversationCount', conversationCount);
}
});
$('body').on('click', '.notification-holder .vn-container', function(e) {
notificationCount--;
if (notificationCount <= 0) {
notificationCount = 0;
}
localStorage.setItem('notificationCount', notificationCount);
});
$('body').on('click', '.conversation-holder .vn-container', function(e) {
if ($(this).data('isgroup')) {
return;
}
e.preventDefault();
e.stopPropagation();
var conversationId = $(this).data('conversationid');
var box = wmpm.conversations.find(conv => conv.conversationId = conversationId);
var data = {
id: box ? box.id : 0,
conversationId: conversationId,
userid: $(this).data('userid'),
username: $(this).data('username'),
avatar: $(this).data('avatar'),
datetime: new Date().toISOString().split('T')[0],
message: '',
};
wmpm.createConversation(data);
$('.conversation-holder .notificationBox').attr('style', 'display: none');
setTimeout(function() {
$('.conversation-holder .notificationBox').removeAttr('style');
}, 10);
conversationCount--;
var holder = $('.conversation-holder .notification-count, #footerMenu .notification-count .notification-count');
if (conversationCount <= 0) {
conversationCount = 0;
holder.hide();
}
holder.text(conversationCount);
localStorage.setItem('conversationCount', conversationCount);
$(this).parent().remove();
});
$('body').on('click', '.markAllNotificationsAsRead', function(e) {
e.preventDefault();
var that = $(this);
var first = that.html();
that.html(wma.spinnerSm);
wma.post('/profile/markAllNotificationsAsRead', {}, function(data) {
$('.notification-holder .notification-count').text(0).hide();
notificationCount = 0;
localStorage.setItem('notificationCount', 0);
that.html(first);
});
});
var wmpm = {
conversations: [],
activeChannels: [],
maxUploadSize: 5120,
getConversationBox: function(id) {
return document.querySelector('.popup-conversation-holder[data-id="'+ id +'"]');
},
getConversationBoxById: function(convid) {
return document.querySelector('.popup-conversation-holder[data-convid="'+ convid +'"]');
},
getConversationBoxByUserid: function(userid) {
return document.querySelector('.popup-conversation-holder[data-userid="'+ userid +'"]');
},
getMaxId: function(id) {
var ids = this.conversations.map(function(conversation) {
return conversation.id;
});
var maxId = Math.max.apply(Math, ids);
return maxId > 0 ? maxId + 1 : 1;
},
findConversation: function(userid) {
return this.conversations.find(function(conversation) {
return conversation.userid == userid;
});
},
createConversation: function(data) {
var conversation = this.findConversation(data.userid);
if (this.conversations.length >= 2 || (this.conversations.length >= 1 && $(document).width() < 900)) {
this.conversations.shift();
document.querySelector('.popup-conversation-holder:first-child').remove();
}
if (conversation) {
return this.openConversation(conversation);
}
data.id = this.getMaxId();
this.conversations.push(data);
localStorage.setItem('fixedConversations', JSON.stringify(this.conversations));
this.openConversation(data);
},
openConversation: function(conversation) {
if (document.querySelector('.popup-conversation-holder[data-id="'+ conversation.id +'"]')) {
return;
}
var conversationHolder = document.createElement('div');
conversationHolder.className = 'popup-conversation-holder';
conversationHolder.dataset.id = conversation.id;
conversationHolder.dataset.convid = conversation.conversationId || 0;
conversationHolder.dataset.userid = conversation.userid || 0;
conversationHolder.style.zIndex = 9999;
template = '<div>';
template += '<div class="t">';
template += '<div>';
template += '<ol>';
template += '<li><a href="/forum/uyeler/'+ conversation.userid +'-'+ wma.seo(conversation.username) +'" class="user-avatar"><img src="' + conversation.avatar + '" alt="' + conversation.username + '"></a></li>';
template += '</ol>';
template += '</div>';
template += '<p>';
template += '<a href="#"><strong>' + conversation.username + '</strong></a>';
template += '<time>' + wma.formatDate(conversation.datetime) + '</time>';
template += '</p>';
template += '<ul>';
template += '<li><a href="#" class="icon-full-screen"></a></li>';
template += '<li><a href="#" class="icon-times close-popup-conversation"></a></li>';
template += '</ul>';
template += '</div>';
template += '<div class="c bottomScroll"><ul></ul></div>';
template += '<div class="b">';
template += '<textarea placeholder="Bu alan kullanarak mesaj yazabilirsiniz..." class="popup-conversation-message" rows="3">' + conversation.message + '</textarea>';
template += '<div>';
template += '<ul>';
template += '<li><a href="#" class="icon-image2 fixed-upload-file"></a></li>';
template += '<li><a href="#" class="icon-happy"></a></li>';
template += '<li><a href="#" class="icon-voice"></a></li>';
template += '</ul>';
template += '<div>';
template += '<button class="btn send-fix-post"><span>GNDER<i class="icon-send"></i></span></button>';
template += '</div>';
template += '</div>';
template += '<div class="is-uploading"><i class="spinner-border"></i></div>';
template += '<div class="drag-area">Dosyay buraya brakn.</div>';
template += '</div>';
template += '</div>';
template += '</div>';
conversationHolder.innerHTML = template;
document.querySelector('#fixMessages').appendChild(conversationHolder);
var conversationBox = wmpm.getConversationBox(conversation.id);
conversationBox.querySelector('.close-popup-conversation').addEventListener("click", function(e) {
e.preventDefault();
conversationHolder.remove();
wmpm.deleteConversation(conversation);
});
conversationBox.querySelector('.icon-full-screen').addEventListener("click", function(e) {
e.preventDefault();
conversationHolder.remove();
wmpm.deleteConversation(conversation);
location.href = '/pm#id' + conversation.conversationId;
});
conversationBox.querySelector('textarea').addEventListener("keydown", function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
if (e.altKey) {
this.value += "
";
} else {
e.preventDefault();
wmpm.updateMessage(conversation, this.value);
wmpm.addPost(conversationBox, conversation);
}
}
});
conversationBox.querySelector('textarea').addEventListener("change", function(e) {
wmpm.updateMessage(conversation, this.value);
});
conversationBox.querySelector('.send-fix-post').addEventListener("click", function(e) {
wmpm.addPost(conversationBox, conversation);
});
conversationBox.querySelector('.fixed-upload-file').addEventListener("click", function(e) {
e.preventDefault();
wmpm.base64UploadTrigger(conversationBox, conversation);
});
conversationBox.onpaste = (event) => {
var items = (event.clipboardData ?? event.originalEvent.clipboardData)
.items;
for (var item of items) {
if (item.kind === "file" && item.type.includes('image/')) {
var file = item.getAsFile();
if (file.size * 0.15 / 1024 > wmpm.maxUploadSize) {
wma.toast('Maksimum dosya boyutu 5 MB');
} else {
var reader = new FileReader();
reader.onload = (e) => {
conversationBox.querySelector('.is-uploading').classList.add('visible');
wmpm.base64Upload(e.target.result, conversationBox, conversation);
};
reader.readAsDataURL(file);
wmpm.updateMessage(conversation, '');
}
}
}
};
conversationBox.querySelector('.b').addEventListener("dragover", function(e) {
e.preventDefault();
e.stopPropagation()
conversationBox.querySelector('.drag-area').classList.add('visible');
});
conversationBox.querySelector('.drag-area').addEventListener("dragleave", function(e) {
e.preventDefault();
e.stopPropagation()
conversationBox.querySelector('.drag-area').classList.remove('visible');
});
conversationBox.querySelector('.drag-area').addEventListener("drop", function(e) {
e.stopPropagation();
e.preventDefault();
conversationBox.querySelector('.drag-area').classList.remove('visible');
var files = e.dataTransfer.files;
if (files) {
var file = files[0];
if (file.size / 1024 > wmpm.maxUploadSize) {
return wma.toast('Maksimum dosya boyutu 5 MB');;
}
wmpm.readFile(file, conversationBox, conversation);
}
});
this.getPosts(conversationBox, conversation);
},
readFile: function(file, conversationBox, conversation) {
var reader = new FileReader();
reader.onload = (e) => {
conversationBox.querySelector('.is-uploading').classList.add('visible');
wmpm.base64Upload(e.target.result, conversationBox, conversation);
};
reader.readAsDataURL(file);
},
setConversations: function() {
localStorage.setItem('fixedConversations', JSON.stringify(this.conversations));
},
getConversations: function() {
var storage = localStorage.getItem('fixedConversations');
if (storage) {
storage = JSON.parse(storage);
} else {
storage = [];
}
this.conversations = storage;
this.conversations.forEach(function(conversation) {
wmpm.openConversation(conversation);
});
},
deleteConversation: function(conversation) {
this.conversations = this.conversations.filter(function(el) {
return el.id != conversation.id;
});
this.setConversations();
},
updateMessage: function(conversation, value) {
conversation.message = value
this.setConversations();
},
getPosts: function(conversationBox, conversation) {
var postList = '';
conversationBox.querySelector('.c ul').innerHTML = '<li>' + wma.spinnerSm + '</li>';
var that = this;
wma.post('/conversation/getUserPosts', {userid: conversation.userid}, function(data) {
if (data.rows) {
data.rows.forEach(function(post) {
postList += wmpm.addFixPost(post);
});
}
conversation.conversationId = Number(data.conversationId);
conversationBox.dataset.convid = data.conversationId;
conversationBox.querySelector('.c ul').innerHTML = postList;
var dot = conversationBox.querySelector('.user-avatar .dot');
if (dot) { dot.remove(); }
conversationBox.querySelector('.user-avatar').innerHTML += '<span class="dot '+ wma.isOnline(data.online) +'"></span>';
wmpm.initLightbox();
wmpm.goToBottom(conversationBox);
});
},
addFixPost: function(post) {
var myPost = post.createdBy == wm.user.userid;
var readStatus = myPost ? '<i class="icon-double-check" '+( post.isRead == 1 ? '' : 'style="color:gray"' )+'></i>' : '';
// var author = '<a href="/forum/uyeler/'+ post.createdBy +'-'+ wma.seo(post.author) +'">'+ post.author +'</a>';
var author = '';
return '<li data-postid="'+ post.postId +'" class="conv-post'+( post.createdBy == 147845 ? ' my' : '' )+'">\
<div>\
'+ author +'<p>'+ nl2br(this.linkify(this.htmlEntity(post.message))) +'</p>\
<time datetime="'+ post.createdAt +'">'+ wma.formatDateTime(post.createdAt) +'</time>\
'+ readStatus +'\
</div>\
</li>';
},
linkify: function(inputText) {
var replacePattern1, replacePattern2, replacePattern3, replacePattern4, replacePattern5;
var replacedText = inputText;
replacePattern4 = /(https?:\/\/\S+(?:\.png|\.jpe?g|\.gif))/;
replacedText = replacedText.replace(replacePattern4, (url) => {
return '<a data-fslightbox="gallery" data-type="image" target="_blank" href="'+ url.replace('_t', '') +'"><img src="'+ url +'" /></a>';
});
replacePattern2 = /(^|[^\/])(www\.[\S]+(|$))/gim;
replacedText = replacedText.replace(replacePattern2, '$1<a href="http://$2" target="_blank">$2</a>');
replacePattern5 = /(https?:\/\/(?!.*\.(jpe?g|png|gif))[^\s]+)/g;
replacedText = replacedText.replace(replacePattern5, '<a href="$1" target="_blank">$1</a>');
replacePattern3 = /(([a-zA-Z0-9\-\_\.])+@[a-zA-Z\_]+?(\.[a-zA-Z]{2,6})+)/gim;
replacedText = replacedText.replace(replacePattern3, '<a href="mailto:$1">$1</a>');
return replacedText;
},
htmlEntity: function(string) {
return String(string).replace(/&/g, '&').replace(/>/g, '>').replace(/</g, '<').replace(/"/g, '"');
},
goToBottom: function(conversationBox) {
conversationBox.querySelector('.c').scrollTop = conversationBox.querySelector('.c').scrollHeight;
},
addPost: function(conversationBox, conversation) {
if (conversation.message.trim() == '') {
return;
}
var submitButton = conversationBox.querySelector('.send-fix-post');
var post = {
conversationId: conversation.conversationId,
toUserid: [conversation.userid],
createdBy: '147845',
createdAt: new Date().toISOString().replace(/(T|Z)/g, ' ').trim(),
author: 'TekBilism',
message: conversation.message
};
var first = submitButton.innerHTML;
submitButton.innerHTML = '...';
submitButton.disabled = true;
wma.post('/conversation/addPost', post, function(d) {
submitButton.innerHTML = first;
submitButton.disabled = false;
if (d.status != 'success') {
wma.toast(d);
} else {
if (wm.user.usergroupid > 0) {
if (conversation.conversationId == 0) {
post.postId = d.postId;
post.isRead = 0;
var postBody = wmpm.addFixPost(post);
conversationBox.querySelector('.c ul').innerHTML += postBody;
wmpm.conversations.forEach(function(conv, index) {
if (conv.id == conversation.id) {
wmpm.conversations[index].conversationId = Number(d.conversationId);
}
});
}
conversationBox.querySelector('textarea').value = '';
conversationBox.dataset.convid = d.conversationId;
conversation.conversationId = Number(d.conversationId);
wmpm.updateMessage(conversation, '');
} else {
var postBody = wmpm.addFixPost(post);
conversationBox.querySelector('.c ul').innerHTML += postBody;
conversationBox.querySelector('textarea').value = '';
conversationBox.dataset.convid = d.conversationId;
conversation.conversationId = d.conversationId;
wmpm.initLightbox();
wmpm.updateMessage(conversation, '');
wmpm.goToBottom(conversationBox);
}
}
});
},
base64UploadTrigger(conversationBox, conversation, cb) {
var fileInput = document.createElement('input');
fileInput.setAttribute('type', 'file');
fileInput.setAttribute('class', 'd-none');
fileInput.setAttribute('accept', 'image/png, image/jpeg, image/jpg');
fileInput.addEventListener('change', () => {
if (fileInput.files != null && fileInput.files[0] != null) {
if (fileInput.files[0].size/1024 > wmpm.maxUploadSize) {
return wma.toast('Maksimum dosya boyutu 5 MB');;
}
conversationBox.querySelector('.is-uploading').classList.add('visible');
let reader = new FileReader();
reader.onload = (e) => {
this.base64Upload(e.target.result, conversationBox, conversation, cb);
fileInput.value = '';
};
reader.readAsDataURL(fileInput.files[0]);
}
});
fileInput.click();
},
base64Upload(src, conversationBox, conversation, cb) {
var post = {
conversationId: conversation.conversationId,
toUserid: conversation.toUserid ? conversation.toUserid : [conversation.userid],
createdBy: wm.user.userid,
createdAt: new Date().toISOString().replace(/(T|Z)/g, ' ').trim(),
author: wm.user.username,
message: src
};
wma.post('/conversation/uploadFile', post, function(data) {
conversationBox.querySelector('.is-uploading').classList.remove('visible');
if (data.status != 'success') {
wma.toast(data);
} else if (cb) {
post.message = data.file;
cb(post);
}
});
},
setConversationAsRead(conversationId, postId) {
wma.post('/conversation/setConversationAsRead', {conversationId: conversationId, postId: postId}, function(data) {});
},
initLightbox() {
if ($('a[data-fslightbox="gallery"]').length == 0) {
return;
}
var existingScript = document.getElementById("fslightbox");
if (existingScript) {
refreshFsLightbox();
return;
}
var script = document.createElement("script");
script.src = "/assets/plugins/fslightbox/fslightbox.js";
script.async = true;
script.defer = true;
script.id = "fslightbox";
script.onload = function() {
refreshFsLightbox();
};
document.body.appendChild(script);
}
};
wmpm.getConversations();
$('body').on('click', '.start-popup-conversation', function(e) {
e.preventDefault();
var data = {
id: 0,
conversationId: 0,
userid: $(this).data('userid'),
username: $(this).data('username'),
avatar: $(this).data('avatar'),
datetime: new Date().toISOString().split('T')[0],
message: '',
};
wmpm.createConversation(data);
});
function playSound() {
if (document.getElementById('notification-sound')) {
document.getElementById('notification-sound').remove();
}
var audio = new Audio('/assets/sound/chime.ogg');
audio.play();
}
$('.toggle-user-permission').on('change', function() {
var data = {
permission: $(this).data('permission'),
value: $(this).is(':checked')
};
wma.post('/account/togglePreference', data, function(d) {});
});
$('.user-status-checker ul label').on('click', function(e) {
e.preventDefault();
var data = {
status: $(this).data('status')
};
wma.post('/account/toggleStatus', data, function(d) {
if (d.status !== 'success') {
wma.toast(d);
}
});
});
var lastScrollTop = 0;
window.addEventListener("scroll", function() {
var st = window.pageYOffset || document.documentElement.scrollTop;
if (st > lastScrollTop) {
$('header .top, header .mobile').addClass('sticky-header');
} else if (st < lastScrollTop) {
$('header .top, header .mobile').removeClass('sticky-header');
}
lastScrollTop = st <= 0 ? 0 : st;
}, false);
let calcScrollValue = () => {
let scrollProgress = document.getElementById("backToTopBtn");
let progressValue = document.getElementById("backToTopBtn-value");
let pos = document.documentElement.scrollTop;
let calcHeight =
document.documentElement.scrollHeight -
document.documentElement.clientHeight;
let scrollValue = Math.round((pos * 100) / calcHeight);
if (pos > 100) {
scrollProgress.style.display = "grid";
} else {
scrollProgress.style.display = "none";
}
scrollProgress.addEventListener("click", () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
scrollProgress.style.background = `conic-gradient(#283c5a ${scrollValue}%, #d7d7d7 ${scrollValue}%)`;
};
window.onscroll = calcScrollValue;
window.onload = calcScrollValue;
$('#txtSearch').on('click keyup', function(e) {
if (e.which === 40 || e.which === 38) {
return;
}
wma.post('/search/getSearchLog', {}, function(data) {
var list = '';
data.forEach(q => {
list += '<li>'+ q +'</li>';
});
$('#latest-searchs').html(list)
$('#latest-searchs').show();
});
});
let searchQueryIndex = -1;
$('#txtSearch').on('keydown', function(e) {
var keyCode = e.keyCode || e.which;
var ul = $('#latest-searchs');
var len = ul.find('li').length;
if (keyCode === 40) {
searchQueryIndex++;
prevIndex = searchQueryIndex - 1;
if (searchQueryIndex > len - 1) {
searchQueryIndex = 0;
prevIndex = len - 1;
}
ul.find('li').removeClass('selected');
ul.find('li').eq(searchQueryIndex).addClass('selected');
} else if (keyCode === 38) {
searchQueryIndex--;
prevIndex = searchQueryIndex + 1;
if (searchQueryIndex < 0) {
searchQueryIndex = len - 1;
}
ul.find('li').removeClass('selected');
ul.find('li').eq(searchQueryIndex).addClass('selected');
} else if (keyCode === 13) {
e.preventDefault();
if (ul.find('li.selected').length) {
var text = ul.find('li').eq(searchQueryIndex).text();
$('#txtSearch').val(text);
}
$('#txtSearch').parent().trigger('submit');
}
});
$('body').on('click', '#latest-searchs li', function() {
$('#txtSearch').val($(this).text());
$('#txtSearch').parent().trigger('submit');
});
$(document).on('scroll', function(e) {
$('#latest-searchs').hide();
});
$(document).on('mouseup', function(e) {
var container = $("#txtSearch");
if (!container.is(e.target) && container.has(e.target).length === 0) {
$('#latest-searchs').hide();
}
});
</script>
<script>
$('#submit-form').on('click', function(e) {
e.preventDefault();
$('#results').addClass('none').html('');
var that = $(this);
var first = that.html();
that.html(wma.spinnerSm);
wma.post('/tool/encryptHtml', $('#tool-form')[0], function(data) {
that.html(first);
if (data.status == 'success') {
$('#tool-code').val(data.result);
} else {
wma.toast(data);
}
});
});
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-8647194-20"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-8647194-20');
</script>
</body>
</html>
?>Did this file decode correctly?
Original Code
<!doctype html>
<html lang="tr" itemscope="" itemtype="https://schema.org/Organization">
<head>
<meta charset="utf-8">
<title>HTML Kod ifreleyici | WM Arac</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#19283f">
<link rel="stylesheet" href="/assets/icon/style.css?6" />
<link rel="stylesheet" href="/assets/css/base.min.css?6" />
<link rel="stylesheet" href="/assets/css/wma.css?6" />
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.ico" />
<style>
body * {
transition-duration: 0 !important;
}
header .top, header .mobile {
position: fixed !important;
width: 100% !important;
z-index: 999 !important;
transition: top .5s;
top: 0;
left: 0;
}
header .bottom {
margin-top: 91px;
}
.sticky-header {
top: -91px !important;
}
@media (max-width: 767px) {
.ads-container {
margin-top: 91px !important;
}
}
#txtSearch::placeholder {color: #c2cbd8}
#latest-searchs {
display: none;
position: absolute;
background: #fff;
width: 300px;
margin-top: -1px;
}
#latest-searchs li {
padding: 10px 25px;
border-bottom: 1px solid #eee;
}
#latest-searchs li:hover,
#latest-searchs li.selected {
background: #F7FAFF;
}
.darks.dark #latest-searchs {
background: #485b78;
}
.darks.dark #latest-searchs li {
border-color: #2e415d;
color: #c2cbd8;
}
.darks.dark #latest-searchs li:hover,
.darks.dark #latest-searchs li.selected {
background: #273550;
}
.ads-container {
margin-top: 10px;
margin-bottom:-20px;
}
.login i,
.login span {
z-index: 9 !important;
}
.ql-editor {
min-height: 250px;
background: #fff;
}
.ql-align-center {
text-align: center;
}
.ql-align-right {
text-align: right;
}
.ql-align-justify {
text-align: justify;
}
.darks.dark .ql-editor,
.darks.dark .ql-picker-options {
background: #1F2D45;
color: #fff;
}
.darks.dark .ql-editor::placeholder {
color: #fff;
opacity: 1;
}
.darks.dark .ql-editor.ql-blank::before {
color: #fff;
}
.darks.dark .ql-container.ql-snow,
.darks.dark .ql-toolbar.ql-snow {
background: #1F2D45;
border: 1px solid #2E415E;
color: #fff;
}
.darks.dark .ql-snow .ql-stroke {
stroke: #fff;
}
.darks.dark .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
fill: #fff;
}
.darks.dark .ql-snow .ql-picker {
color: #fff !important;
}
.darks.dark #tool #results {
background: #1F2D45;
border: 1px solid #374A67;
}
.ql-toolbar {
width: 100%;
white-space: nowrap;
}
.ql-toolbar .ql-formats:first-child {
display: none;
}
select {
-webkit-appearance: none;
appearance: none;
}
.select-wrapper:after {
content: "";
color: #ccc;
margin-left: -30px;
}
#fixMessages > div > div .c li {
word-break: break-word;
}
#fixMessages > div > div .c ul li > div img {
border-radius: 5px;
}
#backToTopBtn {
position: fixed;
bottom: 20px;
right: 10px;
height: 60px;
width: 60px;
display: none;
place-items: center;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
cursor: pointer;
z-index: 9999;
}
#backToTopBtn-value {
display: block;
height: calc(100% - 15px);
width: calc(100% - 15px);
background-color: #ffffff;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 30px;
color: #001a2e;
}
@media (min-width: 767px) {
.hideDesktop {
display: none;
}
}
@media (max-width: 767px) {
body {
overflow-x: hidden;
}
.hideMobile {
display: none;
}
.ql-toolbar {
width: 100%;
white-space: normal;
}
.ql-toolbar:not(.hidden_menus) > span:nth-last-child(-n+8) {
display: none;
}
.ql-toolbar:not(.hidden_menus) .octicon-chevron-up {
display: none;
}
.ql-toolbar .ql-formats:first-child {
display: inline-block;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 3px !important;
}
#profile .content div.page {
order: 1;
margin-bottom: 1rem;
}
#profile .content div.left {
display: none;
}
.modal-footer .action-buttons {
display: block !important;
}
.modal-footer .action-buttons .btn2 {
margin-bottom: 1rem;
}
#forum {
margin-top: 2rem;
}
.blogItem > div ul li:first-child {
display: none;
}
footer .bottom .row ul {
text-align: center;
}
#backToTopBtn {
bottom: 80px;
}
}
.mention {
border-bottom: 1px dotted;
border-color: inherit;
color: #3483f7;
font-weight: bold;
--c: #3483f7; /* the color */
--s: .15em;
line-height:1.1em;
padding-bottom: calc(2.1*var(--s));
background:
conic-gradient(from 135deg at top,var(--c) 90deg,#0000 0)
left 0 bottom var(--s)/calc(2*var(--s)) var(--s) repeat-x,
conic-gradient(from -45deg at bottom,var(--c) 90deg,#0000 0)
left var(--s) bottom 0/calc(2*var(--s)) var(--s) repeat-x;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0) 0/var(--_p,0%) padding-box no-repeat;
transition: .5s;
}
.mention:hover {
--_p: 100%;
color: 3483f7;
}
#profile .top .t {
background: #EEF3FA;
}
.darks.dark #profile .top .t {
background: #101B2C;
}
.thread-highlight, .post-deleted, .thread-deleted {
background: #FFFDE7 !important;
}
.thread-deleted .h a{
text-decoration: line-through !important;
}
.quote {
position: relative;
margin-bottom: 10px;
background: #FCFDFF;
border: 1px solid #D5DBE2;
border-radius: 5px;
padding: 12px 75px 12px 20px;
margin: 0;
}
.quote .author a {
color: #6E7F99;
}
.quote .author:before {
font-family: 'icomoon' !important;
content: '\e909';
font-size: 10px;
color: #EA9A00;
margin-right: 10px;
}
.quote .author strong {
color: #0382FF;
font-weight: normal;
}
.darks.dark .quote {
background: #203049;
border-color: #2E415D;
color: #D1D9E4;
}
.darks.dark .note-editable {
color: #fff !important;
}
.dark #widget .wlist li {
border-color: #23334C;
}
.dark #widget .wlist li:nth-child(2n) {
background: #18263A;
}
.dark #widget .wlist {
background: #1B293F;
}
.widget {
background: #fff;
border-radius: 5px;
margin: 1rem 0;
padding: 1rem;
}
.form-group select {
width: 100%;
padding: 35px 15px 10px 26px;
border: none;
background: none;
position: relative;
display: block;
z-index: 2;
font-size: 14px;
color: #596880;
line-height: 24px;
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: currentcolor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite;
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em;
}
#profile .content .page .tradingStatus table tbody tr td:first-child {
padding: 0 !important;
}
.notificationBox > div > ul li:first-child:last-child {
text-align: left !important;
}
.modal-footer .action-buttons {
display:flex;
justify-content:center;
gap:1rem;
margin:1rem 0;
}
.modal-footer .action-buttons .btn2 {
width: 100%;
}
.visitor-notifications .vn a span {
position: relative !important;
}
.visitor-notifications .vn a img {
width: 35px;
}
.popup-conversation-holder .b {
position: relative;
}
.drag-area, .is-uploading {
display: none !important;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background: #121a1f;
z-index: 99;
justify-content: center !important;
align-items: center !important;
font-size: 28px;
}
.drag-area.visible, .is-uploading.visible {
display: flex !important;
}
.notificationBox .vn-image {
position: relative;
}
.notificationBox .vn-image img {
border-radius: 5px;
}
.notificationBox .vn-image .label {
position: absolute;
right: -10px;
top: -3px;
font-size: 11px;
}
body.openFooterMenu {
padding-bottom: 69px;
}
@media (min-width: 767px) {
body.openFooterMenu {
padding-bottom: 0 !important;
}
}
@keyframes spinner-border {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.mcu-toast-close {
font-size: 10px;
color: #BCC3CD;
}
.conv-post a {
border-bottom: 1px dotted;
}
</style>
<link rel="stylesheet" href="/assets/css/tools.css?6" />
<script>
var wm = {
apiUrl: 'https://wmaraci.com/api',
user: {
userid: 147845,
usergroupid: 2,
username: 'TekBilism',
avatar: 'https://cdn.wmaraci.com/user/profile/147845.png?1700384814'
},
};
</script>
</head>
<body class="darks openFooterMenu">
<div class="page">
<header>
<div class="top">
<div class="container">
<div class="row">
<div class="logo">
<a href="/"><img src="/assets/img/logo.svg" width="176" height="36" alt="wmaraci"></a>
</div>
<div class="search">
<form action="/arama" method="get" autocomplete="off" onsubmit="if(document.querySelector('#txtSearch').value.trim().length === 0) return false">
<input type="text" id="txtSearch" name="q" placeholder="Wmarac ierisinde arama yap..." autocomplete="new-password">
<button class="icon-magnifying-glass"></button>
<label for="txtSearch" class="icon-magnifying-glass"></label>
</form>
<ul id="latest-searchs"></ul>
</div>
<ul class="menu">
<li><a href="/forum">Forum</a></li>
<li><a href="/kariyer">Kariyer</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/dizin">Dizin</a></li>
<li><a href="/nedir">Nedir?</a></li>
</ul>
<div class="logined">
<div>
<div class="dot"></div>
<a href="/forum/uyeler/147845-tekbilism">
<img src="/assets/img/load.svg" data-src="https://cdn.wmaraci.com/user/profile/147845.png?1700384814" alt="TekBilism" />
<strong>TekBilism</strong>
</a>
<a href="/premium">Hesabn Ykselt <i class="icon-crown"></i></a>
</div>
<ul>
<li class="notification-holder">
<a href="#"><i class="icon-bell"></i><span class="label notification-count" style="display:none">0</span></a>
<div class="notificationBox">
<div>
<div class="t">
<strong><i class="icon-bell"></i>Bildirimleriniz</strong>
<div><a href="#" class="markAllNotificationsAsRead">Tm Bildirimleri Okundu Say</a></div>
</div>
<ul></ul>
<a href="/bildirimler">Tm Bildirimleriniz</a>
</div>
</div>
</li>
<li class="conversation-holder">
<a href="#"><i class="icon-bubble-speak"></i><span class="label notification-count"></span></a>
<div class="notificationBox">
<div>
<div class="t">
<strong><i class="icon-bubble-speak"></i>zel Mesajlarnz</strong>
<div><a href="/pm">Yeni zel Mesaj<i class="icon-plus"></i></a></div>
</div>
<ul></ul>
<a href="/pm">Tm zel Mesajlarm</a>
</div>
</div>
</li>
<li>
<a href="#"><i class="icon-account-2"></i></a>
<div class="notificationBox">
<div>
<div class="l">
<div>
<span class="dot"></span>
<img src="/assets/demo/loginedHead.png" data-src="https://cdn.wmaraci.com/user/profile/147845.png?1700384814" alt="TekBilism" />
<strong>TekBilism</strong>
<a href="#">Tek Biliim</a>
<time datetime="2008-02-14 20:00">Bugn, 21:27</time>
<div data-dropdown="" data-dropdown="" class="dropdown user-status-checker">
<input type="checkbox" id="checkStatus2">
<label class="label" for="checkStatus2"><span><span class="dot"></span> </span><i class="icon-down-arrow"></i></label>
<ul>
<li><label for="checkStatus2" data-status="1"><span class="dot"></span>evrim ii</label></li>
<li><label for="checkStatus2" data-status="2"><span class="dot dot-warning"></span>Megul</label></li>
<li><label for="checkStatus2" data-status="3"><span class="dot dot-gray"></span>evrim d</label></li>
</ul>
</div>
</div>
<ul class="row">
<li>
<a class="btn btn-sm btn-dark w100" href="/premium"><span class="icon reverse">Hesap Ykselt<i class="icon-crown"></i></span></a>
</li>
<li>
<a class="btn btn-sm w100" href="/forum/yeni-konu"><span class="icon reverse">Yeni Konu A<i class="icon-plus-square"></i></span></a>
</li>
</ul>
</div>
<ol>
<li>
<a href="/forum/uyeler/147845-tekbilism">
<strong><i class="icon-user"></i>Profil Sayfam</strong>
</a>
</li>
<li>
<a href="/forum/hesap/profil">
<strong><i class="icon-cog"></i>yelik Bilgilerim</strong>
</a>
</li>
<li>
<a href="/forum/hesap/banka">
<strong><i class="icon-bank"></i>Banka Bilgilerim</strong>
</a>
</li>
<li>
<a href="/forum/hesap/abonelikler">
<strong><i class="icon-layers"></i>Konu/Mesaj Aboneliklerim</strong>
</a>
</li>
<li>
<a href="/forum/uyeler/147845-tekbilism/gecmis">
<strong><i class="icon-history"></i>Gemi lemlerim</strong>
</a>
</li>
<li>
<a href="/forum/hesap/onay">
<strong><i class="icon-verify"></i>Hesap Dorulama</strong>
</a>
</li>
<li>
<a href="/cikis">
<strong><i class="icon-logout"></i>k Yap</strong>
</a>
</li>
</ol>
</div>
</div>
</li>
</ul>
</div>
<style>
.login .notice .visitor-notifications {
display: none;
}
.login .notice:hover .visitor-notifications {
display: block;
}
.visitor-notifications {
position:absolute;
width:300px;
margin-top:10px;
background:#fff;
z-index:1;
border:1px solid #ccc;
border-radius: 5px;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.visitor-notifications .vn {
padding:10px;
color: #6E7F99;
font-weight: 500;
font-size: 14px;
line-height: 24px;
border-bottom: 1px solid #ccc;
}
.darks.dark .visitor-notifications {
background: #1E2F48;
border-color: #283C5A;
}
.darks.dark .visitor-notifications .vn {
border-color: #23334D;
}
</style>
</div>
</div>
</div>
<div class="bottom">
<div class="container">
<div class="row">
<ul class="menu">
<li><a href="/yeni-ilanlar"><span><i class="icon-shopping-basket"></i>lanlar</span></a></li>
<li><a href="/yeni-konular"><span><i class="icon-layers"></i>Konular</span></a></li>
<!--<li><a href="/yeni-mesajlar"><span><i class="icon-speech-bubble-with-text-lines"></i>Yeni Mesajlar</span></a></li>-->
</ul>
<div class="right">
<div class="vehicles">
<a href="/araclar">
<i class="icon-support"></i>
Aralar
<span class="icon-down-arrow"></span>
</a>
<ul>
<li>
<a href="/whois">
<i class="icon-folder-internet" style="color:#18C65D"></i>
<strong>Whois Sorgulama</strong>
Hzl ve kolay bir ekilde whois sorgulama yapn.
</a>
</li>
<li>
<a href="/ip-class-sorgulama">
<i class="icon-abc-block" style="color:#0382FF"></i>
<strong>IP Class Sorgulama</strong>
Siteleri a, b ve c ip class'larna gre ayrn.
</a>
</li>
<li>
<a href="/cekilis-araci">
<i class="icon-number-list" style="color:#83CB6A"></i>
<strong>ekili Arac</strong>
Gelimi zelliklere sahip ekili arac.
</a>
</li>
</ul>
</div>
<div class="settings">
<a href="#" class="icon-equalizer"></a>
<ul>
<li>
<i class="icon-setting"></i>
<span>Tema Seenei</span>
<div>
<div class="switch switch-grey">
<input type="checkbox" id="switchThema" >
<label for="switchThema"><i class="icon-sun"></i><i class="icon-moon"></i></label>
</div>
</div>
</li>
<li>
<i class="icon-sound"></i>
<span>Site Sesleri</span>
<div>
<div class="switch switch-grey">
<input type="checkbox" id="switchMute" class="toggle-user-permission" data-permission="permissionSound" checked>
<label for="switchMute"><i class="icon-mute"></i><i class="icon-volume"></i></label>
</div>
</div>
</li>
<li>
<i class="icon-bell"></i>
<span>Bildirimler</span>
<div>
<div class="switch">
<input type="checkbox" id="switchNotice" class="toggle-user-permission" data-permission="permissionNotification" checked>
<label for="switchNotice"></label>
</div>
</div>
</li>
<li>
<i class="icon-bubble-speak"></i>
<span>zel Mesaj Al</span>
<div>
<div class="switch">
<input type="checkbox" id="switchPrivateMessage" class="toggle-user-permission" data-permission="permissionPm" checked>
<label for="switchPrivateMessage"></label>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="mobile container">
<div class="row">
<button class="icon-list"></button>
<div class="logo">
<a href="/"><img src="/assets/img/logo.svg" width="176" height="36" alt="wmaraci"></a>
</div>
<ul>
<li class="notification-holder">
<a href="#"><i class="icon-bell"></i><span class="label notification-count"></span></a>
<div class="notificationBox">
<div>
<div class="t">
<strong><i class="icon-bell"></i>Bildirimleriniz</strong>
<div><a href="#" class="markAllNotificationsAsRead">Tm Bildirimleri Okundu Say</a></div>
</div>
<ul>
</ul>
<a href="/bildirimler">Tm Bildirimleriniz</a>
</div>
</div>
</li>
<li><a href="/arama" onclick="location.href = '/arama'"><i class="icon-magnifying-glass"></i></a></li>
</ul>
</div>
</div>
</header>
<div class="container ads-container">
<div class="row row-ads wmads1">
<div class="col hideMobile "><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9798355913043752"
crossorigin="anonymous"></script>
<!-- LogoAltSol -->
<ins class="adsbygoogle"
style="display:inline-block;width:670px;height:82px"
data-ad-client="ca-pub-9798355913043752"
data-ad-slot="9485528651"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class="col hideDesktop"><a href="https://wmaraci.com/reklam" target="_blank"><img alt="wmaraci reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div>
<div class="col hideMobile "><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9798355913043752"
crossorigin="anonymous"></script>
<!-- LogoAltSol -->
<ins class="adsbygoogle"
style="display:inline-block;width:670px;height:82px"
data-ad-client="ca-pub-9798355913043752"
data-ad-slot="9485528651"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
</div>
</div>
<div id="tool">
<div class="container">
<div class="row">
<div class="content">
<div class="card">
<h1 class="head4">HTML Kod ifreleyici</h1>
<div style="padding: 1rem 2rem">
<form id="tool-form" action="" method="post">
<div class="form-group2">
<textarea id="tool-code" type="text" name="code" class="form-control" rows="5" placeholder="ifrelenecek HTML kodu giriniz..."></textarea>
</div>
<button id="submit-form" type="button" class="btn">
ifrele
</button>
</form>
<div id="results" class="none"></div>
</div>
</div>
</div>
<div class="tools">
<ul>
<li>
<a href="/site-hiz-testi" class="toolItems">
<i class="icon-speedometer" style="color: #FF4F6E"></i>
<strong>Site Hz Testi</strong>
Sitelerinizin alma hzn renin.
<span style="background: #FF4F6E"></span>
</a>
</li>
<li>
<a href="ip-class-sorgulama" class="toolItems">
<i class="icon-abc-block" style="color: #0382FF"></i>
<strong>IP Class Sorgulama</strong>
Siteleri a, b ve c ip class'larna gre ayrn.
<span style="background: #0382FF"></span>
</a>
</li>
<li>
<a href="/onek-sonek-ekleme" class="toolItems">
<i class="icon-txt-file" style="color: #5BAFDE"></i>
<strong>nek - Sonek Ekleme Arac</strong>
Her ayr satra nek ya da son ek ekleyebilirsiniz.
<span style="background: #5BAFDE"></span>
</a>
</li>
<li>
<a href="/cekilis-araci" class="toolItems">
<i class="icon-number-list" style="color: #83CB6A"></i>
<strong>ekili Arac</strong>
Gelimi zelliklere sahip ekili arac.
<span style="background: #83CB6A"></span>
</a>
</li>
<li>
<a href="/md5-sha1-sifre-olusturucu" class="toolItems">
<i class="icon-padlock-html" style="color: #48C472"></i>
<strong>MD5 - SHA1 ifre Oluturucu</strong>
Md5 veya sha1 ifreleme yapn.
<span style="background: #48C472"></span>
</a>
</li>
<li>
<a href="/kdv-hesaplama" class="toolItems">
<i class="icon-calculator" style="color: #2E8EFF"></i>
<strong>KDV Hesaplama Arac</strong>
Ayrntl KDV hesaplama arac.
<span style="background: #2E8EFF"></span>
</a>
</li>
<li>
<a href="/whois" class="toolItems">
<i class="icon-folder-internet" style="color: #18C65D"></i>
<strong>Whois Sorgulama</strong>
Hzl ve kolay bir ekilde whois sorgulama yapn.
<span style="background: #18C65D"></span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="container ads-container">
<div class="row row-ads wmads2">
<div class="col "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div>
<div class="col hideMobile "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div>
</div>
</div>
<div class="center">
<div class="container">
<div class="row">
<div class="left">
<img src="/assets/img/load.svg" data-src="/assets/img/logo.svg" width="176" height="36" alt="wmaraci">
<strong>Copyright 2010 - 2023</strong>
<p>
WM Arac, BTK onayl bir yer salayc olarak ierikleri kontrol etme ya da aratrma ykmll yoktur. Hukuka aykr olduunu dndnz ierikleri ltfen bize bildiriniz.
</p>
<a href="/iletisim" class="btn btn-grey"><span class="icon"><i class="icon-exclamation"></i>Aykr erik Bildir</span></a>
<ul>
<li><a href="https://facebook.com/wmaraci" target="_blank" rel="nofollow" class="icon-facebook"></a></li>
<li><a href="https://twitter.com/wmaraci" target="_blank" rel="nofollow" class="icon-twitter"></a></li>
<li><a href="https://t.me/wmaraci" target="_blank" rel="nofollow" class="icon-telegram"></a></li>
<li><a href="https://www.youtube.com/wmaracicom" target="_blank" rel="nofollow" class="icon-youtube"></a></li>
<li><a href="https://www.instagram.com/wmaraci/" target="_blank" rel="nofollow" class="icon-instagram"></a></li>
</ul>
</div>
<div class="right">
<div class="row">
<div>
<strong class="head"><i class="icon-support"></i>Aralar</strong>
<ul>
<li><a href="/whois">Whois Sorgulama</a></li>
<li><a href="#">SEO Analiz</a></li>
<li><a href="#">Site Analiz</a></li>
<li><a href="#">Sra Bulucu</a></li>
<li><a href="/araclar">Kod/Tasarm Aralar</a></li>
<li><a href="/araclar">Site Aralar</a></li>
</ul>
</div>
<div>
<strong class="head"><i class="icon-layers"></i>WM Arac Forum</strong>
<ul>
<li><a href="/yeni-ilanlar">lanlar</a></li>
<li><a href="/yeni-konular">Konular</a></li>
<li><a href="/arama">Gelimi Arama</a></li>
<li><a href="/sikayet">ikayetim Var</a></li>
<li><a href="/premium">Premium yelikler</a></li>
</ul>
</div>
<div>
<strong class="head"><i class="icon-more"></i>Dier Sayfalar</strong>
<ul>
<li><a href="/hakkimizda">Hakkmzda</a></li>
<li><a href="/gelistirme">Gelitirme Notlar</a></li>
<li><a href="/gizlilik-politikasi">Gizlilik Politikas</a></li>
<li><a href="/mesafeli-satis-sozlesmesi">Mesafeli Sat Szlemesi</a></li>
<li><a href="/teslimat-ve-iade">Teslimat ve ade Politikas</a></li>
<li><a href="/hukuka-aykirilik-bildirimi">Hukuka Aykrlk Bildirimi</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="container">
<div class="row">
<ul>
<li><a href="/hakkimizda">Hakkmzda</a></li>
<li><a href="/reklam">Reklam & Birlikleri</a></li>
<li><a href="/iletisim">Bize Ulan</a></li>
</ul>
<div>
<span>WM Arac, <b>Cesur.NET nternet Teknolojileri</b>'nde gvenle barnmaktadr.</span>
</div>
</div>
</div>
</div>
</footer>
<div id="footerMenu">
<button style="z-index:1"><i class="icon-arrow-bottom"></i><i class="icon-arrow-top"></i></button>
<ul>
<li><a href="/"><i class="icon-home"></i>ANASAYFA</a></li>
<li><a href="/forum"><i class="icon-layers"></i>FORUM</a></li>
<li class="notification-count">
<a href="/pm" style="position:relative"><i class="icon-chat2"></i>MESAJLAR<span class="label notification-count" style="position: absolute;right: 30px;top: 6px;"></span></a>
</li>
<li><a href="/forum/uyeler/147845-tekbilism"><i class="icon-user"></i>PROFLM</a></li>
</ul>
</div>
</div>
<div id="mobileMenu">
<div class="content">
<div class="main">
<a href="#" class="icon-times"></a>
<div class="logined">
<div>
<a href="/forum/uyeler/147845-tekbilism">
<img src="https://cdn.wmaraci.com/user/profile/147845.png?1700384814" alt="TekBilism" />
<strong>TekBilism</strong>
</a>
<a href="/premium">Hesabn Ykselt <i class="icon-crown"></i></a>
</div>
<ul>
<li><a href="/pm"><i class="icon-bubble-speak"></i><span>zel Mesajlarm</span></a></li>
<li><a href="#" class="openSettings"><i class="icon-equalizer"></i><span>Site Ayarlar</span><b class="icon-arrow-right"></b></a></li>
<li><a href="/cikis"><i class="icon-logout"></i><span>k Yap</span></a></li>
</ul>
</div>
<ul class="menu">
<li><a href="/yeni-ilanlar"><i class="icon-shopping-basket"></i>lanlar</a></li>
<li><a href="/yeni-konular"><i class="icon-layers"></i>Konular</a></li>
<li class="subs">
<a href="#"><i class="icon-support"></i>Aralar<span class="icon-down-arrow"></span></a>
<ul class="vehicle">
<li>
<a href="/whois">
<i class="icon-folder-internet" style="color:#18C65D"></i>
<strong>Whois Sorgulama</strong>
Hzl ve kolay bir ekilde whois sorgulama yapn.
</a>
</li>
<li>
<a href="/ip-class-sorgulama">
<i class="icon-abc-block" style="color:#0382FF"></i>
<strong>IP Class Sorgulama</strong>
Siteleri a, b ve c ip class'larna gre ayrn.
</a>
</li>
<li>
<a href="/cekilis-araci">
<i class="icon-number-list" style="color:#83CB6A"></i>
<strong>ekili Arac</strong>
Gelimi zelliklere sahip ekili arac.
</a>
</li>
</ul>
</li>
</ul>
<ul class="sub">
<li><a href="/forum">Forum</a></li>
<li><a href="/kariyer">Kariyer</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/dizin">Dizin</a></li>
<li><a href="/nedir">Nedir?</a></li>
</ul>
</div>
<div class="settings">
<a href="#" class="icon-times"></a>
<div class="top">
<a href="#" class="icon-arrow-left"></a>
<strong>Site Ayarlar</strong>
</div>
<ul>
<li>
<div>
<i class="icon-setting"></i>
<span>Tema Seenei</span>
<div>
<div class="switch switch-grey">
<input type="checkbox" id="switchMobileThema" >
<label for="switchMobileThema"><i class="icon-sun"></i><i class="icon-moon"></i></label>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="icon-sound"></i>
<span>Site Sesleri</span>
<div>
<div class="switch switch-grey">
<input type="checkbox" id="switchMobileMute" class="toggle-user-permission" data-permission="permissionSound" checked >
<label for="switchMobileMute"><i class="icon-mute"></i><i class="icon-volume"></i></label>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="icon-bell"></i>
<span>Bildirimler</span>
<div>
<div class="switch">
<input type="checkbox" id="switchMobileNotice" class="toggle-user-permission" data-permission="permissionNotification" checked >
<label for="switchMobileNotice"></label>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="icon-bubble-speak"></i>
<span>zel Mesaj Al</span>
<div>
<div class="switch">
<input type="checkbox" id="switchMobilePrivateMessage" class="toggle-user-permission" data-permission="permissionPm" checked >
<label for="switchMobilePrivateMessage"></label>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="overlay"></div>
</div>
<div class="pop" id="popLogin">
<div class="content">
<div>
<div>
<div class="content login">
<div>
<div class="head3">
<h2>ye Girii Yap</h2>
<strong>Kullanc bilgileriniz ile ye girii yapabilirsiniz.</strong>
<i class="icon-account"></i>
<a href="#" data-pop-close="#popLogin" class="icon-times2"></a>
</div>
<div class="form">
<div class="form-group icon phone">
<i class="icon-phone-call"></i>
<span>Telefon numaranz</span>
<input type="text" name="email" class="activate-autocomplete" style="padding-left: 75px">
</div>
<div class="form-group icon">
<i class="icon-key"></i>
<span>ifreniz</span>
<input type="password" name="password" class="activate-autocomplete">
<b class="icon-eye"></b>
</div>
<div class="checkbox">
<input type="checkbox" name="rememberme" id="chckHistory" value="1">
<label for="chckHistory"><i class="icon-check"></i>Sonraki girilerimde beni hatrla.</label>
</div>
<button class="btn btn-md login-btn"><span class="icon reverse">ye Girii Yap <i class="icon-arrow-right"></i></span></button>
<button class="btn btn-extra-light-grey btn-sm forgot-password"><span>ifremi Unuttum!</span></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
<div id="fixMessages"></div>
<div id="backToTopBtn">
<span id="backToTopBtn-value">
↑
</span>
</div>
<script src="/assets/js/cash.min.js"></script>
<script src="/assets/js/build.js"></script>
<script src="/assets/js/wma.js?2"></script>
<script src="/assets/js/custom.js"></script>
<script src="https://js.pusher.com/7.2/pusher.min.js"></script>
<script>
$('input:not(.activate-autocomplete), form:not(.activate-autocomplete)').attr('autocomplete','new-password');
$("#footerMenu button").on("click",function(e){
if($("body").hasClass("openFooterMenu")){
wma.setCookie('mobileFoterMenu', 'off');
}else{
wma.setCookie('mobileFoterMenu', 'on');
}
});
$("#switchThema").on("change",function(){
var darkMode;
if($("#switchThema").prop("checked")){
$("body").addClass("dark");
wma.setCookie('darkMode', 'dark');
darkMode = 1;
}else{
$("body").removeClass("dark");
wma.setCookie('darkMode', '');
darkMode = 0;
}
if (wm.user.userid) {
wma.post('/profile/setDarkMode', {darkMode: darkMode}, function() {});
}
});
$("#switchMobileThema").on("change",function(){
var darkMode;
if($("#switchMobileThema").prop("checked")){
$("body").addClass("dark");
wma.setCookie('darkMode', 'dark');
darkMode = 1;
}else{
$("body").removeClass("dark");
wma.setCookie('darkMode', '');
darkMode = 0;
}
if (wm.user.userid) {
wma.post('/profile/setDarkMode', {darkMode: darkMode}, function() {});
}
});
$('#popLogin .forgot-password').on('click', function(e) {
e.preventDefault();
location.href = '/sifremi-unuttum';
});
$('#popLogin .login-btn').on('click', function(e) {
e.preventDefault();
var loginData = {
email: $('#popLogin input[name="email"]').val(),
password: $('#popLogin input[name="password"]').val(),
rememberme: $('#popLogin input[name="rememberme"]').is(':checked')
};
wma.post('/auth/login', loginData, function(data) {
if (data.status == 'success') {
if (data.sms) {
$('#popLogin [data-pop-close="#popLogin"]').trigger('click');
wma.form({
title: {
title: "Dorulama Kodunu Girin",
subTitle: "Giri iin telefonunuza gnderilen kodu girin.",
icon: "icon-sms",
},
fields: {
code: {
label: 'Dorulama Kodu',
value: '',
type: 'text'
}
},
callback: function(data) {
var newData = loginData;
newData.code = data.code;
wma.post('/auth/login', newData, function(d) {
if (d.status == 'success') {
location.href = location.href.replace('#', '');
} else {
wma.toast(d.title);
}
});
}
});
wma.activeModal.find('.content').css('width', '440px');
wma.activeModal.find('button').text('ye Girii Yap');
wma.activeModal.find('form').on('submit', function(e) {
e.preventDefault();
wma.activeModal.find('.mcuLoadingButton').trigger('click');
});
} else {
localStorage.removeItem('fixedConversations');
if (data.redirect == '/yeniden-degerlendir') {
location.href = data.redirect;
} else {
location.href = location.href.replace('#', '');
}
}
} else {
wma.toast(data);
}
});
return;
});
$('#popLogin input').on('keyup', function(e) {
if (e.key == 'Enter') {
$('#popLogin .login-btn').trigger('click');
}
});
var notificationCount = localStorage.getItem('notificationCount') || 0;
var conversationCount = localStorage.getItem('conversationCount') || 0;
$('.toggle-block-user').on('click', function(e) {
e.preventDefault();
var that = $(this);
var first = that.html();
that.html(wma.spinnerSm).attr('disabled', 'disabled');
wma.post('/account/toggleBlockUser', {userid: that.data('userid')}, function(d) {
if (d.status == 'success') {
that.html('<i class="icon-block"></i> ' + (d.isBlocked ? 'Engeli Kaldr' : 'Kullancy Engelle'));
} else {
that.html(first);
}
that.removeAttr('disabled');
wma.toast(d);
});
});
$('.toggle-friend').on('click', function(e) {
e.preventDefault();
var that = $(this);
var first = that.html();
that.html(wma.spinnerSm).attr('disabled', 'disabled');
wma.post('/account/toggleFriend', {userid: that.data('userid')}, function(d) {
if (d.status == 'success') {
that.html(d.isAdded ? '<span class="icon reverse">Arkadalk Davetini ptal Et<i class="icon-remove-friend"></i></span>' : '<span class="icon reverse">Arkada Ekle<i class="icon-add-friend"></i></span>');
} else {
that.html(first);
}
that.removeAttr('disabled');
wma.toast(d);
});
});
function getBarNotifications () {
wma.post('/profile/getBarNotifications', {}, function(data) {
if (data.notificationCount > 0) {
var notifications = '';
data.notifications.forEach(function(notif) {
if (wm.user.usergroupid > 0) {
notifications += '<li> <a href="/forum/bildirim/'+ notif.id +'" '+( notif.newPage == 1 ? 'target="_blank"' : '' )+' data-id="'+ notif.id +'" class="vn-container"> <div class="vn-image"> <img src="'+ notif.avatar +'" alt="'+ notif.username +'"> </div> <div class="vn-content"><strong>'+ notif.text +'</strong> <div class="vn-time"><time style="font-size:10px" datetime="'+ notif.sentAt +'">'+ timeago.format(notif.sentAt) +'</time> </div> </div> </a> </li>';
} else {
notifications += '<li> <a href="/forum/bildirim/'+ notif.id +'" '+( notif.newPage == 1 ? 'target="_blank"' : '' )+' data-id="'+ notif.id +'"> <span> <img src="'+ notif.avatar +'" alt="'+ notif.username +'"> </span> <span> <span>'+ notif.text +'</span> <time style="font-size:10px" datetime="'+ notif.sentAt +'">'+ timeago.format(notif.sentAt) +'</time> </span> </a> </li>';
}
});
$('.notification-holder .notification-count').text(data.notificationCount).show();
$('.notification-holder .notificationBox ul').html(notifications).show();
$('.markAllNotificationsAsRead').show();
if (data.notificationCount > notificationCount) {
playSound();
}
notificationCount = data.notificationCount;
localStorage.setItem('notificationCount', notificationCount);
} else {
$('.notification-holder .notification-count, .markAllNotificationsAsRead').hide();
$('.notification-holder .notificationBox ul').html('<li style="padding:1rem" class="notification-not-found">Yeni bildiriminiz yok.</li>');
}
});
}
function getBarConversations () {
wma.post('/conversation/getUnreadMessages', {}, function(data) {
var unreadCconversationCount = data.total;
if (unreadCconversationCount > 0) {
var conversations = '';
data.rows.forEach(function(conversation) {
if (conversation.lastMessage.includes('https://cdn.')) {
conversation.lastMessage = '<span style="display: flex;align-items: center;gap: 5px;"><span class="icon-image"></span><span>Grsel</span></span>';
}
if (wm.user.usergroupid > 0) {
conversations += '<li> <a href="/pm#id'+ conversation.conversationId +'" class="vn-container" data-conversationid="'+ conversation.conversationId +'" data-userid="'+ conversation.userid +'" data-username="'+ conversation.author +'" data-avatar="'+ conversation.avatar +'" data-isgroup="'+ conversation.isGroup +'"> <div class="vn-image"> <img src="'+ conversation.avatar +'" alt="'+ conversation.author +'"> '+( conversation.unreadPostCount ? '<em class="label">'+ conversation.unreadPostCount +'</em>' : '' )+' </div> <div class="vn-content">'+ conversation.author +'<br> '+ conversation.lastMessage +'<div class="vn-time"><time style="font-size:10px" datetime="'+ conversation.lastMessageAt +'">'+ wma.formatDateTime(conversation.lastMessageAt) +'</time> </div> </div> </a> </li>';
} else {
conversations += '<li> <a href="/pm#id'+ conversation.conversationId +'"> <span> <img src="'+ conversation.avatar +'" alt="'+ conversation.author +'"> '+( conversation.unreadPostCount ? '<em class="label">'+ conversation.unreadPostCount +'</em>' : '' )+' <strong></strong> </span> <span> <strong>'+ conversation.author +'</strong> <span class="one">'+ conversation.lastMessage +'</span> <time style="font-size:10px" datetime="'+ conversation.lastMessageAt +'">'+ wma.formatDateTime(conversation.lastMessageAt) +'</time> </span> </a> </li>';
}
});
$('.conversation-holder .notification-count, #footerMenu .notification-count .notification-count').text(unreadCconversationCount).show();
$('.conversation-holder .notificationBox ul').html(conversations).show();
if (unreadCconversationCount > conversationCount) {
playSound();
}
conversationCount = unreadCconversationCount;
localStorage.setItem('conversationCount', conversationCount);
} else {
$('.conversation-holder .notification-count, #footerMenu .notification-count .notification-count').hide();
$('.conversation-holder .notificationBox ul').html('<li style="padding:1rem" class="notification-not-found">Yeni mesajnz yok.</li>');
localStorage.setItem('conversationCount', 0);
}
});
}
getBarNotifications();
getBarConversations();
var pusher = new Pusher('f5c9f9ceb24d263814a4', {
cluster: 'eu',
encrypted: true,
channelAuthorization: {
endpoint: "/api/conversation/authenticateBroadcast",
},
forceTLS: true
});
var channel = pusher.subscribe('ch_wm_147845');
channel.bind('notification', function(data) {
notificationCount++;
var notification = '<li> <a href="/forum/bildirim/' + data.id + '" data-id="' + data.id + '" class="vn-container"> <div class="vn-image"> <img src="' + data.avatar + '" alt="' + data.username + '"> </div> <div class="vn-content"><strong>' + data.text + '</strong> <div class="vn-time"><time datetime="' + data.sentAt + '">' + timeago.format(data.sentAt) + '</time> </div> </div> </a> </li>';
$('.notification-holder .notification-not-found').remove();
$('.notification-holder .notification-count').text(notificationCount).show();
$('.notification-holder .notificationBox ul').prepend(notification).show();
$('.markAllNotificationsAsRead').show();
playSound();
localStorage.setItem('notificationCount', notificationCount);
});
channel.bind('pm_not', function(data) {
var printNotification = true;
if (data.postId && data.setAsRead) {
$('.conv-post[data-postid="'+ data.postId +'"]').find('.icon-double-check').removeAttr('style');
return;
}
$('.conversation-holder .notification-not-found').remove();
var conversationBox = wmpm.getConversationBoxById(data.conversationId);
if (!conversationBox) {
var conversationBox = wmpm.getConversationBoxByUserid(data.createdBy);
}
if (conversationBox) {
var postBody = wmpm.addFixPost(data);
conversationBox.querySelector('.c ul').innerHTML += postBody;
wmpm.goToBottom(conversationBox);
wmpm.setConversationAsRead(data.conversationId, data.postId);
wmpm.initLightbox();
printNotification = false;
return;
}
if (printNotification && data.createdBy != wm.user.userid) {
var prevNot = $('.conversation-holder .notificationBox ul').find('li a[data-userid="'+ data.createdBy +'"]');
if (prevNot.length > 0) {
$('.conversation-holder .notificationBox ul').find('li a[data-userid="'+ data.createdBy +'"]').parent().remove();
conversationCount = conversationCount - prevNot.length;
}
conversationCount++;
var conversation = '<li> <a href="/pm#id' + data.conversationId + '" class="vn-container" data-conversationid="'+ data.conversationId +'" data-userid="'+ data.createdBy +'" data-username="'+ data.author +'" data-avatar="'+ data.avatar +'" data-isgroup="'+ data.isGroup +'"> <div class="vn-image"> <img src="' + data.avatar + '" alt="' + data.author + '"> </div> <div class="vn-content">' + data.author + '<br> ' + data.message.toString().substring(0, 75) + '<div class="vn-time"><time datetime="' + data.lastMessageAt + '">' + wma.formatDateTime(data.createdAt) + '</time> </div> </div> </a> </li>';
$('.conversation-holder .notification-count, #footerMenu .notification-count .notification-count').text(conversationCount).show();
$('.conversation-holder .notificationBox ul').prepend(conversation).show();
playSound();
localStorage.setItem('conversationCount', conversationCount);
}
});
$('body').on('click', '.notification-holder .vn-container', function(e) {
notificationCount--;
if (notificationCount <= 0) {
notificationCount = 0;
}
localStorage.setItem('notificationCount', notificationCount);
});
$('body').on('click', '.conversation-holder .vn-container', function(e) {
if ($(this).data('isgroup')) {
return;
}
e.preventDefault();
e.stopPropagation();
var conversationId = $(this).data('conversationid');
var box = wmpm.conversations.find(conv => conv.conversationId = conversationId);
var data = {
id: box ? box.id : 0,
conversationId: conversationId,
userid: $(this).data('userid'),
username: $(this).data('username'),
avatar: $(this).data('avatar'),
datetime: new Date().toISOString().split('T')[0],
message: '',
};
wmpm.createConversation(data);
$('.conversation-holder .notificationBox').attr('style', 'display: none');
setTimeout(function() {
$('.conversation-holder .notificationBox').removeAttr('style');
}, 10);
conversationCount--;
var holder = $('.conversation-holder .notification-count, #footerMenu .notification-count .notification-count');
if (conversationCount <= 0) {
conversationCount = 0;
holder.hide();
}
holder.text(conversationCount);
localStorage.setItem('conversationCount', conversationCount);
$(this).parent().remove();
});
$('body').on('click', '.markAllNotificationsAsRead', function(e) {
e.preventDefault();
var that = $(this);
var first = that.html();
that.html(wma.spinnerSm);
wma.post('/profile/markAllNotificationsAsRead', {}, function(data) {
$('.notification-holder .notification-count').text(0).hide();
notificationCount = 0;
localStorage.setItem('notificationCount', 0);
that.html(first);
});
});
var wmpm = {
conversations: [],
activeChannels: [],
maxUploadSize: 5120,
getConversationBox: function(id) {
return document.querySelector('.popup-conversation-holder[data-id="'+ id +'"]');
},
getConversationBoxById: function(convid) {
return document.querySelector('.popup-conversation-holder[data-convid="'+ convid +'"]');
},
getConversationBoxByUserid: function(userid) {
return document.querySelector('.popup-conversation-holder[data-userid="'+ userid +'"]');
},
getMaxId: function(id) {
var ids = this.conversations.map(function(conversation) {
return conversation.id;
});
var maxId = Math.max.apply(Math, ids);
return maxId > 0 ? maxId + 1 : 1;
},
findConversation: function(userid) {
return this.conversations.find(function(conversation) {
return conversation.userid == userid;
});
},
createConversation: function(data) {
var conversation = this.findConversation(data.userid);
if (this.conversations.length >= 2 || (this.conversations.length >= 1 && $(document).width() < 900)) {
this.conversations.shift();
document.querySelector('.popup-conversation-holder:first-child').remove();
}
if (conversation) {
return this.openConversation(conversation);
}
data.id = this.getMaxId();
this.conversations.push(data);
localStorage.setItem('fixedConversations', JSON.stringify(this.conversations));
this.openConversation(data);
},
openConversation: function(conversation) {
if (document.querySelector('.popup-conversation-holder[data-id="'+ conversation.id +'"]')) {
return;
}
var conversationHolder = document.createElement('div');
conversationHolder.className = 'popup-conversation-holder';
conversationHolder.dataset.id = conversation.id;
conversationHolder.dataset.convid = conversation.conversationId || 0;
conversationHolder.dataset.userid = conversation.userid || 0;
conversationHolder.style.zIndex = 9999;
template = '<div>';
template += '<div class="t">';
template += '<div>';
template += '<ol>';
template += '<li><a href="/forum/uyeler/'+ conversation.userid +'-'+ wma.seo(conversation.username) +'" class="user-avatar"><img src="' + conversation.avatar + '" alt="' + conversation.username + '"></a></li>';
template += '</ol>';
template += '</div>';
template += '<p>';
template += '<a href="#"><strong>' + conversation.username + '</strong></a>';
template += '<time>' + wma.formatDate(conversation.datetime) + '</time>';
template += '</p>';
template += '<ul>';
template += '<li><a href="#" class="icon-full-screen"></a></li>';
template += '<li><a href="#" class="icon-times close-popup-conversation"></a></li>';
template += '</ul>';
template += '</div>';
template += '<div class="c bottomScroll"><ul></ul></div>';
template += '<div class="b">';
template += '<textarea placeholder="Bu alan kullanarak mesaj yazabilirsiniz..." class="popup-conversation-message" rows="3">' + conversation.message + '</textarea>';
template += '<div>';
template += '<ul>';
template += '<li><a href="#" class="icon-image2 fixed-upload-file"></a></li>';
template += '<li><a href="#" class="icon-happy"></a></li>';
template += '<li><a href="#" class="icon-voice"></a></li>';
template += '</ul>';
template += '<div>';
template += '<button class="btn send-fix-post"><span>GNDER<i class="icon-send"></i></span></button>';
template += '</div>';
template += '</div>';
template += '<div class="is-uploading"><i class="spinner-border"></i></div>';
template += '<div class="drag-area">Dosyay buraya brakn.</div>';
template += '</div>';
template += '</div>';
template += '</div>';
conversationHolder.innerHTML = template;
document.querySelector('#fixMessages').appendChild(conversationHolder);
var conversationBox = wmpm.getConversationBox(conversation.id);
conversationBox.querySelector('.close-popup-conversation').addEventListener("click", function(e) {
e.preventDefault();
conversationHolder.remove();
wmpm.deleteConversation(conversation);
});
conversationBox.querySelector('.icon-full-screen').addEventListener("click", function(e) {
e.preventDefault();
conversationHolder.remove();
wmpm.deleteConversation(conversation);
location.href = '/pm#id' + conversation.conversationId;
});
conversationBox.querySelector('textarea').addEventListener("keydown", function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
if (e.altKey) {
this.value += "\n";
} else {
e.preventDefault();
wmpm.updateMessage(conversation, this.value);
wmpm.addPost(conversationBox, conversation);
}
}
});
conversationBox.querySelector('textarea').addEventListener("change", function(e) {
wmpm.updateMessage(conversation, this.value);
});
conversationBox.querySelector('.send-fix-post').addEventListener("click", function(e) {
wmpm.addPost(conversationBox, conversation);
});
conversationBox.querySelector('.fixed-upload-file').addEventListener("click", function(e) {
e.preventDefault();
wmpm.base64UploadTrigger(conversationBox, conversation);
});
conversationBox.onpaste = (event) => {
var items = (event.clipboardData ?? event.originalEvent.clipboardData)
.items;
for (var item of items) {
if (item.kind === "file" && item.type.includes('image/')) {
var file = item.getAsFile();
if (file.size * 0.15 / 1024 > wmpm.maxUploadSize) {
wma.toast('Maksimum dosya boyutu 5 MB');
} else {
var reader = new FileReader();
reader.onload = (e) => {
conversationBox.querySelector('.is-uploading').classList.add('visible');
wmpm.base64Upload(e.target.result, conversationBox, conversation);
};
reader.readAsDataURL(file);
wmpm.updateMessage(conversation, '');
}
}
}
};
conversationBox.querySelector('.b').addEventListener("dragover", function(e) {
e.preventDefault();
e.stopPropagation()
conversationBox.querySelector('.drag-area').classList.add('visible');
});
conversationBox.querySelector('.drag-area').addEventListener("dragleave", function(e) {
e.preventDefault();
e.stopPropagation()
conversationBox.querySelector('.drag-area').classList.remove('visible');
});
conversationBox.querySelector('.drag-area').addEventListener("drop", function(e) {
e.stopPropagation();
e.preventDefault();
conversationBox.querySelector('.drag-area').classList.remove('visible');
var files = e.dataTransfer.files;
if (files) {
var file = files[0];
if (file.size / 1024 > wmpm.maxUploadSize) {
return wma.toast('Maksimum dosya boyutu 5 MB');;
}
wmpm.readFile(file, conversationBox, conversation);
}
});
this.getPosts(conversationBox, conversation);
},
readFile: function(file, conversationBox, conversation) {
var reader = new FileReader();
reader.onload = (e) => {
conversationBox.querySelector('.is-uploading').classList.add('visible');
wmpm.base64Upload(e.target.result, conversationBox, conversation);
};
reader.readAsDataURL(file);
},
setConversations: function() {
localStorage.setItem('fixedConversations', JSON.stringify(this.conversations));
},
getConversations: function() {
var storage = localStorage.getItem('fixedConversations');
if (storage) {
storage = JSON.parse(storage);
} else {
storage = [];
}
this.conversations = storage;
this.conversations.forEach(function(conversation) {
wmpm.openConversation(conversation);
});
},
deleteConversation: function(conversation) {
this.conversations = this.conversations.filter(function(el) {
return el.id != conversation.id;
});
this.setConversations();
},
updateMessage: function(conversation, value) {
conversation.message = value
this.setConversations();
},
getPosts: function(conversationBox, conversation) {
var postList = '';
conversationBox.querySelector('.c ul').innerHTML = '<li>' + wma.spinnerSm + '</li>';
var that = this;
wma.post('/conversation/getUserPosts', {userid: conversation.userid}, function(data) {
if (data.rows) {
data.rows.forEach(function(post) {
postList += wmpm.addFixPost(post);
});
}
conversation.conversationId = Number(data.conversationId);
conversationBox.dataset.convid = data.conversationId;
conversationBox.querySelector('.c ul').innerHTML = postList;
var dot = conversationBox.querySelector('.user-avatar .dot');
if (dot) { dot.remove(); }
conversationBox.querySelector('.user-avatar').innerHTML += '<span class="dot '+ wma.isOnline(data.online) +'"></span>';
wmpm.initLightbox();
wmpm.goToBottom(conversationBox);
});
},
addFixPost: function(post) {
var myPost = post.createdBy == wm.user.userid;
var readStatus = myPost ? '<i class="icon-double-check" '+( post.isRead == 1 ? '' : 'style="color:gray"' )+'></i>' : '';
// var author = '<a href="/forum/uyeler/'+ post.createdBy +'-'+ wma.seo(post.author) +'">'+ post.author +'</a>';
var author = '';
return '<li data-postid="'+ post.postId +'" class="conv-post'+( post.createdBy == 147845 ? ' my' : '' )+'">\
<div>\
'+ author +'<p>'+ nl2br(this.linkify(this.htmlEntity(post.message))) +'</p>\
<time datetime="'+ post.createdAt +'">'+ wma.formatDateTime(post.createdAt) +'</time>\
'+ readStatus +'\
</div>\
</li>';
},
linkify: function(inputText) {
var replacePattern1, replacePattern2, replacePattern3, replacePattern4, replacePattern5;
var replacedText = inputText;
replacePattern4 = /\b(https?:\/\/\S+(?:\.png|\.jpe?g|\.gif))\b/;
replacedText = replacedText.replace(replacePattern4, (url) => {
return '<a data-fslightbox="gallery" data-type="image" target="_blank" href="'+ url.replace('_t', '') +'"><img src="'+ url +'" /></a>';
});
replacePattern2 = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
replacedText = replacedText.replace(replacePattern2, '$1<a href="http://$2" target="_blank">$2</a>');
replacePattern5 = /(https?:\/\/(?!.*\.(jpe?g|png|gif))[^\s]+)/g;
replacedText = replacedText.replace(replacePattern5, '<a href="$1" target="_blank">$1</a>');
replacePattern3 = /(([a-zA-Z0-9\-\_\.])+@[a-zA-Z\_]+?(\.[a-zA-Z]{2,6})+)/gim;
replacedText = replacedText.replace(replacePattern3, '<a href="mailto:$1">$1</a>');
return replacedText;
},
htmlEntity: function(string) {
return String(string).replace(/&/g, '&').replace(/>/g, '>').replace(/</g, '<').replace(/"/g, '"');
},
goToBottom: function(conversationBox) {
conversationBox.querySelector('.c').scrollTop = conversationBox.querySelector('.c').scrollHeight;
},
addPost: function(conversationBox, conversation) {
if (conversation.message.trim() == '') {
return;
}
var submitButton = conversationBox.querySelector('.send-fix-post');
var post = {
conversationId: conversation.conversationId,
toUserid: [conversation.userid],
createdBy: '147845',
createdAt: new Date().toISOString().replace(/(T|Z)/g, ' ').trim(),
author: 'TekBilism',
message: conversation.message
};
var first = submitButton.innerHTML;
submitButton.innerHTML = '...';
submitButton.disabled = true;
wma.post('/conversation/addPost', post, function(d) {
submitButton.innerHTML = first;
submitButton.disabled = false;
if (d.status != 'success') {
wma.toast(d);
} else {
if (wm.user.usergroupid > 0) {
if (conversation.conversationId == 0) {
post.postId = d.postId;
post.isRead = 0;
var postBody = wmpm.addFixPost(post);
conversationBox.querySelector('.c ul').innerHTML += postBody;
wmpm.conversations.forEach(function(conv, index) {
if (conv.id == conversation.id) {
wmpm.conversations[index].conversationId = Number(d.conversationId);
}
});
}
conversationBox.querySelector('textarea').value = '';
conversationBox.dataset.convid = d.conversationId;
conversation.conversationId = Number(d.conversationId);
wmpm.updateMessage(conversation, '');
} else {
var postBody = wmpm.addFixPost(post);
conversationBox.querySelector('.c ul').innerHTML += postBody;
conversationBox.querySelector('textarea').value = '';
conversationBox.dataset.convid = d.conversationId;
conversation.conversationId = d.conversationId;
wmpm.initLightbox();
wmpm.updateMessage(conversation, '');
wmpm.goToBottom(conversationBox);
}
}
});
},
base64UploadTrigger(conversationBox, conversation, cb) {
var fileInput = document.createElement('input');
fileInput.setAttribute('type', 'file');
fileInput.setAttribute('class', 'd-none');
fileInput.setAttribute('accept', 'image/png, image/jpeg, image/jpg');
fileInput.addEventListener('change', () => {
if (fileInput.files != null && fileInput.files[0] != null) {
if (fileInput.files[0].size/1024 > wmpm.maxUploadSize) {
return wma.toast('Maksimum dosya boyutu 5 MB');;
}
conversationBox.querySelector('.is-uploading').classList.add('visible');
let reader = new FileReader();
reader.onload = (e) => {
this.base64Upload(e.target.result, conversationBox, conversation, cb);
fileInput.value = '';
};
reader.readAsDataURL(fileInput.files[0]);
}
});
fileInput.click();
},
base64Upload(src, conversationBox, conversation, cb) {
var post = {
conversationId: conversation.conversationId,
toUserid: conversation.toUserid ? conversation.toUserid : [conversation.userid],
createdBy: wm.user.userid,
createdAt: new Date().toISOString().replace(/(T|Z)/g, ' ').trim(),
author: wm.user.username,
message: src
};
wma.post('/conversation/uploadFile', post, function(data) {
conversationBox.querySelector('.is-uploading').classList.remove('visible');
if (data.status != 'success') {
wma.toast(data);
} else if (cb) {
post.message = data.file;
cb(post);
}
});
},
setConversationAsRead(conversationId, postId) {
wma.post('/conversation/setConversationAsRead', {conversationId: conversationId, postId: postId}, function(data) {});
},
initLightbox() {
if ($('a[data-fslightbox="gallery"]').length == 0) {
return;
}
var existingScript = document.getElementById("fslightbox");
if (existingScript) {
refreshFsLightbox();
return;
}
var script = document.createElement("script");
script.src = "/assets/plugins/fslightbox/fslightbox.js";
script.async = true;
script.defer = true;
script.id = "fslightbox";
script.onload = function() {
refreshFsLightbox();
};
document.body.appendChild(script);
}
};
wmpm.getConversations();
$('body').on('click', '.start-popup-conversation', function(e) {
e.preventDefault();
var data = {
id: 0,
conversationId: 0,
userid: $(this).data('userid'),
username: $(this).data('username'),
avatar: $(this).data('avatar'),
datetime: new Date().toISOString().split('T')[0],
message: '',
};
wmpm.createConversation(data);
});
function playSound() {
if (document.getElementById('notification-sound')) {
document.getElementById('notification-sound').remove();
}
var audio = new Audio('/assets/sound/chime.ogg');
audio.play();
}
$('.toggle-user-permission').on('change', function() {
var data = {
permission: $(this).data('permission'),
value: $(this).is(':checked')
};
wma.post('/account/togglePreference', data, function(d) {});
});
$('.user-status-checker ul label').on('click', function(e) {
e.preventDefault();
var data = {
status: $(this).data('status')
};
wma.post('/account/toggleStatus', data, function(d) {
if (d.status !== 'success') {
wma.toast(d);
}
});
});
var lastScrollTop = 0;
window.addEventListener("scroll", function() {
var st = window.pageYOffset || document.documentElement.scrollTop;
if (st > lastScrollTop) {
$('header .top, header .mobile').addClass('sticky-header');
} else if (st < lastScrollTop) {
$('header .top, header .mobile').removeClass('sticky-header');
}
lastScrollTop = st <= 0 ? 0 : st;
}, false);
let calcScrollValue = () => {
let scrollProgress = document.getElementById("backToTopBtn");
let progressValue = document.getElementById("backToTopBtn-value");
let pos = document.documentElement.scrollTop;
let calcHeight =
document.documentElement.scrollHeight -
document.documentElement.clientHeight;
let scrollValue = Math.round((pos * 100) / calcHeight);
if (pos > 100) {
scrollProgress.style.display = "grid";
} else {
scrollProgress.style.display = "none";
}
scrollProgress.addEventListener("click", () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
scrollProgress.style.background = `conic-gradient(#283c5a ${scrollValue}%, #d7d7d7 ${scrollValue}%)`;
};
window.onscroll = calcScrollValue;
window.onload = calcScrollValue;
$('#txtSearch').on('click keyup', function(e) {
if (e.which === 40 || e.which === 38) {
return;
}
wma.post('/search/getSearchLog', {}, function(data) {
var list = '';
data.forEach(q => {
list += '<li>'+ q +'</li>';
});
$('#latest-searchs').html(list)
$('#latest-searchs').show();
});
});
let searchQueryIndex = -1;
$('#txtSearch').on('keydown', function(e) {
var keyCode = e.keyCode || e.which;
var ul = $('#latest-searchs');
var len = ul.find('li').length;
if (keyCode === 40) {
searchQueryIndex++;
prevIndex = searchQueryIndex - 1;
if (searchQueryIndex > len - 1) {
searchQueryIndex = 0;
prevIndex = len - 1;
}
ul.find('li').removeClass('selected');
ul.find('li').eq(searchQueryIndex).addClass('selected');
} else if (keyCode === 38) {
searchQueryIndex--;
prevIndex = searchQueryIndex + 1;
if (searchQueryIndex < 0) {
searchQueryIndex = len - 1;
}
ul.find('li').removeClass('selected');
ul.find('li').eq(searchQueryIndex).addClass('selected');
} else if (keyCode === 13) {
e.preventDefault();
if (ul.find('li.selected').length) {
var text = ul.find('li').eq(searchQueryIndex).text();
$('#txtSearch').val(text);
}
$('#txtSearch').parent().trigger('submit');
}
});
$('body').on('click', '#latest-searchs li', function() {
$('#txtSearch').val($(this).text());
$('#txtSearch').parent().trigger('submit');
});
$(document).on('scroll', function(e) {
$('#latest-searchs').hide();
});
$(document).on('mouseup', function(e) {
var container = $("#txtSearch");
if (!container.is(e.target) && container.has(e.target).length === 0) {
$('#latest-searchs').hide();
}
});
</script>
<script>
$('#submit-form').on('click', function(e) {
e.preventDefault();
$('#results').addClass('none').html('');
var that = $(this);
var first = that.html();
that.html(wma.spinnerSm);
wma.post('/tool/encryptHtml', $('#tool-form')[0], function(data) {
that.html(first);
if (data.status == 'success') {
$('#tool-code').val(data.result);
} else {
wma.toast(data);
}
});
});
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-8647194-20"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-8647194-20');
</script>
</body>
</html>
Function Calls
| None |
Stats
| MD5 | 45b4faa00960ec58a098516791909b8f |
| Eval Count | 0 |
| Decode Time | 97 ms |