aiforge/templates/explore/dataset_list.tmpl

<h2 class="ui left floated medium header">
  {{.i18n.Tr "datasets"}}
</h2>
<div class="ui right floated secondary filter menu">
  <!-- Sort -->
  <div class="ui right dropdown type jump item">
    <span class="text">
      {{.i18n.Tr "repo.issues.filter_sort"}}
                <i class="dropdown icon"></i>
    </span>
    <div class="menu">
        <a class="{{if eq .SortType "newest"}}active{{end}} item" href="{{$.Link}}?sort=newest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.latest"}}</a>
        <a class="{{if eq .SortType "oldest"}}active{{end}} item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.oldest"}}</a>
        <a class="{{if eq .SortType "recentupdate"}}active{{end}} item" href="{{$.Link}}?sort=recentupdate&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.recentupdate"}}</a>
        <a class="{{if eq .SortType "leastupdate"}}active{{end}} item" href="{{$.Link}}?sort=leastupdate&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.leastupdate"}}</a>
        <a class="{{if eq .SortType "downloadtimes"}}active{{end}} item" href="{{$.Link}}?sort=downloadtimes&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.downloadtimes"}}</a>
    </div>
  </div>
</div>

<div class="ui clearing divider"></div>

<div class="ui dataset list">
  <div class="ui sixteen wide mobile ten wide tablet ten wide computer colum">
    {{range .Datasets}}
      <div class="item">
        <div class="ui header" style="display: flex;">
          <a class="name dataset-title-a" title="{{.Title}}" href="{{.Repo.Link}}/datasets">
            {{.Title}}
          </a>
          <div class="ui right metas">
            {{if .Task}}
              <span class="text grey">{{svg "octicon-tasklist" 16}} {{$.i18n.Tr (printf "dataset.task.%s" .Task)}}</span>
            {{end}}
            {{if .Category}}
              <span class="text grey">{{svg "octicon-tag" 16}}{{$.i18n.Tr (printf "dataset.category.%s" .Category)}}</span>
            {{end}}
            <span class="text grey">{{svg "octicon-flame" 16}} {{.DownloadTimes}}</span>
          </div>
        </div>
        <div class="description">
          {{if .Description}}
            <p class="has-emoji" style="word-break: break-all;">{{.Description}}</p>
          {{else if .Repo.DescriptionHTML}}
            <p class="has-emoji">{{.Repo.DescriptionHTML}}</p>
          {{end}}
          <p class="time">{{$.i18n.Tr "org.repo_updated"}} {{TimeSinceUnix .UpdatedUnix $.i18n.Lang}}</p>
        </div>
      </div>
    {{else}}
      <div>
        {{$.i18n.Tr "explore.dataset_no_results"}}
      </div>
    {{end}}
  </div>
</div>
<script>
  console.log({{.Datasets}})
</script>