<div id="file-content">
  <h4 class="ui top attached header" id="{{if .ReadmeExist}}repo-readme{{else}}repo-read-file{{end}}">
    {{if .ReadmeExist}}
      <i class="book icon ui left"></i>
      {{if .ReadmeInList}}
      <strong>{{.FileName}}</strong>
      {{else}}
      <strong>{{.FileName}}</strong> <span class="text grey normal">{{FileSize .FileSize}}</span>
      {{end}}
    {{else}}
      <i class="file text outline icon ui left"></i>
      <strong>{{.FileName}}</strong> <span class="text grey normal">{{FileSize .FileSize}}</span>
    {{end}}
    {{if not .ReadmeInList}}
    <div class="ui right">
      <div class="ui small grey basic buttons">
        {{if not .IsCommit}}
          <a class="ui button" href="{{.RepoLink}}/src/{{.CommitID}}/{{EscapePound .TreeName}}">{{.i18n.Tr "repo.file_permalink"}}</a>
        {{end}}
        <a class="ui button" href="{{.RepoLink}}/commits/{{EscapePound .BranchName}}/{{EscapePound .TreeName}}">{{.i18n.Tr "repo.file_history"}}</a>
        <a class="ui button" href="{{EscapePound .FileLink}}">{{.i18n.Tr "repo.file_raw"}}</a>
      </div>
    </div>
    {{end}}
  </h4>
  <div class="ui attached table segment">
    <div class="file-view {{if .ReadmeExist}}markdown{{else if .IsFileText}}code-view{{end}}">
      {{if .ReadmeExist}}
      {{if .FileContent}}{{.FileContent | Str2html}}{{end}}
        {{else if not .IsFileText}}
        <div class="view-raw">
          {{if .IsImageFile}}
          <img src="{{EscapePound .FileLink}}">
          {{else}}
          <a href="{{EscapePound .FileLink}}" rel="nofollow" class="btn btn-gray btn-radius">{{.i18n.Tr "repo.file_view_raw"}}</a>
          {{end}}
        </div>
      {{else if .FileSize}}
        <table>
          <tbody>
            <tr>
              <td class="lines-num"></td>
              <td class="lines-code"><pre class="{{if .FileExt}}lang-{{.FileExt}}{{end}}"><code><ol class="linenums">{{.FileContent}}</ol></code></pre></td>
            </tr>
          </tbody>
        </table>
      {{end}}
    </div>
  </div>
</div>