appview: ui: add fork indicator to repoCard #472

···

       
5
       
5
       
 
       


     

       
6
       
6
       
 
       
  {{ with $repo }}

     

       
7
       
7
       
 
       
    <div class="py-4 px-6 drop-shadow-sm rounded bg-white dark:bg-gray-800">

     

       
8
       
8
       
+
       
        <div class="font-medium dark:text-white flex gap-2 items-center">

     

       
9
       
9
       
+
       
          {{- if $fullName -}}

     

       
10
       
10
       
+
       
            <a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}">{{ index $root.DidHandleMap .Did }}/{{ .Name }}</a>

     

       
11
       
11
       
+
       
          {{- else -}}

     

       
12
       
12
       
+
       
            <a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}">{{ .Name }}</a>

     

       
13
       
13
       
+
       
          {{- end -}}

     

       
8
       
8
       
-
       
      <div class="font-medium dark:text-white flex gap-2 items-center">

     

       
9
       
9
       
-
       
        {{- if $fullName -}}

     

       
10
       
10
       
-
       
          <a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}"

     

       
11
       
11
       
-
       
            >{{ index $root.DidHandleMap .Did }}/{{ .Name }}</a

     

       
12
       
12
       
-
       
          >

     

       
13
       
13
       
-
       
        {{- else -}}

     

       
14
       
14
       
-
       
          <a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}"

     

       
15
       
15
       
-
       
            >{{ .Name }}</a

     

       
16
       
16
       
-
       
          >

     

       
17
       
17
       
-
       
        {{- end -}}

     

       
18
       
18
       
-
       
      </div>

     

       
19
       
19
       
-
       
      {{ if .Source }}

     

       
20
       
20
       
-
       
        <div class="flex items-center my-0.5 text-sm">

     

       
21
       
21
       
-
       
          {{ i "git-fork" "w-3 h-3 mr-1" }}

     

       
22
       
22
       
-
       
          fork

     

       
23
       
23
       
-
       
        </div>

     

       
24
       
24
       
-
       
      {{ end }}

     

       
25
       
25
       
-
       
      {{ with .Description }}

     

       
26
       
26
       
-
       
        <div class="text-gray-600 dark:text-gray-300 text-sm">

     

       
27
       
27
       
-
       
          {{ . }}

     

       
28
       
14
       
 
       
        </div>

     

       
15
       
15
       
+
       
        {{ with .Description }}

     

       
16
       
16
       
+
       
          <div class="text-gray-600 dark:text-gray-300 text-sm">

     

       
17
       
17
       
+
       
              {{ . }}

     

       
18
       
18
       
+
       
          </div>

     

       
19
       
19
       
+
       
        {{ end }}

     

       
29
       
29
       
-
       
      {{ end }}

     

       
30
       
20
       
 
       


     

       
21
       
21
       
+
       
        {{ if .RepoStats }}

     

       
22
       
22
       
+
       
          {{ block "repoStats" .RepoStats }} {{ end }}

     

       
23
       
23
       
+
       
        {{ end }}

     

       
31
       
31
       
-
       
      {{ if .RepoStats }}

     

       
32
       
32
       
-
       
        {{ block "repoStats" .RepoStats }}{{ end }}

     

       
33
       
33
       
-
       
      {{ end }}

     

       
34
       
24
       
 
       
    </div>

     

       
35
       
25
       
 
       
  {{ end }}

     

       
36
       
26
       
 
       
{{ end }}

     
···

       
39
       
29
       
 
       
  <div class="text-gray-400 pt-4 text-sm font-mono inline-flex gap-4 mt-auto">

     

       
40
       
30
       
 
       
    {{ with .Language }}

     

       
41
       
31
       
 
       
      <div class="flex gap-2 items-center text-sm">

     

       
32
       
32
       
+
       
        <div class="size-2 rounded-full" 

     

       
33
       
33
       
+
       
          style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"></div>

     

       
42
       
42
       
-
       
        <div

     

       
43
       
43
       
-
       
          class="size-2 rounded-full"

     

       
44
       
44
       
-
       
          style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"

     

       
45
       
45
       
-
       
        ></div>

     

       
46
       
34
       
 
       
        <span>{{ . }}</span>

     

       
47
       
35
       
 
       
      </div>

     

       
48
       
36
       
 
       
    {{ end }}

     

       
49
       
37
       
 
       
    {{ with .StarCount }}

     

       
38
       
38
       
+
       
        <div class="flex gap-1 items-center text-sm">

     

       
39
       
39
       
+
       
            {{ i "star" "w-3 h-3 fill-current" }}

     

       
40
       
40
       
+
       
            <span>{{ . }}</span>

     

       
41
       
41
       
+
       
        </div>

     

       
50
       
50
       
-
       
      <div class="flex gap-1 items-center text-sm">

     

       
51
       
51
       
-
       
        {{ i "star" "w-3 h-3 fill-current" }}

     

       
52
       
52
       
-
       
        <span>{{ . }}</span>

     

       
53
       
53
       
-
       
      </div>

     

       
54
       
42
       
 
       
    {{ end }}

     

       
55
       
43
       
 
       
    {{ with .IssueCount.Open }}

     

       
44
       
44
       
+
       
        <div class="flex gap-1 items-center text-sm">

     

       
45
       
45
       
+
       
            {{ i "circle-dot" "w-3 h-3" }}

     

       
46
       
46
       
+
       
            <span>{{ . }}</span>

     

       
47
       
47
       
+
       
        </div>

     

       
56
       
56
       
-
       
      <div class="flex gap-1 items-center text-sm">

     

       
57
       
57
       
-
       
        {{ i "circle-dot" "w-3 h-3" }}

     

       
58
       
58
       
-
       
        <span>{{ . }}</span>

     

       
59
       
59
       
-
       
      </div>

     

       
60
       
48
       
 
       
    {{ end }}

     

       
61
       
49
       
 
       
    {{ with .PullCount.Open }}

     

       
50
       
50
       
+
       
        <div class="flex gap-1 items-center text-sm">

     

       
51
       
51
       
+
       
            {{ i "git-pull-request" "w-3 h-3" }}

     

       
52
       
52
       
+
       
            <span>{{ . }}</span>

     

       
53
       
53
       
+
       
        </div>

     

       
62
       
62
       
-
       
      <div class="flex gap-1 items-center text-sm">

     

       
63
       
63
       
-
       
        {{ i "git-pull-request" "w-3 h-3" }}

     

       
64
       
64
       
-
       
        <span>{{ . }}</span>

     

       
65
       
65
       
-
       
      </div>

     

       
66
       
54
       
 
       
    {{ end }}

     

       
67
       
55
       
 
       
  </div>

     

       
68
       
56
       
 
       
{{ end }}

     

       
57
       
57
       
+
       


     

       
58
       
58
       
+
       


     

···

       
5
       
5
       
 
       
      {{ if .RepoInfo.Source }}

     

       
6
       
6
       
 
       
      <p class="text-sm">

     

       
7
       
7
       
 
       
      <div class="flex items-center">

     

       
8
       
8
       
-
       
          {{ i "git-fork" "w-3 h-3 mr-1"}}

     

       
8
       
8
       
+
       
          {{ i "git-fork" "w-3 h-3 mr-1 shrink-0" }}

     

       
9
       
9
       
 
       
          forked from

     

       
10
       
10
       
 
       
          {{ $sourceOwner := didOrHandle .RepoInfo.Source.Did .RepoInfo.SourceHandle  }}

     

       
11
       
11
       
 
       
          <a class="ml-1 underline" href="/{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}">{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}</a>