findreplace-bar.html

{{#multifile}}
<div id="searchlabel" style="text-align: center; font-weight: bold; font-size: medium; padding-bottom: 5px;">
    {{{scopeLabel}}}
</div>
{{/multifile}}

<div class="find-input-group">
    <div id="find-group">
        <div class="search-input-container">
                <div class="find-what-wrapper">
                    <textarea id="find-what" spellcheck="false" autocomplete="off"
                              placeholder="{{queryPlaceholder}}" rows="2" >{{initialQuery}}</textarea>
                    <div id="find-counter"></div>
                    <div class="dropdown-icon"></div>
                </div>
                <div class="error"></div>
        </div>
        <button id="find-case-sensitive" class="btn no-focus" tabindex="-1" title="{{Strings.BUTTON_CASESENSITIVE_HINT}}"><div class="button-icon"></div></button>
        <button id="find-regexp" class="btn no-focus" tabindex="-1" title="{{Strings.BUTTON_REGEXP_HINT}}"><div class="button-icon"></div></button><!--
        {{^multifile}}
        --><div class="navigator"><!--
            --><button id="find-prev" class="btn no-focus" tabindex="-1" title="{{Strings.BUTTON_PREV_HINT}}">{{Strings.BUTTON_PREV}}</button><!--
            --><button id="find-next" class="btn no-focus" tabindex="-1" title="{{Strings.BUTTON_NEXT_HINT}}">{{Strings.BUTTON_NEXT}}</button><!--
        --></div><!--
        {{/multifile}}
    -->
    </div>

    {{#replace}}
    <div id="replace-group" {{#scope}}class="has-scope"{{/scope}}><!--
        --><input type="text" autocomplete="off" spellcheck="false" id="replace-with" placeholder="{{Strings.REPLACE_PLACEHOLDER}}" value="{{initialReplaceText}}" /><!--
        {{^multifile}}
        --><button id="replace-yes" class="btn no-focus" tabindex="-1">{{Strings.BUTTON_REPLACE}}</button><!--
        {{/multifile}}
        --><button id="replace-batch" class="btn no-focus {{#multifile}}solo{{/multifile}}" tabindex="-1">{{replaceBatchLabel}}</button><!--
        {{^multifile}}
        --><button id="replace-all" class="btn no-focus" tabindex="-1">{{replaceAllLabel}}</button><!--
        {{/multifile}}
        --></div>
    {{/replace}}
</div>

{{#multifile}}
<div class="scope-group">
    <!-- For Find in Files, the filter picker will be added here programmatically. -->
</div>
<div id="indexing-spinner" class="indexing-group forced-hidden">
    <div class="spinner inline spin"></div>
    <div id="indexing-spinner-message" class="indexing-message">{{Strings.FIND_IN_FILES_INDEXING}}</div>
</div>
{{/multifile}}

<a href="#" class="close">&times;</a>