peertube-plugin-livechat/client/common/configuration/templates/channel.mustache

<div class="margin-content peertube-plugin-livechat-configuration peertube-plugin-livechat-configuration-channel">
  <h1>
    {{title}}:
    <span class="peertube-plugin-livechat-configuration-channel-info">
      <span>{{channelConfiguration.channel.displayName}}</span>
      <span>{{channelConfiguration.channel.name}}</span>
    </span>
    {{{helpButton}}}
  </h1>
  <p>{{description}}</p>
  <form livechat-configuration-channel-options role="form">
    <div class="row mt-3">
      <div class="col-12 col-lg-4 col-xl-3">
        <h2>{{slowModeLabel}}</h2>
        <p>{{{slowModeDesc}}}</p>
        {{{helpButtonSlowMode}}}
      </div>
      <div class="col-12 col-lg-8 col-xl-9">
        <div class="form-group">
          <label>
            <input
              type="number"
              name="slow_mode_duration"
              class="form-control"
              min="0"
              max="1000"
              id="peertube-livechat-slow-mode-duration"
              value="{{channelConfiguration.configuration.slowMode.duration}}"
            />
          </label>
        </div>
    </div>
    <div class="row mt-3">
      <div class="col-12 col-lg-4 col-xl-3">
        <h2>{{botOptions}}</h2>
        {{{helpButtonBot}}}
      </div>
      <div class="col-12 col-lg-8 col-xl-9">
        <div class="form-group">
          <label>
            <input
              type="checkbox"
              name="bot"
              id="peertube-livechat-bot"
              value="1"
              {{#channelConfiguration.configuration.bot.enabled}}
                checked="checked"
              {{/channelConfiguration.configuration.bot.enabled}}
            />
            {{enableBot}}
          </label>
        </div>
        <div class="form-group" livechat-configuration-channel-options-bot-enabled>
          <label for="peertube-livechat-bot-nickname">{{botNickname}}</label>
          <input
            type="text"
            name="bot_nickname"
            class="form-control"
            id="peertube-livechat-bot-nickname"
            value="{{channelConfiguration.configuration.bot.nickname}}"
          />
        </div>
      </div>
    </div>

    <div class="row mt-5" livechat-configuration-channel-options-bot-enabled>
      <div class="col-12 col-lg-4 col-xl-3">
        <h2>{{forbiddenWords}} #{{displayNumber}}</h2>
        {{#displayHelp}}
          <p>{{forbiddenWordsDesc}} {{moreInfo}}</p>
          {{{helpButtonForbiddenWords}}}
        {{/displayHelp}}
      </div>
      <table class="col-12 col-lg-4 col-xl-3 forbidden_words_table">
        <thead>
          <tr>
            <th scope="col">{{forbiddenWords}}  <span class="form-group-description">{{forbiddenWordsDesc2}}</span></th>
            <th scope="col">{{forbiddenWordsRegexp}} <span class="form-group-description">{{forbiddenWordsRegexpDesc}}</span></th>
            <th scope="col">{{forbiddenWordsApplyToModerators}} <span class="form-group-description">{{forbiddenWordsApplyToModeratorsDesc}}</span></th>
            <th scope="col">{{forbiddenWordsLabel}}  <span class="form-group-description">{{forbiddenWordsLabelDesc}}</span></th>
            <th scope="col">{{forbiddenWordsReason}}  <span class="form-group-description">{{forbiddenWordsReasonDesc}}</span></th>
            <th scope="col">{{forbiddenWordsComments}}  <span class="form-group-description">{{forbiddenWordsCommentsDesc}}</span></th>
            <th scope="col">Remove  <span class="form-group-description">Remove Row</span></th>
          </tr>
        </thead>
        {{#forbiddenWordsArray}}{{! iterating on forbiddenWordsArray to display N fields }}
          <tbody>
            <tr class="peertube-livechat-forbidden-words-row-{{fieldNumber}}">
              <td>
                {{! warning: don't add extra line break in textarea! }}
                <textarea
                  name="forbidden_words_{{fieldNumber}}"
                  id="peertube-livechat-forbidden-words-{{fieldNumber}}"
                  class="form-control"
                >{{joinedEntries}}</textarea>
              </td>
              <td>
                <input
                  type="checkbox"
                  name="forbidden_words_regexp_{{fieldNumber}}"
                  value="1"
                  {{#regexp}}
                    checked="checked"
                  {{/regexp}}
                />
              </td>
              <td>
                <input
                  type="checkbox"
                  name="forbidden_words_applytomoderators_{{fieldNumber}}"
                  value="1"
                  {{#applyToModerators}}
                    checked="checked"
                  {{/applyToModerators}}
                />
              </td>
              <td>
                <input
                  type="text"
                  name="forbidden_words_label_{{fieldNumber}}"
                  class="form-control"
                  id="peertube-livechat-forbidden-words-label-{{fieldNumber}}"
                  value="{{label}}"
                />
              </td>
              <td>
                <input
                  type="text"
                  name="forbidden_words_reason_{{fieldNumber}}"
                  class="form-control"
                  id="peertube-livechat-forbidden-words-reason-{{fieldNumber}}"
                  value="{{reason}}"
                />
              </td>
              <td>
                {{! warning: don't add extra line break in textarea! }}
                <textarea
                  name="forbidden_words_comments_{{fieldNumber}}"
                  id="peertube-livechat-forbidden-words-comments-{{fieldNumber}}"
                  class="form-control"
                >{{comments}}</textarea>
              </td>
              <td>
                <button type="button" class="btn btn-danger peertube-livechat-forbidden-words-{{fieldNumber}}-remove">x</button>
              </td>
            </tr>
      {{/forbiddenWordsArray}}
            <tr>
              <button type="button" class="btn btn-success peertube-livechat-forbidden-words-add">+</button>
            </tr>
          </tbody>
        </table>
      </div>

    {{#quotesArray}}{{! iterating on quotesArray to display N fields }}
      <div class="row mt-5" livechat-configuration-channel-options-bot-enabled>
        <div class="col-12 col-lg-4 col-xl-3">
          <h2>{{quoteLabel}} #{{displayNumber}}</h2>
          {{#displayHelp}}
            <p>{{quoteDesc}} {{moreInfo}}</p>
            {{{helpButtonQuotes}}}
          {{/displayHelp}}
        </div>
        <div class="col-12 col-lg-8 col-xl-9">
          <div class="form-group">
            <label for="peertube-livechat-quote-{{fieldNumber}}">{{quoteLabel2}}</label>
            {{! warning: don't add extra line break in textarea! }}
            <textarea
              name="quote_{{fieldNumber}}"
              id="peertube-livechat-quote-{{fieldNumber}}"
              class="form-control"
            >{{joinedMessages}}</textarea>
            <p class="form-group-description">{{quoteDesc2}}</p>
          </div>
          <div class="form-group">
            <label for="peertube-livechat-quote-delay-{{fieldNumber}}">{{quoteDelayLabel}}</label>
            <input
              type="number"
              min="1"
              max="6000"
              step="1"
              name="quote_delay_{{fieldNumber}}"
              class="form-control"
              id="peertube-livechat-quote-delay-{{fieldNumber}}"
              value="{{delay}}"
            />
            <p class="form-group-description">{{quoteDelayDesc}}</p>
          </div>
        </div>
      </div>
    {{/quotesArray}}

    {{#cmdsArray}}{{! iterating on cmdsArray to display N fields }}
      <div class="row mt-5" livechat-configuration-channel-options-bot-enabled>
        <div class="col-12 col-lg-4 col-xl-3">
          <h2>{{commandLabel}} #{{displayNumber}}</h2>
          {{#displayHelp}}
            <p>{{commandDesc}} {{moreInfo}}</p>
            {{{helpButtonCommands}}}
          {{/displayHelp}}
        </div>
        <div class="col-12 col-lg-8 col-xl-9">
          <div class="form-group">
            <label for="peertube-livechat-command-{{fieldNumber}}">{{commandCmdLabel}}</label>
            <input
              type="text"
              name="command_{{fieldNumber}}"
              class="form-control"
              id="peertube-livechat-command-{{fieldNumber}}"
              value="{{command}}"
            />
            <p class="form-group-description">{{commandCmdDesc}}</p>
          </div>
          <div class="form-group">
            <label for="peertube-livechat-command-message-{{fieldNumber}}">{{commandMessageLabel}}</label>
            <input
              type="text"
              name="command_message_{{fieldNumber}}"
              class="form-control"
              id="peertube-livechat-command-message-{{fieldNumber}}"
              value="{{message}}"
            />
            <p class="form-group-description">{{commandMessageDesc}}</p>
          </div>
        </div>
      </div>
    {{/cmdsArray}}
    <div class="form-group mt-5">
      <input type="submit" value="{{save}}" />
      <input type="reset" value="{{cancel}}" />
    </div>
  </form>
</div>