LightPeer/resources/views/layout/component/search/filters.blade.php

<!--div class="results-filter collapse-transition collapse">
  <my-search-filters>
    <form novalidate="" role="form" class="ng-untouched ng-valid ng-dirty">
      <div class="row">
        <div class="col-lg-4 col-md-6 col-xs-12">
          <div class="form-group">
            <div class="radio-label label-container">
              <label>並び替え</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="sort" id="-match" class="ng-untouched ng-pristine ng-valid">
              <label class="radio" for="-match">関連性</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="sort" id="-publishedAt" class="ng-untouched ng-pristine ng-valid">
              <label class="radio" for="-publishedAt">投稿日</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="sort" id="-views" class="ng-untouched ng-pristine ng-valid">
              <label class="radio" for="-views">視聴回数</label>
            </div>
          </div>
          <div class="form-group">
            <div class="radio-label label-container">
              <label>Display only</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="isLive" id="isLiveTrue" value="true" class="ng-untouched ng-pristine ng-valid" />
              <label for="isLiveTrue" class="radio">ライブ配信動画</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="isLive" id="isLiveFalse" value="false" class="ng-untouched ng-pristine ng-valid" />
              <label for="isLiveFalse" class="radio">ビデオ・オン・デマンド動画</label>
            </div>
          </div>
          <div class="form-group">
            <div class="radio-label label-container">
              <label>センシティブなコンテンツを表示</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="sensitiveContent" id="sensitiveContentYes" value="both" class="ng-untouched ng-pristine ng-valid" />
              <label for="sensitiveContentYes" class="radio">はい</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="sensitiveContent" id="sensitiveContentNo" value="false" class="ng-untouched ng-pristine ng-valid" />
              <label for="sensitiveContentNo" class="radio">いいえ</label>
            </div>
          </div>
          <div class="form-group">
            <div class="radio-label label-container">
              <label>投稿日</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="publishedDateRange" id="today" class="ng-untouched ng-pristine ng-valid" />
              <label class="radio" for="today">今日</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="publishedDateRange" id="last_7days" class="ng-untouched ng-pristine ng-valid" />
              <label class="radio" for="last_7days">過去7日間</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="publishedDateRange" id="last_30days" class="ng-untouched ng-pristine ng-valid" />
              <label class="radio" for="last_30days">過去30日間</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="publishedDateRange" id="last_365days" class="ng-untouched ng-pristine ng-valid" />
              <label class="radio" for="last_365days">過去365日間</label>
            </div>
          </div>
          <div class="form-group">
            <div class="label-container">
              <label for="original-publication-after">動画が投稿された年</label>
            </div>
            <div class="row">
              <div class="pl-0 col-sm-6">
                <input type="text" id="original-publication-after" name="original-publication-after" placeholder="後…" class="form-control ng-untouched ng-pristine ng-valid" />
              </div>
              <div class="pr-0 col-sm-6">
                <input type="text" id="original-publication-before" name="original-publication-before" placeholder="前…" class="form-control ng-untouched ng-pristine ng-valid" />
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-xs-12">
          <div class="form-group">
            <div class="radio-label label-container">
              <label>再生時間</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="durationRange" id="short" class="ng-untouched ng-pristine ng-valid" />
              <label class="radio" for="short">短い(&lt; 4 分)</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="durationRange" id="medium" class="ng-untouched ng-pristine ng-valid" />
              <label class="radio" for="medium">中間(4 ～ 10 分)</label>
            </div>
            <div class="peertube-radio-container">
              <input type="radio" name="durationRange" id="long" class="ng-untouched ng-pristine ng-valid" />
              <label class="radio" for="long">長い(&gt; 10 分)</label>
            </div>
          </div>
          <div class="form-group">
            <label for="category">カテゴリ</label>
            <div class="peertube-select-container">
              <select id="category" name="category" class="form-control ng-untouched ng-pristine ng-valid">
                <option value="">全てのカテゴリーを表示</option>
                <option value="14">アクティビズム</option>
              </select>
            </div>
          </div>
          <div class="form-group">
            <label for="licence">ライセンス</label>
            <div class="peertube-select-container">
              <select id="licence" name="licence" class="form-control ng-untouched ng-pristine ng-valid">
                <option value="">全てのライセンスを表示</option>
                <option value="1">CC BY (作品を複製、頒布、展示、実演を行うにあたり、著作権者の表示を要求する。)</option>
                <option value="2">CC BY-SA (作品を複製、頒布、展示、実演を行うにあたり、著作権者の表示を要求し、作品を改変・変形・加工してできた作品についても、元になった作品と同じライセンスを継承させた上で頒布を認める)</option>
                <option value="3">CC BY-ND (作品を複製、頒布、展示、実演を行うにあたり、著作権者の表示を要求し、非営利目的での利用に限定し、いかなる改変も禁止する)</option>
                <option value="4">CC BY-NC (作品を複製、頒布、展示、実演を行うにあたり、著作権者の表示を要求し、非営利目的での利用に限定する)</option>
                <option value="5">CC BY-NC-SA (作品を複製、頒布、展示、実演を行うにあたり、著作権者の表示を要求し、非営利目的での利用に限定し、作品を改変・変形・加工してできた作品についても、元になった作品と同じライセンスを継承させた上で頒布を認める)</option>
                <option value="6">CC BY-NC-ND (作品を複製、頒布、展示、実演を行うにあたり、著作権者の表示を要求し、非営利目的での利用に限定し、いかなる改変も禁止する)</option>
                <option value="7">パブリックドメイン公開</option>
              </select>
            </div>
          </div>
          <div class="form-group">
            <label for="language">言語</label>
            <div class="peertube-select-container">
              <select id="language" name="language" class="form-control ng-untouched ng-pristine ng-valid">
                <option value="">全ての言語の動画を表示</option>
                <option value="la">Latin</option>
              </select>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-xs-12">
          <div class="form-group">
            <label for="tagsAllOf">これらのタグすべて</label>
            <my-select-tags name="tagsAllOf" labelforid="tagsAllOf" id="tagsAllOf" class="ng-untouched ng-valid ng-dirty">
            </my-select-tags>
          </div>
          <div class="form-group">
            <label for="tagsOneOf">これらのタグのうち1つ</label>
            <my-select-tags name="tagsOneOf" labelforid="tagsOneOf" id="tagsOneOf" class="ng-untouched ng-valid ng-dirty">
            </my-select-tags>
          </div>
          <div class="form-group">
            <label for="host">PeerTube instance host</label>
            <input type="text" id="host" name="host" placeholder="example.com" class="form-control ng-untouched ng-pristine ng-valid" />
          </div>
        </div>
      </div>
      <div class="submit-button">
        <input type="submit" value="フィルタ" />
      </div>
    </form>
  </my-search-filters>
</div-->