back round 0 view raw

appview/pages: add typeahead to add-collaborator modal #782

merged

opened by

oppi.li 1 month ago targeting master from push-kkrlmlslutnz

Signed-off-by: oppiliappan me@oppi.li

options

unified split

Changed files

+18 -10

appview

pages

templates

layouts

base.html

repo

settings

access.html

appview/pages/templates/layouts/base.html

···

       9
       9
        
       

     

       10
       10
        
                   <script defer src="/static/htmx.min.js"></script>

     

       11
       11
        
                   <script defer src="/static/htmx-ext-ws.min.js"></script>

     

       12
       12
       +
                   <script defer src="/static/actor-typeahead.js" type="module"></script>

     

       12
       13
        
       

     

       13
       14
        
                   <!-- preconnect to image cdn -->

     

       14
       15
        
                   <link rel="preconnect" href="https://avatar.tangled.sh" />

+17 -10

appview/pages/templates/repo/settings/access.html

···

       66
       66
        
         <div

     

       67
       67
        
           id="add-collaborator-modal"

     

       68
       68
        
           popover

     

       69
       69
       -
           class="bg-white w-full md:w-96 dark:bg-gray-800 p-4 rounded border border-gray-200 dark:border-gray-700 drop-shadow dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50">

     

       69
       69
       +
           class="

     

       70
       70
       +
             bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 

     

       71
       71
       +
             dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50 

     

       72
       72
       +
             w-full md:w-96 p-4 rounded drop-shadow overflow-visible">

     

       70
       73
        
           {{ template "addCollaboratorModal" . }}

     

       71
       74
        
         </div>

     

       72
       75
        
       {{ end }}

     
···

       82
       85
        
           ADD COLLABORATOR

     

       83
       86
        
         </label>

     

       84
       87
        
         <p class="text-sm text-gray-500 dark:text-gray-400">Collaborators can push to this repository.</p>

     

       85
       85
       -
         <input

     

       86
       86
       -
           autocapitalize="none"

     

       87
       87
       -
           autocorrect="off"

     

       88
       88
       -
           type="text"

     

       89
       89
       -
           id="add-collaborator"

     

       90
       90
       -
           name="collaborator"

     

       91
       91
       -
           required

     

       92
       92
       -
           placeholder="foo.bsky.social"

     

       93
       93
       -
         />

     

       88
       88
       +
         <actor-typeahead>

     

       89
       89
       +
           <input

     

       90
       90
       +
             autocapitalize="none"

     

       91
       91
       +
             autocorrect="off"

     

       92
       92
       +
             autocomplete="off"

     

       93
       93
       +
             type="text"

     

       94
       94
       +
             id="add-collaborator"

     

       95
       95
       +
             name="collaborator"

     

       96
       96
       +
             required

     

       97
       97
       +
             placeholder="user.tngl.sh"

     

       98
       98
       +
             class="w-full"

     

       99
       99
       +
           />

     

       100
       100
       +
         </actor-typeahead>

     

       94
       101
        
         <div class="flex gap-2 pt-2">

     

       95
       102
        
           <button

     

       96
       103
        
             type="button"