<div class="form-group">
                                    <la:text styleClass="query form-control" property="q"
                                             title="Search" size="50" maxlength="1000"
                                             placeholder="Type a search query"/>
                                </div>
                                <div class="form-group ml-sm-2">

						<div class="input-wrapper">
							<div class="input-group">
								<textarea id="chatInput" class="form-control"
									placeholder="<la:message key="labels.chat_input_placeholder" />"
									rows="1" maxlength="4000"
									aria-label="<la:message key="labels.chat_input_placeholder" />"></textarea>
								<button type="button" id="sendBtn" class="btn btn-primary" aria-label="<la:message key="labels.chat_send" />">

        final String value;
        final int maxLength = getLdapMaxUsernameLengthAsInteger();
        if (username == null) {
            value = StringUtil.EMPTY;
        } else if (maxLength >= 0 && username.length() > maxLength) {
            value = LdapUtil.escapeValue(username.substring(0, maxLength));
        } else {
            value = LdapUtil.escapeValue(username);
        }

        var count = elements.chatInput.val().length;
        var maxLength = 4000;
        elements.charCount.text(count);

        var counter = elements.charCount.parent();
        counter.removeClass('warning danger');
        if (count >= maxLength * 0.95) {
            counter.addClass('danger');
        } else if (count >= maxLength * 0.8) {
            counter.addClass('warning');
        }
    }

						<div class="clearfix">
							<div class="mx-auto col-10 col-sm-8 col-md-8 col-lg-6">
								<la:text styleClass="query form-control"
									property="q" size="50" maxlength="1000" styleId="contentQuery"
									autocomplete="off" />
							</div>
						</div>
						<c:if test="${!empty popularWords}">
							<div class="clearfix">
								<p class="text-truncate">

						<div class="input-wrapper">
							<div class="input-group">
								<textarea id="chatInput" class="form-control"
									placeholder="<la:message key="labels.chat_input_placeholder" />"
									rows="1" maxlength="4000"
									aria-label="<la:message key="labels.chat_input_placeholder" />"></textarea>
								<button type="button" id="sendBtn" class="btn btn-primary" aria-label="<la:message key="labels.chat_send" />">

				<div class="input-group">
					<input class="form-control form-control-sidebar" name="q" id="query"
						   maxlength="1000"
						   placeholder="<la:message key="labels.sidebar.placeholder_search" />">
					<div class="input-group-append">
						<button class="btn btn-sidebar" type="submit" name="search" id="search-btn">

.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),ce.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){ce.propFix[this.toLowerCase()]=this}),ce.fn.extend({addClass:function(t){var e,n,r,i,o,a;return v(t)?this.each(function(e){ce(this).addClass(t....

.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),ce.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){ce.propFix[this.toLowerCase()]=this}),ce.fn.extend({addClass:function(t){var e,n,r,i,o,a;return v(t)?this.each(function(e){ce(this).addClass(t....