back round 0 view raw

appview/pages: add typeahead to add-spindle-member modal #784

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

+16 -11

appview

pages

templates

spindles

fragments

addMemberModal.html

+16 -11

appview/pages/templates/spindles/fragments/addMemberModal.html

···

       13
       13
        
         <div

     

       14
       14
        
           id="add-member-{{ .Instance }}"

     

       15
       15
        
           popover

     

       16
       16
       -
           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">

     

       16
       16
       +
           class="

     

       17
       17
       +
           bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50

     

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

     

       17
       19
        
           {{ block "addSpindleMemberPopover" . }} {{ end }}

     

       18
       20
        
         </div>

     

       19
       21
        
       {{ end }}

     
···

       29
       31
        
           ADD MEMBER

     

       30
       32
        
         </label>

     

       31
       33
        
         <p class="text-sm text-gray-500 dark:text-gray-400">Members can register repositories and run workflows on this spindle.</p>

     

       32
       32
       -
         <input

     

       33
       33
       -
           autocapitalize="none"

     

       34
       34
       -
           autocorrect="off"

     

       35
       35
       -
           autocomplete="off"

     

       36
       36
       -
           type="text"

     

       37
       37
       -
           id="member-did-{{ .Id }}"

     

       38
       38
       -
           name="member"

     

       39
       39
       -
           required

     

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

     

       41
       41
       -
         />

     

       34
       34
       +
         <actor-typeahead>

     

       35
       35
       +
           <input

     

       36
       36
       +
             autocapitalize="none"

     

       37
       37
       +
             autocorrect="off"

     

       38
       38
       +
             autocomplete="off"

     

       39
       39
       +
             type="text"

     

       40
       40
       +
             id="member-did-{{ .Id }}"

     

       41
       41
       +
             name="member"

     

       42
       42
       +
             required

     

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

     

       44
       44
       +
             class="w-full"

     

       45
       45
       +
           />

     

       46
       46
       +
         </actor-typeahead>

     

       42
       47
        
         <div class="flex gap-2 pt-2">

     

       43
       48
        
           <button 

     

       44
       49
        
             type="button"