{{define "blob.html"}}{{template "base.html" .}}{{end}}

{{define "title"}}{{.Path}} — {{.Repo.Name}} — {{.SiteName}}{{end}}

{{define "tabs"}}

<a href="/{{.Repo.Name}}" class="tab">home</a>

<a href="/{{.Repo.Name}}/log/{{.Ref}}" class="tab">log</a>

<a href="/{{.Repo.Name}}/refs" class="tab">refs</a>

{{end}}

{{define "content"}}

<nav class="breadcrumbs">

    {{range $i, $b := .Breadcrumbs}}{{if $i}} / {{end}}<a href="{{$b.Href}}">{{$b.Name}}</a>{{end}}

</nav>

<div class="file-view">

    <header class="file-header">

        <span class="file-name">{{.Path}}</span>

        <span class="file-meta">{{humanSize .Size}}</span>

        {{if not .Binary}}<button type="button" class="copy-btn" data-raw="/{{.Repo.Name}}/raw/{{.Ref}}/{{.Path}}">copy</button>{{end}}

        <a href="/{{.Repo.Name}}/raw/{{.Ref}}/{{.Path}}">raw</a>

    </header>

    {{if .Binary}}

    <p class="empty">Binary file — <a href="/{{.Repo.Name}}/raw/{{.Ref}}/{{.Path}}">download raw</a>.</p>

    {{else}}

    <div class="blob-view">{{.HighlightedHTML}}</div>

    {{end}}

</div>

<script>

document.querySelectorAll(".copy-btn").forEach(function (btn) {

    btn.addEventListener("click", async function () {

        try {

            var res = await fetch(btn.dataset.raw);

            var text = await res.text();

            await navigator.clipboard.writeText(text);

            var prev = btn.textContent;

            btn.textContent = "copied";

            setTimeout(function () { btn.textContent = prev; }, 1500);

        } catch (e) {

            btn.textContent = "failed";

        }

    });

});

</script>

{{end}}