|
159 | 159 | ${answer?.content || ""} |
160 | 160 | ``` |
161 | 161 |
|
| 162 | +``` html |
| 163 | + async function load_content_qa(data) { |
| 164 | + const time_format_publish = new Date(data?.data_content?.e || data?.data_content?.c || new Date()).toLocaleDateString("id-ID", { |
| 165 | + year: "numeric", |
| 166 | + month: "long", |
| 167 | + day: "numeric" |
| 168 | + }); |
| 169 | + const title_content = data?.data_content?.t || ""; |
| 170 | + const description_content = data?.data_content?.d || title_content; |
| 171 | + const author_name = data?.data_content?.data?.author?.nick || "Anonyme"; |
| 172 | + const total_views = data?.data_content?.data?.content?.length || 0; |
| 173 | + const total_comment = data?.data_content?.t?.length || data?.data_content?.d || 0; |
| 174 | + const total_shares = data?.data_content?.data?.subject?.name?.length || 0; |
| 175 | + const data_question = data?.data_content?.data?.content || ""; |
| 176 | +
|
| 177 | + // ganti title-headers |
| 178 | + templateQuestAnswer = templateQuestAnswer.replaceAll("{{title-headers}}", window.location.hostname); |
| 179 | +
|
| 180 | + templateQuestAnswer = templateQuestAnswer.replaceAll("{{main-content}}", ` |
| 181 | + <article class="blog-post-content"> |
| 182 | + <div class="post-content-wrapper"> |
| 183 | + <div class="post-text" itemscope="" itemtype="https://schema.org/QAPage"> |
| 184 | + <div class="question-section" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question"> |
| 185 | +
|
| 186 | +
|
| 187 | + <div class="question-header"> |
| 188 | + <h2>{{Pertanyaan}}</h2> |
| 189 | + <div class="question-meta"> |
| 190 | + <span class="difficulty"><i class="fas fa-signal"></i> {{Grade}}: ${data?.data_content?.data?.grade?.name || "Other"}</span> |
| 191 | + <span class="subject"><i class="fas fa-book"></i> {{Subject}}: ${data?.data_content?.data?.subject?.name || "Other"}</span> |
| 192 | + </div> |
| 193 | + </div> |
| 194 | + <div class="question-content"> |
| 195 | + <div itemprop="text name">${data_question}</div> |
| 196 | + <div class="question-details"> |
| 197 | + <div class="asker-info"> |
| 198 | + <span class="asker-avatar"> |
| 199 | + <i class="fas fa-user-circle"></i> |
| 200 | + </span> |
| 201 | + <span class="asker-name">{{Ditanyakan oleh}}: <span itemprop="author" itemscope="" itemtype="https://schema.org/Person"><span itemprop="name"><a itemprop="url" href="#${data?.data_content?.data?.id || author_name.toUpperCase()}">${author_name.toUpperCase()}</a></span></span></span> |
| 202 | + </div> |
| 203 | + <div class="question-stats"> |
| 204 | + <span class="views"><i class="fas fa-eye"></i> <span itemprop="upvoteCount">${total_views}</span> {{dilihat}}</span> |
| 205 | + <span class="answers"><i class="fas fa-comment-dots"></i> <span itemprop="answerCount">${total_comment}</span> {{jawaban}}</span> |
| 206 | + </div> |
| 207 | + <meta itemprop="dateCreated" content="${data?.data_content?.c || data?.data_content?.data?.created || new Date().toISOString()}"> |
| 208 | + </div> |
| 209 | + </div> |
| 210 | +
|
| 211 | + <div class="responsive-ad ad-after-question"> |
| 212 | + <div class="ad-placeholder"><span>Responsive Ad After Question</span></div> |
| 213 | + </div> |
| 214 | +
|
| 215 | + <div class="answers-section"> |
| 216 | + <h3>{{Jawaban}} (${total_comment})</h3> |
| 217 | + {{answer-card}} |
| 218 | + </div> |
| 219 | +
|
| 220 | +
|
| 221 | + </div> |
| 222 | + </div> |
| 223 | + <div class="load-more-answers"> |
| 224 | + <button class="load-more-btn"> |
| 225 | + <span class="btn-text">{{Lihat jawaban lainnya}} (${total_comment})</span> |
| 226 | + <span class="btn-icon"><i class="fas fa-chevron-down"></i></span> |
| 227 | + <span class="loading-spinner"><i class="fas fa-circle-notch"></i></span> |
| 228 | + </button> |
| 229 | + </div> |
| 230 | +
|
| 231 | + <div class="related-posts list-style" itemscope itemtype="https://schema.org/ItemList"> |
| 232 | + <h3 itemprop="name">{{Artikel Terkait}}</h3> |
| 233 | + <div class="related-posts-list"> |
| 234 | + {{related-posts}} |
| 235 | + </div> |
| 236 | + </div> |
| 237 | +
|
| 238 | + <div class="related-posts list-style" itemscope itemtype="https://schema.org/ItemList"> |
| 239 | + <h3 itemprop="name">Recommended Articles</h3> |
| 240 | + <div class="related-posts-list"> |
| 241 | + {{bl-related-posts}} |
| 242 | + </div> |
| 243 | + </div> |
| 244 | +
|
| 245 | + </div> |
| 246 | + </article> |
| 247 | + `); |
| 248 | +
|
| 249 | + // ganti intro content |
| 250 | + templateQuestAnswer = templateQuestAnswer.replaceAll("{{intro-content}}", ` |
| 251 | + <div class="intro-content"> |
| 252 | + <h1>${title_content}</h1> |
| 253 | + <div class="post-meta-header"> |
| 254 | + <div class="author-info"> |
| 255 | + <span class="author-avatar"> |
| 256 | + <i class="fas fa-user-circle"></i> |
| 257 | + </span> |
| 258 | + <span class="author-name">{{Oleh}}: ${author_name.toUpperCase()}</span> |
| 259 | + </div> |
| 260 | + <div class="post-details"> |
| 261 | + <span class="post-date"><i class="fas fa-calendar"></i> ${time_format_publish}</span> |
| 262 | + <span class="post-category"><i class="fas fa-folder"></i> ${data?.data_content?.data?.subject?.name || "Other"}</span> |
| 263 | + <span class="read-time"><i class="fas fa-clock"></i> 5 {{menit baca}}</span> |
| 264 | + </div> |
| 265 | + <div class="post-stats-header"> |
| 266 | + <div class="rating"> |
| 267 | + <div class="stars"> |
| 268 | + <i class="fas fa-star"></i> |
| 269 | + <i class="fas fa-star"></i> |
| 270 | + <i class="fas fa-star"></i> |
| 271 | + <i class="fas fa-star"></i> |
| 272 | + <i class="fas fa-star-half-alt"></i> |
| 273 | + </div> |
| 274 | + <span>4.5</span> |
| 275 | + </div> |
| 276 | + <div class="post-info"> |
| 277 | + <span class="views"><i class="fas fa-eye"></i> ${total_views} {{views}}</span> |
| 278 | + <span class="comments"><i class="fas fa-comment"></i> ${total_comment} {{komentar}}</span> |
| 279 | + <span class="shares"><i class="fas fa-share-alt"></i> ${total_shares} {{shares}}</span> |
| 280 | + </div> |
| 281 | + </div> |
| 282 | + </div> |
| 283 | + </div> |
| 284 | + `);` |
| 285 | +`` |
162 | 286 | **If you ever encountered any website have this structure, exit out immediately.** |
0 commit comments