appview/pages: fragment readme and use only basename

Signed-off-by: Anirudh Oppiliappan <[e-mail]>

appview/pages/pages.go

···
 	params.Active = "overview"
 
 	if params.ReadmeFileName != "" {
+		params.ReadmeFileName = filepath.Base(params.ReadmeFileName)
+
 		ext := filepath.Ext(params.ReadmeFileName)
 		switch ext {
 		case ".md", ".markdown", ".mdown", ".mkdn", ".mkd":

appview/pages/templates/repo/fragments/readme.html

···
+{{ define "repo/fragments/readme" }}
+<div class="mt-4 rounded bg-white dark:bg-gray-800 drop-shadow-sm w-full mx-auto overflow-hidden">
+    {{- if .ReadmeFileName -}}
+    <div class="px-4 py-2 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600 flex items-center gap-2">
+        {{ i "file-text" "w-4 h-4" "text-gray-600 dark:text-gray-400" }}
+        <span class="font-mono text-sm text-gray-800 dark:text-gray-200">{{ .ReadmeFileName }}</span>
+    </div>
+    {{- end -}}
+    <section
+        class="p-6 overflow-auto {{ if not .Raw }}
+        prose dark:prose-invert dark:[&_pre]:bg-gray-900
+        dark:[&_code]:text-gray-300 dark:[&_pre_code]:bg-gray-900
+        dark:[&_pre]:border dark:[&_pre]:border-gray-700
+        {{ end }}"
+    >
+        <article class="{{ if .Raw }}whitespace-pre{{ end }}">{{- if .Raw -}}<pre class="dark:bg-gray-800 dark:text-white overflow-x-auto">
+            {{- .Readme -}}
+        </pre>
+        {{- else -}}
+        {{ .HTMLReadme }}
+        {{- end -}}</article>
+    </section>
+</div>
+{{ end }}

appview/pages/templates/repo/index.html

···
 
 {{ define "repoAfter" }}
     {{- if or .HTMLReadme .Readme -}}
-        <div class="mt-4 rounded bg-white dark:bg-gray-800 drop-shadow-sm w-full mx-auto overflow-hidden">
-            {{- if .ReadmeFileName -}}
-            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600 flex items-center gap-2">
-                {{ i "file-text" "w-4 h-4" "text-gray-600 dark:text-gray-400" }}
-                <span class="font-mono text-sm text-gray-800 dark:text-gray-200">{{ .ReadmeFileName }}</span>
-            </div>
-            {{- end -}}
-            <section
-                class="p-6 overflow-auto {{ if not .Raw }}
-                    prose dark:prose-invert dark:[&_pre]:bg-gray-900
-                    dark:[&_code]:text-gray-300 dark:[&_pre_code]:bg-gray-900
-                    dark:[&_pre]:border dark:[&_pre]:border-gray-700
-                {{ end }}"
-            >
-                <article class="{{ if .Raw }}whitespace-pre{{ end }}">{{- if .Raw -}}<pre class="dark:bg-gray-800 dark:text-white overflow-x-auto">
-                            {{- .Readme -}}
-                        </pre>
-                    {{- else -}}
-                        {{ .HTMLReadme }}
-                    {{- end -}}</article>
-            </section>
-        </div>
+       {{ template "repo/fragments/readme" . }}
     {{- end -}}
 {{ end }}

appview/pages/templates/repo/tree.html

···
 
 {{ define "repoAfter" }}
     {{- if or .HTMLReadme .Readme -}}
-        <div class="mt-4 rounded bg-white dark:bg-gray-800 drop-shadow-sm w-full mx-auto overflow-hidden">
-            {{- if .ReadmeFileName -}}
-            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600 flex items-center gap-2">
-                {{ i "file-text" "w-4 h-4" "text-gray-600 dark:text-gray-400" }}
-                <span class="font-mono text-sm text-gray-800 dark:text-gray-200">{{ .ReadmeFileName }}</span>
-            </div>
-            {{- end -}}
-            <section
-                class="p-6 overflow-auto {{ if not .Raw }}
-                    prose dark:prose-invert dark:[&_pre]:bg-gray-900
-                    dark:[&_code]:text-gray-300 dark:[&_pre_code]:bg-gray-900
-                    dark:[&_pre]:border dark:[&_pre]:border-gray-700
-                {{ end }}"
-            >
-                <article class="{{ if .Raw }}whitespace-pre{{ end }}">{{- if .Raw -}}<pre class="dark:bg-gray-800 dark:text-white overflow-x-auto">
-                            {{- .Readme -}}
-                        </pre>
-                    {{- else -}}
-                        {{ .HTMLReadme }}
-                    {{- end -}}</article>
-            </section>
-        </div>
+        {{ template "repo/fragments/readme" . }}
     {{- end -}}
 {{ end }}