Edit discourse theme

Hello, I would like to edit this outlet, I need to delete something there, add something … I went according to the instructions here on the disourse, how to edit the discourse theme using outlets, widgets, etc. I should have the right path, and in the instructions it was necessary to copy the code and paste and just edit.

Can you please advise me where I am making a mistake? Thank you

<script type="text/x-handlebars" data-template-name="components/search-advanced-options.hbs">

<summary>
  {{i18n "search.advanced.title"}}
</summary>
<div class="search-advanced-filters">
  <div class="search-advanced-options">
    {{plugin-outlet name="advanced-search-options-above" connectorTagName="div" args=(hash searchedTerms=searchedTerms onChangeSearchedTermField=onChangeSearchedTermField)}}

    <div class="control-group advanced-search-category">
      <label class="control-label">{{i18n "search.advanced.in_category.label"}}</label>
      <div class="controls">
        {{search-advanced-category-chooser
          id="search-in-category"
          value=searchedTerms.category.id
          onChange=(action "onChangeSearchTermForCategory")
        }}
      </div>
    </div>

    {{#if siteSettings.tagging_enabled}}
      <div class="control-group advanced-search-tags">
        <label class="control-label">{{i18n "search.advanced.with_tags.label"}}</label>
        <div class="controls">
          {{tag-chooser
            id="search-with-tags"
            tags=searchedTerms.tags
            everyTag=true
            unlimitedTagCount=true
            onChange=(action "onChangeSearchTermForTags")
            options=(hash
              allowAny=false
              headerAriaLabel=(i18n "search.advanced.with_tags.aria_label")
            )
          }}
          {{#if showAllTagsCheckbox}}
            <section class="field">
              <label>
                {{input
                  type="checkbox"
                  class="all-tags"
                  checked=searchedTerms.special.all_tags
                  click=(action "onChangeSearchTermForAllTags" value="target.checked")
                }}
                {{i18n "search.advanced.filters.all_tags"}}
              </label>
            </section>
          {{/if}}
        </div>
      </div>
    {{/if}}

    <div class="control-group advanced-search-topics-posts">
      <div class="controls">
        <fieldset class="grouped-control">
          <legend class="grouped-control-label">{{i18n "search.advanced.filters.label"}}</legend>

          {{#if currentUser}}
           

          {{/if}}

          {{combo-box
            id="in"
            valueProperty="value"
            content=inOptions
            value=searchedTerms.in
            onChange=(action "onChangeSearchTermForIn")
            options=(hash
              none="user.locale.any"
              clearable=true
            )
          }}
        </fieldset>
      </div>
    </div>

    <div class="control-group advanced-search-topic-status">
      <label class="control-label">{{i18n "search.advanced.statuses.label"}}</label>
      <div class="controls">
        {{combo-box
          id="search-status-options"
          valueProperty="value"
          content=statusOptions
          value=searchedTerms.status
          onChange=(action "onChangeSearchTermForStatus")
          options=(hash
            none="user.locale.any"
            headerAriaLabel=(i18n "search.advanced.statuses.label")
            clearable=true
          )
        }}
      </div>
    </div>

    <div class="control-group advanced-search-posted-by">
      <label class="control-label">
        {{i18n "search.advanced.posted_by.label"}}
      </label>
      <div class="controls">
        {{user-chooser
          id="search-posted-by"
          value=searchedTerms.username
          onChange=(action "onChangeSearchTermForUsername")
          options=(hash
            headerAriaLabel=(i18n "search.advanced.posted_by.aria_label")
            maximum=1
            excludeCurrentUser=false
          )
        }}
      </div>
    </div>

    <div class="control-group advanced-search-posted-date">
      <label class="control-label">{{i18n "search.advanced.post.time.label"}}</label>
      <div class="controls inline-form full-width">
        {{combo-box
          id="postTime"
          valueProperty="value"
          content=postTimeOptions
          value=searchedTerms.time.when
          onChange=(action "onChangeWhenTime")
          options=(hash
            headerAriaLabel=(i18n "search.advanced.post.time.aria_label")
          )
        }}
        {{date-input
          date=searchedTerms.time.days
          onChange=(action "onChangeWhenDate")
          inputId="search-post-date"
        }}
      </div>
    </div>

    {{plugin-outlet name="advanced-search-options-below" connectorTagName="div" args=(hash searchedTerms=searchedTerms onChangeSearchedTermField=onChangeSearchedTermField)}}
  </div>

  <details class="search-advanced-additional-options">
    <summary>
      {{i18n "search.advanced.additional_options.label"}}
    </summary>
    <div class="count-group control-group">
      {{!-- TODO: Using a label here fails no-nested-interactive lint rule --}}
      <span class="control-label">{{i18n "search.advanced.post.count.label"}}</span>
      <div class="controls">
        {{input
          type="number"
          value=(readonly searchedTerms.min_posts)
          class="input-small"
          id="search-min-post-count"
          input=(action "onChangeSearchTermMinPostCount" value="target.value")
          placeholder=(i18n "search.advanced.post.min.placeholder")
          aria-label=(i18n "search.advanced.post.min.aria_label")
        }}
        {{d-icon "arrows-alt-h"}}
        {{input
          type="number"
          value=(readonly searchedTerms.max_posts)
          class="input-small"
          id="search-max-post-count"
          input=(action "onChangeSearchTermMaxPostCount" value="target.value")
          placeholder=(i18n "search.advanced.post.max.placeholder")
          aria-label=(i18n "search.advanced.post.max.aria_label")
        }}
      </div>
    </div>

    <div class="count-group control-group">
      {{!-- TODO: Using a label here fails no-nested-interactive lint rule --}}
      <span class="control-label">{{i18n "search.advanced.views.label"}}</span>
      <div class="controls">
        {{input
          type="number"
          value=(readonly searchedTerms.min_views)
          class="input-small"
          id="search-min-views"
          input=(action "onChangeSearchTermMinViews" value="target.value")
          placeholder=(i18n "search.advanced.min_views.placeholder")
          aria-label=(i18n "search.advanced.min_views.aria_label")
        }}
        {{d-icon "arrows-alt-h"}}
        {{input
          type="number"
          value=(readonly searchedTerms.max_views)
          class="input-small"
          id="search-max-views"
          input=(action "onChangeSearchTermMaxViews" value="target.value")
          placeholder=(i18n "search.advanced.max_views.placeholder")
          aria-label=(i18n "search.advanced.max_views.aria_label")
        }}
      </div>
    </div>
  </details>

  {{#if site.mobileView}}
    <div class="second-search-button">
      {{d-button
        action=search
        icon="search"
        label="search.search_button"
        class="btn-primary search-cta"
        ariaLabel="search.search_button"
        disabled=searchButtonDisabled
      }}
    </div>
  {{/if}}
</div>
</script>

I want to edit “Vrátiť iba témy/príspevky…”

Something add/Something remove(I know just hide css) …

1 Like