|
105 | 105 | document.head.appendChild(scriptJob); |
106 | 106 | ``` |
107 | 107 |
|
| 108 | +``` js |
| 109 | + let dom_answer_card = ""; |
| 110 | + let isFirst = true; |
| 111 | + for (let answer of (data?.data_content?.data?.answers?.nodes || [])) { |
| 112 | + // console.log(answer); |
| 113 | + let time_format_answer = new Date(answer?.created || new Date()).toLocaleDateString("id-ID", { |
| 114 | + year: "numeric", |
| 115 | + month: "long", |
| 116 | + day: "numeric" |
| 117 | + }); |
| 118 | + let name_author_answer = answer?.author?.nick || "Anonyme"; |
| 119 | + let total_like = answer?.author?.nick?.length || "Anonyme".length; |
| 120 | + dom_answer_card += ` |
| 121 | + <div id="answer-${answer?.id || name_author_answer.toUpperCase()}" class="answer-card ${isFirst ? "best-answer" : ""} " itemprop="${isFirst ? "acceptedAnswer" : "suggestedAnswer"}" itemscope="" itemtype="https://schema.org/Answer"> |
| 122 | + <meta itemprop="url" content="${window.location.href}#answer-${answer?.id || name_author_answer.toUpperCase()}"> |
| 123 | + <div class="answer-header"> |
| 124 | + <div class="answerer-info"> |
| 125 | + <span class="answerer-avatar"> |
| 126 | + <i class="fas fa-user-tie"></i> |
| 127 | + </span> |
| 128 | + <div class="answerer-details"> |
| 129 | + <span class="answerer-name" itemprop="author" itemscope="" itemtype="https://schema.org/Person"> |
| 130 | + <span itemprop="name"><a itemprop="url" href="#${answer?.id || name_author_answer.toUpperCase()}">${name_author_answer.toUpperCase()}</a></span> |
| 131 | + <meta itemprop="jobTitle" content="Web Performance Expert"> |
| 132 | + </span> |
| 133 | + </div> |
| 134 | + </div> |
| 135 | + <div class="answer-rating"> |
| 136 | + ${isFirst ? `<span class="best-answer-badge"><i class="fas fa-check-circle"></i> {{Jawaban Terbaik}}</span>` : ""} |
| 137 | + <div class="rating-stars"> |
| 138 | + <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> |
| 139 | + <i class="fas fa-star"></i><i class="fas fa-star"></i> |
| 140 | + <span class="rating-count">(<span itemprop="upvoteCount">${answer?.content?.length || 0}</span>)</span> |
| 141 | + </div> |
| 142 | + </div> |
| 143 | + </div> |
| 144 | + <div class="answer-content" itemprop="text"> |
| 145 | + ${answer?.content || ""} |
| 146 | +
|
| 147 | +``` |
| 148 | +
|
108 | 149 | **If you ever encountered any website have this structure, exit out immediately.** |
0 commit comments