commit a97cea4833ea5f317dc694ae313fa79092f684d2 · kot.pink/core

+30 -24
appview/pages/templates/repo/issues/issue.html
···

       45
       45
        
       {{ end }}

     

       46
       46
        
       

     

       47
       47
        
       {{ define "repoAfter" }}

     

       48
       48
       +
           {{ if gt (len .Comments) 0 }}

     

       48
       49
        
           <section id="comments" class="mt-8 space-y-4 relative">

     

       49
       50
        
               {{ range $index, $comment := .Comments }}

     

       50
       51
        
                   <div

     
···

       52
       53
        
                       class="rounded bg-white px-6 py-4 relative"

     

       53
       54
        
                   >

     

       54
       55
        
                       {{ if eq $index 0 }}

     

       55
       55
       -
                           <div

     

       56
       56
       -
                               class="absolute left-8 -top-8 w-px h-8 bg-gray-300"

     

       57
       57
       -
                           ></div>

     

       56
       56
       +
                           <div class="absolute left-8 -top-8 w-px h-8 bg-gray-300" ></div>

     

       58
       57
        
                       {{ else }}

     

       59
       59
       -
                           <div

     

       60
       60
       -
                               class="absolute left-8 -top-4 w-px h-4 bg-gray-300"

     

       61
       61
       -
                           ></div>

     

       58
       58
       +
                           <div class="absolute left-8 -top-4 w-px h-4 bg-gray-300" ></div>

     

       62
       59
        
                       {{ end }}

     

       63
       60
        
                       <div class="flex items-center gap-2 mb-2 text-gray-500">

     

       64
       61
        
                           {{ $owner := index $.DidHandleMap .OwnerDid }}

     
···

       85
       82
        
                   </div>

     

       86
       83
        
               {{ end }}

     

       87
       84
        
           </section>

     

       88
       88
       -
       

     

       89
       89
       -
           {{ if .LoggedInUser }}

     

       90
       90
       -
               <form

     

       91
       91
       -
                   hx-post="/{{ .RepoInfo.FullName }}/issues/{{ .Issue.IssueId }}/comment"

     

       92
       92
       -
                   class="mt-8"

     

       93
       93
       -
               >

     

       94
       94
       -
                   <textarea

     

       95
       95
       -
                       name="body"

     

       96
       96
       -
                       class="w-full p-2 rounded border border-gray-200"

     

       97
       97
       -
                       placeholder="Add to the discussion..."

     

       98
       98
       -
                   ></textarea>

     

       99
       99
       -
                   <button type="submit" class="btn mt-2">comment</button>

     

       100
       100
       -
                   <div id="issue-comment"></div>

     

       101
       101
       -
               </form>

     

       102
       102
       -
           {{ else }}

     

       103
       103
       -
           <div class="w-full rounded p-6 drop-shadow-sm bg-white">

     

       104
       104
       -
             <a href="/login" class="underline">login</a> to join the discussion

     

       105
       105
       -
           </div>

     

       106
       85
        
           {{ end }}

     

       107
       86
        
       

     

       87
       87
       +
           {{ block "newComment" . }} {{ end }}

     

       88
       88
       +
       

     

       108
       89
        
           {{ $isIssueAuthor := and .LoggedInUser (eq .LoggedInUser.Did .Issue.OwnerDid) }}

     

       109
       90
        
           {{ $isRepoCollaborator := .RepoInfo.Roles.IsCollaborator }}

     

       110
       91
        
           {{ if or $isIssueAuthor $isRepoCollaborator }}

     
···

       132
       113
        
               </form>

     

       133
       114
        
           {{ end }}

     

       134
       115
        
       {{ end }}

     

       116
       116
       +
       

     

       117
       117
       +
       {{ define "newComment" }}

     

       118
       118
       +
         {{ if .LoggedInUser }}

     

       119
       119
       +
           <div class="bg-white rounded drop-shadow-sm py-4 px-6 relative w-full flex flex-col gap-2 mt-8">

     

       120
       120
       +
             <div class="absolute left-8 -top-8 w-px h-8 bg-gray-300" ></div>

     

       121
       121
       +
             <div class="text-sm text-gray-500">

     

       122
       122
       +
               {{ didOrHandle .LoggedInUser.Did .LoggedInUser.Handle }}

     

       123
       123
       +
             </div>

     

       124
       124
       +
             <form hx-post="/{{ .RepoInfo.FullName }}/issues/{{ .Issue.IssueId }}/comment">

     

       125
       125
       +
                 <textarea

     

       126
       126
       +
                     name="body"

     

       127
       127
       +
                     class="w-full p-2 rounded border border-gray-200"

     

       128
       128
       +
                     placeholder="Add to the discussion..."

     

       129
       129
       +
                 ></textarea>

     

       130
       130
       +
                 <button type="submit" class="btn mt-2">comment</button>

     

       131
       131
       +
                 <div id="issue-comment"></div>

     

       132
       132
       +
             </form>

     

       133
       133
       +
           </div>

     

       134
       134
       +
         {{ else }}

     

       135
       135
       +
           <div class="bg-white rounded drop-shadow-sm px-6 py-4 mt-8">

     

       136
       136
       +
             <div class="absolute left-8 -top-8 w-px h-8 bg-gray-300" ></div>

     

       137
       137
       +
             <a href="/login" class="underline">login</a> to join the discussion

     

       138
       138
       +
           </div>

     

       139
       139
       +
         {{ end }}

     

       140
       140
       +
       {{ end }}