Ghost/ghost/admin/app/templates/components/gh-search-input-trigger.hbs

<div class="ember-power-select-search" onmousedown={{action "captureMouseDown"}}>
    {{svg-jar "search" class="gh-nav-search-icon"}}
    <input type="search"
        autocomplete="off"
        autocorrect="off"
        autocapitalize="off"
        autofocus="true"
        value={{if this.extra.labelPath (get selected this.extra.labelPath) selected}}
        spellcheck="false"
        role="combobox"
        placeholder={{placeholder}}
        oninput={{action 'search' value="target.value"}}
        onmousedown={{action "captureMouseDown"}}
        onkeydown={{action "handleKeydown"}}
        onkeyup={{action "handleKeyup"}}>
    {{!-- <button class="gh-nav-search-button" {{action "focusInput"}}>{{svg-jar "search"}}<span class="sr-only">Search</span></button> --}}
</div>
replace gh-selectize with power-select in gh-search-input refs #6458 2016-04-19 18:55:10 +03:00			`<div class="ember-power-select-search" onmousedown={{action "captureMouseDown"}}>`
🎨 Updated admin area design and usability (#1232) refs. https://github.com/TryGhost/Team/issues/205 Major update to Ghost Admin UI including: - improved general consistency (typography, colors and contrast, UI components, icons) - new design for post and pages lists, improved discoverability of filters - search moved to modal - account menu is decoupled from ghost logo - further usability fixes 2019-06-18 13:47:21 +03:00			`{{svg-jar "search" class="gh-nav-search-icon"}}`
			`<input type="search"`
			`autocomplete="off"`
			`autocorrect="off"`
			`autocapitalize="off"`
			`autofocus="true"`
Ran "no implicit this in templates" codemod no issue We were in a part-way state where some touched files had been (sometimes partially) migrated to explicit `this`. The codemod that was available has now fixed the formatting issues it had so it was a good time to run it. https://github.com/ember-codemods/ember-no-implicit-this-codemod - part of the migration path for https://github.com/emberjs/rfcs/pull/308 - starts to make template resolution rules more explicit - `<MyComponent />` - always a component - `{{my-component}}` - component or helper (components _must_ have a `-`. This style of component will go away once fully migrated to angle bracket components) - `{{value}}` - a helper or local template variable - `{{this.value}}` - reference to a property on the backing context (either a controller or a component JS file) 2019-12-13 17:20:29 +03:00			`value={{if this.extra.labelPath (get selected this.extra.labelPath) selected}}`
			`spellcheck="false"`
			`role="combobox"`
replace gh-selectize with power-select in gh-search-input refs #6458 2016-04-19 18:55:10 +03:00			`placeholder={{placeholder}}`
			`oninput={{action 'search' value="target.value"}}`
			`onmousedown={{action "captureMouseDown"}}`
			`onkeydown={{action "handleKeydown"}}`
🎨 Updated admin area design and usability (#1232) refs. https://github.com/TryGhost/Team/issues/205 Major update to Ghost Admin UI including: - improved general consistency (typography, colors and contrast, UI components, icons) - new design for post and pages lists, improved discoverability of filters - search moved to modal - account menu is decoupled from ghost logo - further usability fixes 2019-06-18 13:47:21 +03:00			`onkeyup={{action "handleKeyup"}}>`
			`{{!-- <button class="gh-nav-search-button" {{action "focusInput"}}>{{svg-jar "search"}}<span class="sr-only">Search</span></button> --}}`
replace gh-selectize with power-select in gh-search-input refs #6458 2016-04-19 18:55:10 +03:00			`</div>`