BarWidget.qml

import QtQuick
import Quickshell
import qs.Commons
import qs.Ui
import "components"
import "bar"

// The bar's job is one number and one click. Everything the widget knows comes
// from the shared service, which keeps running whether or not the window is
// open — that is the whole reason the unread count can be trusted.
BarWidget {
  id: root

  moduleName: "omamail"

  readonly property var gmail: bar && bar.shell
    ? bar.shell.serviceFor("omamail") : null

  // `barForeground` belongs to qs.Ui.Panel, not to BarWidget: reading it here
  // yields undefined, and assigning undefined to a colour leaves the icon
  // unpainted. The bar itself is the source.
  readonly property color foreground: bar ? bar.barForeground : Color.foreground
  property bool previewOpen: false
  property bool popoutSwitchClosing: false

  function close() { previewOpen = false }
  function closeForPopoutSwitch() {
    popoutSwitchClosing = true
    close()
    Qt.callLater(function() { root.popoutSwitchClosing = false })
  }

  // The service is a singleton shared with the window, and the shell hands
  // plugin settings to the bar widget rather than to the service, so the
  // widget is what pushes them across.
  function pushSettings() {
    if (gmail && typeof gmail.applySettings === "function") gmail.applySettings(settings)
  }

  onSettingsChanged: pushSettings()
  onGmailChanged: pushSettings()
  onPreviewOpenChanged: {
    if (previewOpen && gmail && typeof gmail.refreshCalendarPreview === "function")
      root.gmail.refreshCalendarPreview()
  }
  Component.onCompleted: pushSettings()

  function openWindow() {
    close()
    if (!bar || !bar.shell) return
    if (typeof bar.shell.toggle === "function") bar.shell.toggle("omamail", "{}")
    else if (typeof bar.shell.summon === "function") bar.shell.summon("omamail", "{}")
  }

  function openMessage(accountId, messageId) {
    close()
    if (!bar || !bar.shell) return
    var payload = JSON.stringify({ accountId: accountId, messageId: messageId })
    if (typeof bar.shell.summon === "function") bar.shell.summon("omamail", payload)
    else if (typeof bar.shell.toggle === "function") bar.shell.toggle("omamail", payload)
  }

  function openEvent(eventData) {
    close()
    if (!bar || !bar.shell) return
    var event = eventData || ({})
    var payload = JSON.stringify({
      view: "calendar", eventId: String(event.uid || ""),
      eventStart: event.start ? Number(event.start.ms) : 0
    })
    if (typeof bar.shell.summon === "function") bar.shell.summon("omamail", payload)
    else if (typeof bar.shell.toggle === "function") bar.shell.toggle("omamail", payload)
  }

  implicitWidth: button.implicitWidth
  implicitHeight: button.implicitHeight

  BarIconButton {
    id: button
    anchors.fill: parent
    bar: root.bar
    tooltipText: root.gmail ? root.gmail.barTooltip : "Omamail"

    // Read from inside `iconComponent`. Both BarIconButton and GmailIcon name
    // their own root object `root`, so nothing inside a Component declared
    // here refers to `root` — it would be ambiguous about which one it meant.
    readonly property bool connected: !!root.gmail && root.gmail.ready
    // A trigger holds a selected style for as long as what it opened is on
    // screen, which is what answers "which of these opened that window". The
    // service is what knows: it outlives the window and is told either way.
    readonly property bool windowOpen: root.previewOpen
      || (!!root.gmail && root.gmail.windowOpen)
    readonly property color glyphColor: connected
      ? root.foreground
      : Qt.darker(root.foreground, 1.55)
    readonly property bool hasUnread: !!root.gmail && root.gmail.unreadTotal > 0

    iconComponent: Component {
      Item {
        GmailIcon {
          anchors.centerIn: parent
          iconSize: Style.space(12)
          color: button.glyphColor
          markColor: Color.accent
          // The dot is simply whether unread mail is waiting. It used to mean
          // "something arrived since you last looked", which was a different
          // question from the one anyone asks of a mail icon, and it could not
          // be answered honestly while the count included every categorised
          // message. Now that the count is Primary-scoped it reaches zero, so
          // the dot can just follow it.
          dot: button.hasUnread
          crossed: !button.connected
        }
      }
    }

    onPressed: function(buttonCode) {
      // The primary action stays opening Omamail. The preview is an extra view,
      // so it lives on the secondary button instead of replacing the only way
      // to reach the application window. Middle-click still checks for mail.
      if (buttonCode === Qt.LeftButton) {
        root.openWindow()
        return
      }
      if (buttonCode === Qt.MiddleButton) {
        if (root.gmail) root.gmail.refresh()
        return
      }
      root.previewOpen = !root.previewOpen
    }
  }

  // The shell draws this same accent line for its own open popouts. Omamail's
  // application window is routed separately, so the widget mirrors that mark
  // at the bar's inner edge instead of inventing a different selected shape.
  Rectangle {
    id: openIndicator
    readonly property bool vertical: !!root.bar && root.bar.vertical
    visible: button.windowOpen
    color: Color.accent
    radius: Math.min(width, height) / 2
    width: vertical ? Style.space(2) : Style.space(10)
    height: vertical ? Style.space(10) : Style.space(2)
    x: vertical
      ? (root.bar.position === "left" ? root.width - width - Style.space(2) : Style.space(2))
      : Math.round((root.width - width) / 2)
    y: vertical
      ? Math.round((root.height - height) / 2)
      : (root.bar && root.bar.position === "top"
        ? root.height - height - Style.space(2) : Style.space(2))
  }

  KeyboardPanel {
    id: previewPanel
    anchorItem: button
    owner: root
    bar: root.bar
    open: root.previewOpen
    contentWidth: fittedContentWidth(Style.space(360))
    contentHeight: fittedContentHeight(preview.implicitHeight, Style.space(540))

    BarPreview {
      id: preview
      width: parent ? parent.width : 0
      messages: root.gmail ? root.gmail.barMessages : []
      events: root.gmail ? root.gmail.barEvents : []
      textColor: Color.popups.text
      backgroundColor: Color.popups.background
      accentColor: Color.accent
      dimColor: Qt.rgba(Color.popups.text.r, Color.popups.text.g,
        Color.popups.text.b, 0.62)
      panelFontFamily: Style.font.family
      contentDirection: root.gmail ? root.gmail.contentDirection : ""
      onMessageRequested: function(accountId, messageId) {
        root.openMessage(accountId, messageId)
      }
      onCallRequested: function(url) {
        root.close()
        Qt.openUrlExternally(url)
      }
      onEventRequested: function(eventData) { root.openEvent(eventData) }
    }
  }
}