Semrush Review - BSTFN <div class="comments-widget mt-4" id="comments-widget" data-app="reviews" data-model="product" data-id="bdf5c1d5-47c3-454c-ae11-78f70258a9b7"> <div class="d-flex justify-content-between align-items-center mb-3"> <h5 class="fw-bold mb-0"> <i class="bi bi-chat-dots me-2 text-primary"></i> Comments (<span id="comment-count">...</span>) </h5> <div class="d-flex gap-2 align-items-center"> <select id="comment-sort" class="form-select form-select-sm" style="width:auto"> <option value="oldest">Oldest First</option> <option value="newest">Newest First</option> <option value="popular">Most Liked</option> </select> </div> </div>  <div class="alert alert-light border mb-4" style="border-color:#e0dcff!important"> <i class="bi bi-lock me-1"></i> <a href="/accounts/login/">Log in</a> or <a href="/accounts/register/">register</a> to join the discussion. </div>  <div id="comments-list"> <div class="text-center py-3"> <div class="spinner-border spinner-border-sm text-primary"></div> <span class="ms-2 text-muted small">Loading comments...</span> </div> </div> </div> <style> .comment-bubble{transition:.15s} .comment-bubble:hover{border-color:#6c5ce7!important} .like-btn:hover{color:#6c5ce7!important} #new-comment-body:focus{box-shadow:0 0 0 3px rgba(108,92,231,.1);border-color:#6c5ce7!important;outline:none} </style> <script> (function(){ const widget = document.getElementById("comments-widget"); const APP = widget.dataset.app; const MODEL = widget.dataset.model; const OBJ_ID = widget.dataset.id; const LIST = document.getElementById("comments-list"); const COUNT_EL = document.getElementById("comment-count"); const CSRFTOKEN = (document.cookie.match(/csrftoken=([^;]+)/)||[])[1]||""; const headers = {"Content-Type":"application/json","X-CSRFToken":CSRFTOKEN}; // ── Load comments ─────────────────────────────────────────── function loadComments(){ fetch("/comments/load/?app="+APP+"&model="+MODEL+"&id="+OBJ_ID) .then(r=>r.json()) .then(d=>{ LIST.innerHTML = d.html; if(COUNT_EL) COUNT_EL.textContent = d.count; bindEvents(); }) .catch(()=>{ LIST.innerHTML="<div class='text-muted text-center py-3'>Could not load comments.</div>"; }); } loadComments(); // ── Post new comment ──────────────────────────────────────── const body_input = document.getElementById("new-comment-body"); const submit_btn = document.getElementById("submit-comment-btn"); const char_count = document.getElementById("char-count"); if(body_input){ body_input.addEventListener("input",()=>{ const len = body_input.value.length; if(char_count) char_count.textContent = len; if(len > 1900) char_count.style.color="#e17055"; else char_count.style.color=""; }); } if(submit_btn){ submit_btn.addEventListener("click",()=>{ const body = body_input.value.trim(); if(!body){ showToast("Write something first","warning"); return; } submit_btn.disabled = true; submit_btn.innerHTML = "<span class='spinner-border spinner-border-sm me-1'></span>Posting..."; fetch("/comments/post/",{ method:"POST", headers, body: JSON.stringify({app:APP,model:MODEL,id:OBJ_ID,body}) }) .then(r=>r.json()) .then(d=>{ if(d.status==="ok"){ const noMsg = document.getElementById("no-comments-msg"); if(noMsg) noMsg.remove(); LIST.insertAdjacentHTML("afterbegin", d.html); body_input.value = ""; if(char_count) char_count.textContent = "0"; const cnt = parseInt(COUNT_EL?.textContent||"0"); if(COUNT_EL) COUNT_EL.textContent = cnt+1; bindEvents(); showToast("Comment posted!","success"); } else { showToast(d.message||"Error","error"); } submit_btn.disabled = false; submit_btn.innerHTML = "<i class='bi bi-send me-1'></i>Post Comment"; }) .catch(()=>{ showToast("Failed to post","error"); submit_btn.disabled = false; submit_btn.innerHTML = "<i class='bi bi-send me-1'></i>Post Comment"; }); }); } // ── Bind all interactive events ───────────────────────────── function bindEvents(){ // Like LIST.querySelectorAll(".like-btn").forEach(btn=>{ btn.onclick = function(){ const id = this.dataset.id; fetch("/comments/"+id+"/like/",{method:"POST",headers,body:"{}"}) .then(r=>r.json()) .then(d=>{ if(d.status==="ok"){ this.querySelector(".like-count").textContent = d.count; const icon = this.querySelector("i"); if(d.liked){ icon.className = "bi bi-hand-thumbs-up-fill me-1"; this.classList.replace("text-muted","text-primary"); } else { icon.className = "bi bi-hand-thumbs-up me-1"; this.classList.replace("text-primary","text-muted"); } } }); }; }); // Toggle reply form LIST.querySelectorAll(".reply-toggle").forEach(btn=>{ btn.onclick = function(){ const form = document.getElementById("reply-form-"+this.dataset.id); if(form){ form.classList.toggle("d-none"); if(!form.classList.contains("d-none")) form.querySelector("textarea").focus(); } }; }); // Submit reply LIST.querySelectorAll(".submit-reply").forEach(btn=>{ btn.onclick = function(){ const parentId = this.dataset.parent; const ta = document.getElementById("reply-form-"+parentId)?.querySelector(".reply-input"); const body = ta?.value.trim(); if(!body){ showToast("Write something","warning"); return; } this.disabled = true; fetch("/comments/"+parentId+"/reply/",{ method:"POST", headers, body: JSON.stringify({body}) }) .then(r=>r.json()) .then(d=>{ if(d.status==="ok"){ const form = document.getElementById("reply-form-"+parentId); form.insertAdjacentHTML("afterend", d.html); ta.value = ""; form.classList.add("d-none"); const cnt = parseInt(COUNT_EL?.textContent||"0"); if(COUNT_EL) COUNT_EL.textContent = cnt+1; bindEvents(); showToast("Reply posted!","success"); } else { showToast(d.message,"error"); } this.disabled = false; }) .catch(()=>{ showToast("Failed","error"); this.disabled=false; }); }; }); // Toggle edit form LIST.querySelectorAll(".edit-toggle").forEach(btn=>{ btn.onclick = function(){ const form = document.getElementById("edit-form-"+this.dataset.id); if(form){ form.classList.toggle("d-none"); if(!form.classList.contains("d-none")) form.querySelector("textarea").focus(); } }; }); // Submit edit LIST.querySelectorAll(".submit-edit").forEach(btn=>{ btn.onclick = function(){ const id = this.dataset.id; const body = document.getElementById("edit-form-"+id)?.querySelector(".edit-input")?.value.trim(); if(!body){ showToast("Cannot be empty","warning"); return; } fetch("/comments/"+id+"/edit/",{ method:"POST", headers, body: JSON.stringify({body}) }) .then(r=>r.json()) .then(d=>{ if(d.status==="ok"){ const bubble = document.querySelector("#comment-"+id+" .comment-body"); if(bubble) bubble.innerHTML = d.body.replace(/ /g,"<br>"); document.getElementById("edit-form-"+id)?.classList.add("d-none"); showToast("Comment updated!","success"); } else { showToast(d.message,"error"); } }); }; }); // Delete LIST.querySelectorAll(".delete-btn").forEach(btn=>{ btn.onclick = function(){ if(!confirm("Delete this comment?")) return; const id = this.dataset.id; fetch("/comments/"+id+"/delete/",{method:"POST",headers,body:"{}"}) .then(r=>r.json()) .then(d=>{ if(d.status==="ok"){ const el = document.getElementById("comment-"+id); if(el){ el.style.opacity=".3"; el.style.pointerEvents="none"; } const cnt = parseInt(COUNT_EL?.textContent||"1"); if(COUNT_EL) COUNT_EL.textContent = Math.max(0,cnt-1); showToast("Comment deleted","info"); } }); }; }); // Toggle report form LIST.querySelectorAll(".report-toggle").forEach(btn=>{ btn.onclick = function(){ const form = document.getElementById("report-form-"+this.dataset.id); form?.classList.toggle("d-none"); }; }); // Submit report LIST.querySelectorAll(".submit-report").forEach(btn=>{ btn.onclick = function(){ const id = this.dataset.id; const reason = document.getElementById("report-form-"+id)?.querySelector(".report-reason")?.value; fetch("/comments/"+id+"/report/",{ method:"POST", headers, body: JSON.stringify({reason}) }) .then(r=>r.json()) .then(d=>{ document.getElementById("report-form-"+id)?.classList.add("d-none"); showToast(d.message||"Reported","info"); }); }; }); } // ── Sort ──────────────────────────────────────────────────── const sortEl = document.getElementById("comment-sort"); if(sortEl){ sortEl.addEventListener("change",function(){ const items = [...LIST.querySelectorAll(".comment-item:not([style*='margin-left'])")]; items.sort((a,b)=>{ if(this.value==="newest") return -1; if(this.value==="popular"){ const la = parseInt(a.querySelector(".like-count")?.textContent||0); const lb = parseInt(b.querySelector(".like-count")?.textContent||0); return lb-la; } return 1; }); items.forEach(i=>LIST.appendChild(i)); }); } })(); </script>

SaaS / Software SaaS & Software Featured

Semrush

All-in-one SEO and marketing platform

0 reviews

{1: {'count': 0, 'pct': 0}, 2: {'count': 0, 'pct': 0}, 3: {'count': 0, 'pct': 0}, 4: {'count': 0, 'pct': 0}, 5: {'count': 0, 'pct': 0}}

Visit Website Write a Review

About Semrush

All-in-one SEO and marketing platform. Comprehensive SEO tools Competitor analysis Backlink tracking Keyword research

Pros & Cons

Pros

Comprehensive SEO tools

Competitor analysis

Backlink tracking

Keyword research

Cons

Very expensive

Steep learning curve

User Reviews (0)

No reviews yet. Be the first to review Semrush!

Quick Facts

Pricing From $129.95/mo

Type SaaS / Software

Avg Rating 0 / 5

Reviews 0

Clicks 0

Compare Products

Semrush

Pros

Cons

Wait! Don't leave yet