Use data attributs instead of class for js integration.

This commit is contained in:
Fredrik Jonsson 2025-03-26 13:00:19 +01:00
commit 90e45f224a
2 changed files with 17 additions and 17 deletions

View file

@ -1,6 +1,6 @@
<p class="error message js-hidden">{{ i18n "js_required" }}</p>
<p class="contact-submitted status message hidden">{{ i18n "contact_submitted" }}</p>
<p class="contact-error error message hidden">{{ i18n "contact_error" }}</p>
<p class="success message hidden" data-contact-submitted>{{ i18n "contact_submitted" }}</p>
<p class="error message hidden" data-contact-error>{{ i18n "contact_error" }}</p>
<form class="contact-form hidden" data-protect="/php/contact.php" action="#" method="post" accept-charset="UTF-8">
<label for="edit-name">{{ i18n "contact_name" }}</label>

View file

@ -1,17 +1,17 @@
<p class="error message js-hidden">{{ i18n "js_required" }}</p>
<p class="search-loading status message hidden">{{ i18n "search_loading" }}</p>
<p class="info message hidden" data-search-loading>{{ i18n "search_loading" }}</p>
<div class="search-input hidden">
<form id="search-form" class="search-form" action="#" method="post" accept-charset="UTF-8" role="search">
<div data-search-input class="hidden">
<form data-search-form id="search-form" action="#" method="post" accept-charset="UTF-8" role="search">
<label for="query" class="visually-hidden">{{ i18n "search_title" }}</label>
<input type="search" id="query" name="query" class="search-text" placeholder="{{ i18n "search_placeholder" }}" maxlength="128">
<input data-search-text type="search" id="query" name="query" placeholder="{{ i18n "search_placeholder" }}" maxlength="128">
</form>
</div>
<div class="search-results"></div>
<div data-search-results></div>
<template>
<article class="search-result list-view">
<article data-search-result class="list-view">
<header>
<h2 class="title mt--s mb--xxs"><a href="#">Title here</a></h2>
<div class="submitted"><time class="created-date">Date here</time></div>