Edit member profile - pronouns.cc

Avatar

{#if avatar === ""} {:else if avatar}

{:else} {/if}

Only PNG, JPEG, GIF, and WebP can be used as avatars. Avatars cannot be larger than 1 MB, and animated avatars will be made static.

(avatar = "")}>Remove avatar

{#if !memberNameValid}

That member name is not valid.

{/if}

</FormGroup>
        <p class="text-muted mt-3">
          <Icon name="info-circle-fill" aria-hidden /> Your bio supports limited
          <a
            class="text-reset"
            href="https://commonmark.org/help/"
            target="_blank"
            rel="noopener noreferrer">Markdown</a
          >.
        </p>
      </div>
    </div>
  </div>
  <div class="row m-1">
    <div class="col-md">
      <h4>Names</h4>
      {#each names as _, index}
        <EditableName
          bind:value={names[index].value}
          bind:status={names[index].status}
          moveUp={() => moveName(index, true)}
          moveDown={() => moveName(index, false)}
          remove={() => removeName(index)}
        />
      {/each}
      <div class="input-group m-1">
        <input type="text" class="form-control" bind:value={newName} />
        <IconButton color="success" icon="plus" tooltip="Add name" click={() => addName()} />
      </div>
    </div>
    <div class="col-md">
      <h4>Links</h4>
      {#each links as _, index}
        <div class="input-group m-1">
          <input type="text" class="form-control" bind:value={links[index]} />
          <IconButton
            color="danger"
            icon="trash3"
            tooltip="Remove link"
            click={() => removeLink(index)}
          />
        </div>
      {/each}
      <div class="input-group m-1">
        <input type="text" class="form-control" bind:value={newLink} />
        <IconButton color="success" icon="plus" tooltip="Add link" click={() => addLink()} />
      </div>
    </div>
  </div>
  <div class="row m-1">
    <div class="col-md">
      <h4>Pronouns</h4>
      {#each pronouns as _, index}
        <EditablePronouns
          bind:pronoun={pronouns[index]}
          moveUp={() => movePronoun(index, true)}
          moveDown={() => movePronoun(index, false)}
          remove={() => removePronoun(index)}
        />
      {/each}
      <div class="input-group m-1">
        <input
          type="text"
          class="form-control"
          placeholder="Full set (e.g. it/it/its/its/itself)"
          bind:value={newPronouns}
          required
        />
        <input
          type="text"
          class="form-control"
          placeholder="Optional display text (e.g. it/its)"
          bind:value={newPronounsDisplay}
        />
        <IconButton
          color="success"
          icon="plus"
          tooltip="Add pronouns"
          click={() => addPronouns()}
        />
      </div>
    </div>
  </div>
  <hr />
  <h4>
    Fields <Button on:click={() => (fields = [...fields, { name: "New field", entries: [] }])}>
      Add new field
    </Button>
  </h4>
</div>
<div class="grid gap-3">
  <div class="row row-cols-1 row-cols-md-2">
    {#each fields as _, index}
      <EditableField
        bind:field={fields[index]}
        deleteField={() => removeField(index)}
        moveField={(up) => moveField(index, up)}
      />
    {/each}
  </div>
</div>

Edit member profile {#if modified} updateMember()} disabled={!memberNameValid} >Save changes {/if} Delete {data.member.display_name ?? data.member.name}

Avatar

Edit member profile {#if modified} {/if}