Hostinger Review - BSTFN <div class="comments-widget mt-4" id="comments-widget" data-app="reviews" data-model="product" data-id="32751604-cb66-49dc-aa8b-dc3077dd4747"> <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>

Hosting / Domain Web Hosting Featured

Hostinger

Affordable and fast web hosting

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 Hostinger

Affordable and fast web hosting. Very affordable pricing Fast loading speeds Easy to use cPanel Free SSL certificate

Pros & Cons

Pros

Very affordable pricing

Fast loading speeds

Easy to use cPanel

Free SSL certificate

Cons

Support can be slow

No monthly billing

User Reviews (0)

No reviews yet. Be the first to review Hostinger!

Quick Facts

Pricing From $2.99/mo

Type Hosting / Domain

Avg Rating 0 / 5

Reviews 0

Clicks 0

Compare Products

Hostinger

Pros

Cons

Wait! Don't leave yet