extends includes/template.pug

mixin badge-readonly
  .s-badge.s-badge__xs.s-badge__icon.s-badge__muted
    != icons.Icons.IconEyeSm
    | Read-only

mixin badge-private
  .s-badge.s-badge__xs.s-badge__icon.s-badge__warning
    != icons.Icons.IconLockSm
    | Private

mixin discord(channel, radio=false)
  //- Previously, we passed guild.roles as the second parameter, but this doesn't quite match Discord's behaviour. See issue #42 for why this was changed.
  //- Basically we just want to assign badges based on the channel overwrites, without considering the guild's base permissions. /shrug
  - let permissions = dUtils.getPermissions(guild_id, [], [{id: guild_id, name: "@everyone", permissions: 1<<10 | 1<<11}], null, channel.permission_overwrites)
  .s-user-card.s-user-card__small
    if !dUtils.hasPermission(permissions, DiscordTypes.PermissionFlagsBits.ViewChannel)
      != icons.Icons.IconLock
    else if channel.type === 5
      != icons.Icons.IconBullhorn
    else if channel.type === 2
      != icons.Icons.IconPhone
    else if channel.type === 11 || channel.type === 12
      != icons.Icons.IconCollection
    else
      include includes/hash.svg
    .s-user-card--info.ws-nowrap
      if radio
        = channel.name
      else
        .s-user-card--link.fs-body1
          a(href=`https://discord.com/channels/${channel.guild_id}/${channel.id}`)= channel.name
      if channel.parent_id
        .s-user-card--location= discord.channels.get(channel.parent_id).name
      if !dUtils.hasPermission(permissions, DiscordTypes.PermissionFlagsBits.ViewChannel)
        +badge-private
      else if !dUtils.hasPermission(permissions, DiscordTypes.PermissionFlagsBits.SendMessages)
        +badge-readonly

mixin matrix(row, radio=false, badge="")
  .s-user-card.s-user-card__small
    != icons.Icons.IconMessage
    .s-user-card--info.ws-nowrap
      if radio
        = row.nick || row.name
      else
        .s-user-card--link.fs-body1
          a(href=`https://matrix.to/#/${row.room_id}`)= row.nick || row.name
      if row.join_rule === "invite"
        +badge-private

block body
  .s-page-title.mb24
    h1.s-page-title--header= guild.name

  .d-flex.g16(class="sm:fw-wrap")
    .fl-grow1
      h2.fs-headline1 Invite a Matrix user

      form.d-grid.g-af-column.gy4.gx8.jc-start(method="post" action=rel("/api/invite") hx-post=rel("/api/invite") hx-trigger="submit" hx-swap="none" hx-on::after-request="if (event.detail.successful) this.reset()" hx-disabled-elt="input, button" hx-indicator="#invite-button")
        label.s-label(for="mxid") Matrix ID
        input.fl-grow1.s-input.wmx3#mxid(name="mxid" required placeholder="@user:example.org" pattern="@([^:]+):([a-z0-9:\\-]+\\.[a-z0-9.:\\-]+)")
        label.s-label(for="permissions") Permissions
        .s-select
          select#permissions(name="permissions")
            option(value="default") Default
            option(value="moderator") Moderator
            option(value="admin") Admin
        input(type="hidden" name="guild_id" value=guild_id)
        .grid--row-start2
          button.s-btn.s-btn__filled#invite-button Invite
    div
      .s-card.d-flex.ai-center.jc-center(style="min-width: 132px; min-height: 132px;")
        button.s-btn(class=space_id ? "s-btn__muted" : "s-btn__filled" hx-get=rel(`/qr?guild_id=${guild_id}`) hx-indicator="closest button" hx-swap="outerHTML" hx-disabled-elt="this") Show QR

  if space_id
    h2.mt48.fs-headline1 Server settings
    h3.mt32.fs-category How Matrix users join
      span#privacy-level-loading
    .s-card
      form(hx-post=rel("/api/privacy-level") hx-trigger="change" hx-indicator="#privacy-level-loading" hx-disabled-elt="input")
        input(type="hidden" name="guild_id" value=guild_id)

        .s-toggle-switch.s-toggle-switch__multiple.s-toggle-switch__incremental.d-grid.gx16.ai-center(style="grid-template-columns: auto 1fr")
          input(type="radio" name="privacy_level" value="directory" id="privacy-level-directory" checked=(privacy_level === 2))
          label.d-flex.gx8.jc-center.grid--row-start3(for="privacy-level-directory")
            != icons.Icons.IconPlusSm
            != icons.Icons.IconInternationalSm
            .fl-grow1 Directory

          input(type="radio" name="privacy_level" value="link" id="privacy-level-link" checked=(privacy_level === 1))
          label.d-flex.gx8.jc-center.grid--row-start2(for="privacy-level-link")
            != icons.Icons.IconPlusSm
            != icons.Icons.IconLinkSm
            .fl-grow1 Link

          input(type="radio" name="privacy_level" value="invite" id="privacy-level-invite" checked=(privacy_level === 0))
          label.d-flex.gx8.jc-center.grid--row-start1(for="privacy-level-invite")
            svg.svg-icon(width="14" height="14" viewBox="0 0 14 14")
            != icons.Icons.IconLockSm
            .fl-grow1 Invite

          p.s-description.m0 In-app direct invite from another user
          p.s-description.m0 Shareable invite links, like Discord
          p.s-description.m0 Publicly listed in directory, like Discord server discovery

    h3.mt32.fs-category Default roles
    .s-card
      form(method="post" action=rel("/api/default-roles") hx-post=rel("/api/default-roles") hx-sync="this:drop" hx-indicator="#add-role-loading" hx-target="#default-roles-list" hx-select="#default-roles-list" hx-swap="outerHTML")#default-roles
        input(type="hidden" name="guild_id" value=guild_id)
        .d-flex.fw-wrap.g4
          .s-tag.s-tag__md.fs-body1.s-tag__required @everyone

          block default-roles-list requires guild, guild_id
            #default-roles-list(style="display: contents")
              each roleID in select("role_default", "role_id", {guild_id}).pluck().all()
                - let r = guild.roles.find(r => r.id === roleID)
                if r
                  .s-tag.s-tag__md.fs-body1= r.name
                    span(id=`role-loading-${roleID}`)
                    button(name="remove_role" value=roleID hx-post="api/default-roles" hx-trigger="click consume" hx-indicator=`#role-loading-${roleID}`).s-tag--dismiss
                      != icons.Icons.IconClearSm

          button(type="button" popovertarget="role-add").s-btn__dropdown.s-tag.s-tag__md.fs-body1.p0
            .s-tag--dismiss.m1
              != icons.Icons.IconPlusSm

          #role-add.s-popover(popover style="display: revert").ws2.px0.py4.bs-lg.overflow-visible.box-border.lh-sm
            .s-popover--arrow.s-popover--arrow__tc

            block add-roles-menu requires guild, guild_id
              ul.s-menu(role="menu" hx-swap-oob="true").overflow-y-auto.overflow-x-hidden#add-roles-menu
                li.s-menu--title.d-flex(role="separator") Select role
                  span#add-role-loading
                each r in guild.roles.sort((a, b) => b.position - a.position)
                  if r.id !== guild_id && !r.managed
                    - let selected = !!select("role_default", "role_id", {guild_id, role_id: r.id}).get()
                    li(role="menuitem")
                      button(name="toggle_role" value=r.id class={"is-selected": selected}).s-block-link.s-block-link__left= r.name

        p.fc-light.mb0.mt8 Matrix users will start with these roles. If your main channels are gated by a role, use this to let Matrix users skip the gate.

    h3.mt32.fs-category Features
    .s-card.d-grid.px0.g16
      form.d-flex.ai-center.g16
        #url-preview-loading.p8
        - let value = !!select("guild_space", "url_preview", {guild_id}).pluck().get()
        input(type="hidden" name="guild_id" value=guild_id)
        input.s-toggle-switch#url-preview(name="url_preview" type="checkbox" hx-post=rel("/api/url-preview") hx-indicator="#url-preview-loading" hx-disabled-elt="this" checked=value autocomplete="off")
        label.s-label.fl-grow1(for="url-preview")
          | Show Discord's URL previews on Matrix
          p.s-description Shows info about links posted to chat. Discord's previews are generally better quality than Synapse's, especially for social media and videos.

      form.d-flex.ai-center.g16
        #presence-loading.p8
        - value = !!select("guild_space", "presence", {guild_id}).pluck().get()
        input(type="hidden" name="guild_id" value=guild_id)
        input.s-toggle-switch#presence(name="presence" type="checkbox" hx-post=rel("/api/presence") hx-indicator="#presence-loading" hx-disabled-elt="this" checked=value autocomplete="off")
        label.s-label(for="presence")
          | Show online statuses on Matrix
          p.s-description This might cause lag on really big Discord servers.

      form.d-flex.ai-center.g16
        #webhook-profile-loading.p8
        - value = !!select("guild_space", "webhook_profile", {guild_id}).pluck().get()
        input(type="hidden" name="guild_id" value=guild_id)
        input.s-toggle-switch#webhook-profile(name="webhook_profile" type="checkbox" hx-post=rel("/api/webhook-profile") hx-indicator="#webhook-profile-loading" hx-disabled-elt="this" checked=value autocomplete="off")
        label.s-label(for="webhook-profile")
          | Create persistent Matrix sims for webhooks
          p.s-description Useful when using other Discord bridges. Otherwise, not ideal, as sims will clutter the Matrix user list and will never be cleaned up.

  if space_id
    h2.mt48.fs-headline1 Channel setup

    h3.mt32.fs-category Linked channels
    .s-card.bs-sm.p0
      form.s-table-container(method="post" action=rel("/api/unlink"))
        input(type="hidden" name="guild_id" value=guild_id)
        table.s-table.s-table__bx-simple
          each row in linkedChannelsWithDetails
            tr
              td.w40: +discord(row.channel)
              td.p2: button.s-btn.s-btn__muted.s-btn__xs(name="channel_id" cx-prevent-default hx-post=rel("/api/unlink") hx-confirm="Do you want to unlink these channels?\nIt may take a moment to clean up Matrix resources." value=row.channel.id hx-indicator="this" hx-disabled-elt="this")!= icons.Icons.IconLinkSm
              td: +matrix(row)
          else
            tr
              td(colspan="3")
                .s-empty-state No channels linked between Discord and Matrix yet...

  if space_id && linkedChannelsWithDetails.length
    - const customPingRooms = linkedChannelsWithDetails.filter(row => row.ping_role_id)
    - const defaultPingRooms = linkedChannelsWithDetails.filter(row => !row.ping_role_id)
    - const pingRoles = [...guild.roles].filter(role => role.id !== guild_id).sort((a, b) => b.position - a.position)
    h3.mt32.fs-category#room-notifications Room notifications
    .s-card
      p.s-description.mt0 Choose which Discord role receives Matrix @room notifications
      if customPingRooms.length
        .s-table-container(style="container-type: inline-size")
          table.s-table.s-table__bx-simple(style="table-layout: fixed")
            thead
              tr
                th(scope="col" style="width: calc(50cqw - 40px)") Channel
                th.pr0(scope="col") Notify role
            tbody
              each row in customPingRooms
                tr
                  td.va-middle
                    label.s-label(for="ping-role-" + row.channel.id)= "#" + row.channel.name
                  td.pr0
                    .d-flex.ai-start.g16
                      form.fl-grow1.wmn0(method="post" action=rel("/api/room-ping-role"))
                        input(type="hidden" name="guild_id" value=guild_id)
                        input(type="hidden" name="channel_id" value=row.channel.id)
                        .s-select
                          select.w100(name="ping_role_id" id="ping-role-" + row.channel.id onchange="this.form.requestSubmit()" style="height: 32px")
                            if !pingRoles.some(role => role.id === row.ping_role_id)
                              option(value=row.ping_role_id selected disabled) Deleted role (choose a replacement)
                            each role in pingRoles
                              option(value=role.id selected=row.ping_role_id === role.id)= "@" + role.name
                        noscript
                          button.s-btn.s-btn__outlined.mt8(type="submit") Save
                      form.d-flex.ai-stretch(method="post" action=rel("/api/room-ping-role"))
                        input(type="hidden" name="guild_id" value=guild_id)
                        input(type="hidden" name="channel_id" value=row.channel.id)
                        input(type="hidden" name="ping_role_id" value="")
                        button.s-btn.s-btn__danger.s-btn__outlined.py0(type="submit" aria-label="Remove custom role for #" + row.channel.name style="height: 32px") Remove

      if defaultPingRooms.length && pingRoles.length
        details.mt16
          summary.s-label.cursor-pointer Add custom role
          form.mt16(method="post" action=rel("/api/room-ping-role"))
            input(type="hidden" name="guild_id" value=guild_id)
            .d-flex.fw-wrap.ai-end.g16
              .fl-grow1.wmn0(style="flex-basis: 0; min-width: 180px")
                label.s-label(for="ping-role-channel") Channel
                .s-select
                  select.w100.box-border#ping-role-channel(name="channel_id" required style="height: 32px")
                    option(value="" selected disabled) Choose a channel
                    each row in defaultPingRooms
                      - const parent = discord.channels.get(row.channel.parent_id)
                      option(value=row.channel.id)= "#" + row.channel.name + (parent ? " - " + parent.name : "")
              .fl-grow1.wmn0(style="flex-basis: 0; min-width: 180px")
                label.s-label(for="ping-role-new") Notify role
                .s-select
                  select.w100.box-border#ping-role-new(name="ping_role_id" required style="height: 32px")
                    option(value="" selected disabled) Choose a role
                    each role in pingRoles
                      option(value=role.id)= "@" + role.name
              button.s-btn.s-btn__icon.s-btn__filled.d-inline-flex.ai-center.g4.py0(type="submit" style="height: 32px")
                != icons.Icons.IconPlusSm
                span Add

  h3.fs-category.mt32 Auto-create
  .s-card.d-grid.px0
    form.d-flex.ai-center.g16
      #autocreate-loading.p8
      - let value = !!select("guild_active", "autocreate", {guild_id}).pluck().get()
      input(type="hidden" name="guild_id" value=guild_id)
      input.s-toggle-switch#autocreate(name="autocreate" type="checkbox" hx-post=rel("/api/autocreate") hx-indicator="#autocreate-loading" hx-disabled-elt="this" checked=value autocomplete="off")
      label.s-label.fl-grow1(for="autocreate")
        | Create new Matrix rooms automatically
        p.s-description If you want, OOYE can automatically create new Matrix rooms and link them when an unlinked Discord channel is spoken in.

  if space_id
    h3.mt32.fs-category Manually link channels
    form.d-flex.g16.ai-start(hx-post=rel("/api/link") hx-trigger="submit" hx-disabled-elt="input, button" hx-indicator="#link-button")
      .fl-grow2.s-btn-group.fd-column.w40
        each channel in unlinkedChannels
          input.s-btn--radio(type="radio" name="discord" required id=channel.id value=channel.id)
          label.s-btn.s-btn__muted.ta-left.truncate(for=channel.id)
            +discord(channel, true, "Announcement")
        else
          .s-empty-state.p8 No Discord channels available.
      .fl-grow1.s-btn-group.fd-column.w30
        each room in unlinkedRooms
          input.s-btn--radio(type="radio" name="matrix" required id=room.room_id value=room.room_id)
          label.s-btn.s-btn__muted.ta-left.truncate(for=room.room_id)
            +matrix(room, true)
        else
          .s-empty-state.p8 No Matrix rooms available.
      input(type="hidden" name="guild_id" value=guild_id)
      div
        button.s-btn.s-btn__icon.s-btn__filled#link-button
          != icons.Icons.IconMerge
          = ` Link`

  h3.mt32.fs-category Unlink server
  form.s-card.d-flex.gx16.ai-center(method="post" action=rel("/api/unlink-space"))
    input(type="hidden" name="guild_id" value=guild.id)
    .fl-grow1.s-prose.s-prose__sm.lh-lg
      p.fc-medium.
        Not using this bridge, or just made a mistake? You can unlink the whole server and all its channels.#[br]
        This may take a minute to process. Please be patient and wait until the page refreshes.
    div
      button.s-btn.s-btn__icon.s-btn__danger.s-btn__outlined(cx-prevent-default hx-post=rel("/api/unlink-space") hx-confirm="Do you want to unlink this server and all its channels?\nIt may take a minute to clean up Matrix resources." hx-indicator="this" hx-disabled-elt="this")
        != icons.Icons.IconUnsync
        span.ml4= ` Unlink`

  if space_id
    details.mt48
      summary Debug room list
      .d-grid.grid__2.gx24
        div
          h3.mt24 Channels
          p Channels are read from the channel_room table and then merged with the discord.channels memory cache to make the merged list. Anything in memory cache that's not in channel_room is considered unlinked.
        div
          h3.mt24 Rooms
          p Rooms use the same merged list as channels, based on augmented channel_room data. Then, rooms are read from the space. Anything in the space that's not merged is considered unlinked.
        div
          h3.mt24 Unavailable channels: Deleted from Discord
          .s-card.p0
            ul.my8.ml24
              each row in removedUncachedChannels
                li: a(href=`https://discord.com/channels/${guild_id}/${row.id}`)= row.nick || row.name
          h3.mt24 Unavailable channels: Wrong type
          .s-card.p0
            ul.my8.ml24
              each row in removedWrongTypeChannels
                li: a(href=`https://discord.com/channels/${guild_id}/${row.id}`) (#{row.type}) #{row.name}
          h3.mt24 Unavailable channels: Discord bot can't access
          .s-card.p0
            ul.my8.ml24
              each row in removedPrivateChannels
                li: a(href=`https://discord.com/channels/${guild_id}/${row.id}`)= row.name
        div- // Rooms
          h3.mt24 Unavailable rooms: Already linked
          .s-card.p0
            ul.my8.ml24
              each row in removedLinkedRooms
                li: a(href=`https://matrix.to/#/${row.room_id}`)= row.name
          h3.mt24 Unavailable rooms: Encryption not supported
          .s-card.p0
            ul.my8.ml24
              each row in removedEncryptedRooms
                li: a(href=`https://matrix.to/#/${row.room_id}`)= row.name
          h3.mt24 Unavailable rooms: Wrong type
          .s-card.p0
            ul.my8.ml24
              each row in removedWrongTypeRooms
                li: a(href=`https://matrix.to/#/${row.room_id}`) (#{row.room_type}) #{row.name}
          h3.mt24 Unavailable rooms: Archived thread
          .s-card.p0
            ul.my8.ml24
              each row in removedArchivedThreadRooms
                li: a(href=`https://matrix.to/#/${row.room_id}`)= row.name