@andrian.yablonskyy/thub-coordinator 1.0.0

package/views/layout.pug

@@ -0,0 +1,73 @@
+doctype html
+html(lang="en" data-bs-theme=(user && user.theme) || "auto")
+  head
+    meta(charset="utf-8")
+    meta(name="viewport" content="width=device-width, initial-scale=1")
+    title= title ? `${title} · TestHub` : 'TestHub'
+    link(rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css")
+    link(rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css")
+    link(rel="stylesheet" href="/css/thub.css")
+  body
+    nav.navbar.navbar-expand-lg.bg-body-tertiary.border-bottom
+      .container-fluid
+        a.navbar-brand(href="/") TestHub
+        button.navbar-toggler(type="button" data-bs-toggle="collapse" data-bs-target="#nav")
+          span.navbar-toggler-icon
+        #nav.collapse.navbar-collapse
+          ul.navbar-nav.me-auto
+            if user
+              li.nav-item
+                a.nav-link(href="/" class=active === 'overview' ? 'active' : '') Overview
+              li.nav-item
+                a.nav-link(href="/resources" class=active === 'resources' ? 'active' : '') Resources
+              li.nav-item
+                a.nav-link(href="/groups" class=active === 'groups' ? 'active' : '') Groups
+              li.nav-item
+                a.nav-link(href="/jobs" class=active === 'jobs' ? 'active' : '') Jobs
+              if user.role === 'admin'
+                li.nav-item
+                  a.nav-link(href="/admin/agents" class=active === 'agents' ? 'active' : '') Agents
+          ul.navbar-nav
+            li.nav-item.d-flex.align-items-center.me-3
+              button#theme-toggle.btn.btn-sm.btn-outline-secondary(
+                type="button"
+                aria-label="Toggle theme"
+                data-bs-toggle="tooltip"
+                data-bs-placement="bottom"
+                data-bs-title="Switch between light and dark theme"
+              )
+                i.bi.bi-circle-half
+            if user
+              li.nav-item.d-flex.align-items-center.me-3
+                a.nav-link.d-flex.align-items-center.p-0(
+                  href="/profile"
+                  data-bs-toggle="tooltip"
+                  data-bs-placement="bottom"
+                  data-bs-title=`Profile settings (${user.role})`
+                )
+                  if user.avatarPath
+                    img.rounded-circle.me-2(src=user.avatarPath width="24" height="24" style="object-fit: cover;")
+                  else
+                    span.rounded-circle.bg-secondary.text-white.d-inline-flex.align-items-center.justify-content-center.me-2(style="width: 24px; height: 24px; font-size: 12px;")
+                      = ((user.firstName ? user.firstName[0] : user.username[0]) + (user.lastName ? user.lastName[0] : '')).toUpperCase()
+                  span= user.firstName ? `${user.firstName} ${user.lastName || ''}`.trim() : user.username
+              li.nav-item.d-flex.align-items-center
+                form(action="/logout" method="post")
+                  button.btn.btn-sm.btn-outline-danger(
+                    type="submit"
+                    aria-label="Log out"
+                    data-bs-toggle="tooltip"
+                    data-bs-placement="bottom"
+                    data-bs-title="Sign out of the dashboard"
+                  )
+                    i.bi.bi-box-arrow-right
+    main.container.py-4
+      if messages && messages.length
+        each m in messages
+          .alert(class=`alert-${m.type || 'info'}`)= m.text
+      block content
+    script(src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js")
+    script(src="/js/theme.js")
+    script(src="/js/tooltips.js")
+    script(src="/js/copy-to-clipboard.js")
+    block scripts

package/views/login.pug

@@ -0,0 +1,16 @@
+extends layout
+
+block content
+  .row.justify-content-center
+    .col-md-4
+      h1.h4.mb-3 Sign in
+      if error
+        .alert.alert-danger= error
+      form(method="post" action="/login")
+        .mb-3
+          label.form-label(for="username") Username
+          input#username.form-control(type="text" name="username" required autofocus)
+        .mb-3
+          label.form-label(for="password") Password
+          input#password.form-control(type="password" name="password" required)
+        button.btn.btn-primary(type="submit") Sign in

package/views/mixins/log-viewer.pug

@@ -0,0 +1,14 @@
+mixin logViewer(jobId, jobActive)
+  .mb-2
+    select#stream-filter.form-select.form-select-sm.w-auto.d-inline-block
+      option(value="") all streams
+      option(value="uart") uart
+      option(value="runner") runner
+      option(value="flash") flash
+      option(value="emulator") emulator
+  pre#log-viewer.bg-body-tertiary.p-3.rounded(
+    style="height: 420px; overflow-y: auto;"
+    data-job-id=jobId
+    data-job-active=jobActive ? 'true' : 'false'
+  )
+  script(src="/js/log-viewer.js")

package/views/mixins/status-badge.pug

@@ -0,0 +1,7 @@
+mixin resourceBadge(status)
+  - const map = { IDLE: 'success', BUSY: 'primary', OUT_OF_SERVICE: 'danger', MAINTENANCE: 'secondary', REGISTERED: 'secondary' }
+  span.badge(class=`text-bg-${map[status] || 'secondary'}`)= status
+
+mixin jobBadge(state)
+  - const map = { QUEUED: 'secondary', ASSIGNED: 'info', PREPARING: 'info', RUNNING: 'primary', PASSED: 'success', FAILED: 'danger', ERROR: 'danger', TIMEOUT: 'warning', CANCELED: 'secondary', LOST: 'danger' }
+  span.badge(class=`text-bg-${map[state] || 'secondary'}`)= state

package/views/profile.pug

@@ -0,0 +1,77 @@
+extends layout
+
+block content
+  h1.h4.mb-3 Profile settings
+
+  .row
+    .col-md-6
+      form(method="post" action="/profile" enctype="multipart/form-data")
+        .d-flex.align-items-center.mb-3
+          if user.avatarPath
+            img.rounded-circle.me-3(src=user.avatarPath width="64" height="64" style="object-fit: cover;")
+          else
+            span.rounded-circle.bg-secondary.text-white.d-inline-flex.align-items-center.justify-content-center.me-3(style="width: 64px; height: 64px; font-size: 24px;")
+              = ((user.firstName ? user.firstName[0] : user.username[0]) + (user.lastName ? user.lastName[0] : '')).toUpperCase()
+          div
+            label.form-label.mb-1(for="avatar") Avatar
+            input#avatar.form-control.form-control-sm(type="file" name="avatar" accept="image/png,image/jpeg,image/gif,image/webp")
+            .form-text PNG, JPEG, GIF or WebP, up to 2MB.
+
+        .mb-3
+          label.form-label(for="username") Username
+          input#username.form-control(type="text" name="username" value=user.username required)
+
+        .row
+          .col-6.mb-3
+            label.form-label(for="firstName") First name
+            input#firstName.form-control(type="text" name="firstName" value=user.firstName || '')
+          .col-6.mb-3
+            label.form-label(for="lastName") Last name
+            input#lastName.form-control(type="text" name="lastName" value=user.lastName || '')
+
+        .mb-3
+          label.form-label(for="timezone") Timezone
+          select#timezone.form-select(name="timezone" required)
+            each tz in timezones
+              option(value=tz selected=tz === user.timezone)= tz
+          .form-text Used to render every timestamp in the dashboard.
+
+        .mb-3
+          label.form-label(for="sessionTimeoutMin") Session timeout (idle)
+          select#sessionTimeoutMin.form-select(name="sessionTimeoutMin" required)
+            each min in sessionTimeoutOptions
+              option(value=min selected=min === user.sessionTimeoutMin)= min < 60 ? `${min} minutes` : `${min / 60} hour${min === 60 ? '' : 's'}`
+          .form-text You'll be signed out after this long without activity.
+
+        button.btn.btn-primary(type="submit") Save
+
+    .col-md-6
+      .card.mb-3
+        .card-body
+          h6.card-subtitle.mb-2.text-body-secondary Theme
+          p.small.text-body-secondary.mb-2 Synced to your account — the same on every device you sign in from.
+          .btn-group(role="group" aria-label="Theme")
+            each t in ['auto', 'light', 'dark']
+              button.btn.btn-sm(
+                type="button"
+                class=user.theme === t ? 'btn-primary' : 'btn-outline-secondary'
+                data-set-theme=t
+              )= t.charAt(0).toUpperCase() + t.slice(1)
+
+      .card
+        .card-body
+          h6.card-subtitle.mb-3.text-body-secondary Change password
+          form(method="post" action="/profile/password")
+            .mb-3
+              label.form-label(for="currentPassword") Current password
+              input#currentPassword.form-control(type="password" name="currentPassword" autocomplete="current-password" required)
+            .mb-3
+              label.form-label(for="newPassword") New password
+              input#newPassword.form-control(type="password" name="newPassword" autocomplete="new-password" required)
+            .mb-3
+              label.form-label(for="confirmPassword") Confirm new password
+              input#confirmPassword.form-control(type="password" name="confirmPassword" autocomplete="new-password" required)
+            button.btn.btn-primary(type="submit") Change password
+
+block scripts
+  script(src="/js/profile-theme.js")

package/views/resources/list.pug

@@ -0,0 +1,65 @@
+extends ../layout
+include ../mixins/status-badge
+
+block content
+  h1.h4.mb-3 Resources
+  p.text-body-secondary.small.
+    Resources register themselves — start a Client with the shared join key and it appears here.
+
+  table.table.table-hover.align-middle
+    thead
+      tr
+        th Name
+        th Type
+        th Status
+        th Labels
+        th Groups
+        th Busy source / reason
+        th Last heartbeat
+        if user.role === 'admin'
+          th Actions
+    tbody
+      each r in resources
+        tr
+          td= r.name
+          td.text-uppercase= r.type
+          td: +resourceBadge(r.status)
+          td
+            each l in r.labels
+              span.badge.text-bg-light.border.me-1= l
+          td
+            if r.group_ids.length
+              each gid in r.group_ids
+                span.badge.text-bg-info.me-1(title=gid)= groupsById[gid] ? groupsById[gid].name : `(unknown: ${gid})`
+            else
+              span.text-body-secondary —
+          td= r.busy_source ? `${r.busy_source}${r.busy_reason ? ' — ' + r.busy_reason : ''}` : '—'
+          td= fmtDate(r.last_heartbeat_at, 'never')
+          if user.role === 'admin'
+            td
+              form.d-inline(method="post" action=`/resources/${r.id}/maintenance`)
+                input(type="hidden" name="enabled" value=r.status === 'MAINTENANCE' ? '0' : '1')
+                if r.status === 'MAINTENANCE'
+                  button.btn.btn-sm.btn-outline-secondary(
+                    type="submit"
+                    aria-label="Enable"
+                    data-bs-toggle="tooltip"
+                    data-bs-title="Bring this resource back into rotation so the scheduler can assign it jobs again"
+                  )
+                    i.bi.bi-play-circle
+                else
+                  button.btn.btn-sm.btn-outline-secondary(
+                    type="submit"
+                    aria-label="Disable"
+                    data-bs-toggle="tooltip"
+                    data-bs-title="Take this resource out of rotation for maintenance — the scheduler will skip it"
+                  )
+                    i.bi.bi-tools
+              form.d-inline.ms-1(method="post" action=`/resources/${r.id}/rotate-token` onsubmit="return confirm('Rotate token? The Client will need the new one.')")
+                button.btn.btn-sm.btn-outline-warning(
+                  type="submit"
+                  aria-label="Rotate token"
+                  data-bs-toggle="tooltip"
+                  data-bs-title="Invalidate the current resource token and issue a new one — the Client won't reconnect until it has it"
+                )
+                  i.bi.bi-arrow-repeat