appview/timeline: show opened pull requests as timeline events #334

appview/db/timeline.go

reviewed

This file has not been changed.

appview/models/timeline.go

reviewed

This file has not been changed.

+24 -7

appview/pages/templates/timeline/fragments/timeline.html

reviewed

··· 132 132 133 133 <div class="pl-6 py-2 bg-white dark:bg-gray-800 text-gray-600 dark:text-gray-300 flex flex-wrap items-center gap-2 text-sm"> 134 134 {{ template "user/fragments/picHandleLink" $pull.OwnerDid }} 135 135 - opened a pull request 135 135 + opened a pull request in 136 136 + <a href="/{{ $repoPath }}" class="text-sm text-gray-600 dark:text-gray-300 no-underline hover:underline"> 137 137 + {{ $repoPath }} 138 138 + </a> 136 139 <span class="text-gray-700 dark:text-gray-400 text-xs">{{ template "repo/fragments/time" $pull.Created }}</span> 137 140 </div> 138 141 139 142 <div class="bg-white dark:bg-gray-800 p-4"> 140 143 <div class="flex flex-col gap-3"> 141 141 - <a href="/{{ $repoPath }}" class="text-sm text-gray-600 dark:text-gray-300 no-underline hover:underline"> 142 142 - {{ $repoPath }} 143 143 - </a> 144 144 145 145 <div class="flex items-start justify-between gap-3"> 146 146 <a href="{{ $pullPath }}" class="min-w-0 flex-1 font-medium text-gray-900 dark:text-white no-underline hover:underline"> ··· 153 153 </div> 154 154 155 155 {{ if $pull.Body }} 156 156 - <p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-3"> 157 157 - {{ $pull.Body | description }} 158 158 - </p> 156 156 + <details class="group"> 157 157 + <style> 158 158 + details:not([open]) .pull-body-open { display: none; } 159 159 + details[open] .pull-body-closed { display: none; } 160 160 + </style> 161 161 + <summary class="list-none cursor-pointer"> 162 162 + <div class="pull-body-closed text-sm text-gray-600 dark:text-gray-300 line-clamp-2"> 163 163 + {{ $pull.Body | description }} 164 164 + </div> 165 165 + <span class="pull-body-closed mt-1 inline-block text-sm text-blue-600 dark:text-blue-400"> 166 166 + Read more 167 167 + </span> 168 168 + <div class="pull-body-open text-sm text-gray-600 dark:text-gray-300"> 169 169 + {{ $pull.Body | description }} 170 170 + </div> 171 171 + <span class="pull-body-open mt-1 text-sm text-blue-600 dark:text-blue-400"> 172 172 + Read less 173 173 + </span> 174 174 + </summary> 175 175 + </details> 159 176 {{ end }} 160 177 </div> 161 178 </div>