appview/pages: add typeahead to add-knot-member modal #783

···

       
13
       
 
       
  <div

     

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

     

       
15
       
 
       
    popover

     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

       
17
       
 
       
    {{ block "addKnotMemberPopover" . }} {{ end }}

     

       
18
       
 
       
  </div>

     

       
19
       
 
       
{{ end }}

     
···

       
29
       
 
       
    ADD MEMBER

     

       
30
       
 
       
  </label>

     

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

     

       
32
       
-
       
  <input

     

       
33
       
-
       
    autocapitalize="none"

     

       
34
       
-
       
    autocorrect="off"

     

       
35
       
-
       
    autocomplete="off"

     

       
36
       
-
       
    type="text"

     

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

     

       
38
       
-
       
    name="member"

     

       
39
       
-
       
    required

     

       
40
       
-
       
    placeholder="foo.bsky.social"

     

       
41
       
-
       
  />

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

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

     

       
43
       
 
       
    <button 

     

       
44
       
 
       
      type="button"

     
···

       
57
       
 
       
  </div>

     

       
58
       
 
       
  <div id="add-member-error-{{ .Id }}" class="text-red-500 dark:text-red-400"></div>

     

       
59
       
 
       
</form>

     

       
60
       
-
       
{{ end }}
     

···

       
13
       
 
       
  <div

     

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

     

       
15
       
 
       
    popover

     

       
16
       
+
       
    class="

     

       
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
       
+
       
    w-full md:w-96 p-4 rounded drop-shadow overflow-visible">

     

       
19
       
 
       
    {{ block "addKnotMemberPopover" . }} {{ end }}

     

       
20
       
 
       
  </div>

     

       
21
       
 
       
{{ end }}

     
···

       
31
       
 
       
    ADD MEMBER

     

       
32
       
 
       
  </label>

     

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

     

       
34
       
+
       
  <actor-typeahead>

     

       
35
       
+
       
    <input

     

       
36
       
+
       
      autocapitalize="none"

     

       
37
       
+
       
      autocorrect="off"

     

       
38
       
+
       
      autocomplete="off"

     

       
39
       
+
       
      type="text"

     

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

     

       
41
       
+
       
      name="member"

     

       
42
       
+
       
      required

     

       
43
       
+
       
      placeholder="user.tngl.sh"

     

       
44
       
+
       
      class="w-full"

     

       
45
       
+
       
    />

     

       
46
       
+
       
  </actor-typeahead>

     

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

     

       
48
       
 
       
    <button 

     

       
49
       
 
       
      type="button"

     
···

       
62
       
 
       
  </div>

     

       
63
       
 
       
  <div id="add-member-error-{{ .Id }}" class="text-red-500 dark:text-red-400"></div>

     

       
64
       
 
       
</form>

     

       
65
       
+
       
{{ end }}