@fdm-monster/client-next 0.0.1 → 0.0.3

package/src/components/Settings/AccountSettings.vue

@@ -1,163 +0,0 @@
-<template>
-  <v-card>
-    <v-toolbar color="primary">
-      <v-avatar>
-        <v-icon>account_circle</v-icon>
-      </v-avatar>
-      <v-toolbar-title> Account Settings </v-toolbar-title>
-    </v-toolbar>
-    <v-list
-      subheader
-      lines="three"
-    >
-      <v-list-item>
-        <v-list-item-content v-if="!loginEnabled">
-          <v-alert color="primary">
-            Login is currently disabled. To adjust your username and password,
-            please enable that setting at the Server Protection settings page.
-            Then log in and visit this page.
-          </v-alert>
-        </v-list-item-content>
-      </v-list-item>
-    </v-list>
-    <v-list
-      subheader
-      lines="three"
-    >
-      <v-list-item>
-        <v-list-item-title> Username </v-list-item-title>
-        <v-list-item-action-text>
-          <v-text-field
-            v-model="formData.username"
-            :disabled="!loginEnabled"
-            label="Fill in your username"
-          />
-        </v-list-item-action-text>
-      </v-list-item>
-      <div class="ml-4 mb-4">
-        <v-btn
-          :disabled="!loginEnabled"
-          color="primary"
-          @click="changeUsername()"
-        >
-          Change username
-        </v-btn>
-      </div>
-      <v-divider />
-      <br />
-
-      <v-list-item>
-        <v-list-item-title> Old Password </v-list-item-title>
-        <v-list-item-action-text>
-          <v-text-field
-            v-model="formData.oldPassword"
-            :disabled="!loginEnabled"
-            placeholder="Old password"
-            type="password"
-          />
-        </v-list-item-action-text>
-      </v-list-item>
-      <v-list-item>
-        <v-list-item-title> New Password </v-list-item-title>
-        <v-list-item-action-text>
-          <v-text-field
-            v-model="formData.newPassword"
-            :disabled="!loginEnabled"
-            placeholder="New password"
-            type="password"
-          />
-        </v-list-item-action-text>
-      </v-list-item>
-      <v-list-item>
-        <v-list-item-title> Repeat New Password </v-list-item-title>
-        <v-list-item-action-text>
-          <v-text-field
-            v-model="formData.repeatPassword"
-            :disabled="!loginEnabled"
-            placeholder="Repeat new password"
-            type="password"
-          />
-        </v-list-item-action-text>
-      </v-list-item>
-    </v-list>
-    <div class="ml-4 mb-4">
-      <v-btn
-        :disabled="!loginEnabled"
-        color="primary"
-        @click="changePassword()"
-      >
-        Change password
-      </v-btn>
-    </div>
-    <v-divider />
-  </v-card>
-</template>
-
-<script lang="ts" setup>
-import { useProfileStore } from '@/store/profile.store'
-import { onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
-import { UserService } from '@/backend/user.service'
-import { useSnackbar } from '@/shared/snackbar.composable'
-import { useAuthStore } from '@/store/auth.store'
-import { routeToLogin } from '@/router/utils'
-import { useSettingsStore } from '@/store/settings.store'
-
-const settingsStore = useSettingsStore()
-const profileStore = useProfileStore()
-const authStore = useAuthStore()
-const router = useRouter()
-const snackbar = useSnackbar()
-const loginEnabled = ref<boolean>()
-const userId = ref<string>('')
-const formData = ref<{
-  username: string
-  oldPassword: string
-  newPassword: string
-  repeatPassword: string
-}>({ username: '', newPassword: '', oldPassword: '', repeatPassword: '' })
-
-onMounted(async () => {
-  await settingsStore.loadSettings()
-  if (!settingsStore.settings?.server.loginRequired) {
-    loginEnabled.value = settingsStore.settings?.server.loginRequired
-  }
-  await profileStore.getProfile()
-  formData.value.username = profileStore.username as string
-  userId.value = profileStore.userId as string
-})
-
-async function changeUsername() {
-  if (!userId.value?.length) {
-    snackbar.openErrorMessage({ title: 'User not loaded' })
-    return
-  }
-  await UserService.changeUsername(userId.value, formData.value.username)
-
-  await profileStore.getProfile()
-  formData.value.username = profileStore.username as string
-  snackbar.openInfoMessage({ title: 'Username changed' })
-}
-
-async function changePassword() {
-  if (!userId.value?.length) {
-    snackbar.openErrorMessage({ title: 'User not loaded' })
-    return
-  }
-  if (formData.value.newPassword !== formData.value.repeatPassword) {
-    snackbar.openErrorMessage({ title: 'Passwords do not match' })
-    return
-  }
-  await UserService.changePassword(
-    userId.value,
-    formData.value.oldPassword,
-    formData.value.newPassword
-  )
-  formData.value.oldPassword = ''
-  formData.value.newPassword = ''
-  formData.value.repeatPassword = ''
-  snackbar.openInfoMessage({ title: 'Password changed' })
-  await authStore.logout(true)
-  await routeToLogin(router)
-}
-</script>

package/src/components/Settings/DiagnosticsSettings.vue

@@ -1,137 +0,0 @@
-<template>
-  <v-card>
-    <v-toolbar color="primary">
-      <v-avatar>
-        <v-icon>bug_report</v-icon>
-      </v-avatar>
-      <v-toolbar-title> Diagnostics </v-toolbar-title>
-    </v-toolbar>
-    <v-list
-      subheader
-      lines="three"
-    >
-      <v-list-subheader>
-        Diagnostics to provide bug reports to the developers of this software
-      </v-list-subheader>
-
-      <v-list-item v-if="hasAnonymousDiagnosticsToggleFeature">
-        <v-list-item-title>
-          Remote Sentry diagnostic reports:
-        </v-list-item-title>
-        <v-list-item-subtitle>
-          <v-checkbox
-            v-model="sentryDiagnosticsEnabled"
-            label="Enable remote Sentry diagnostic reports"
-          />
-        </v-list-item-subtitle>
-        <v-list-item-subtitle>
-          <v-btn
-            color="primary"
-            @click="saveSentryDiagnosticsSettings()"
-          >
-            <v-icon class="pr-2">save</v-icon>
-            Save
-          </v-btn>
-          <v-btn
-            color="secondary"
-            @click="sendTestSentryException()"
-          >
-            <v-icon class="pr-2">bug_report</v-icon>
-            Test Error
-          </v-btn>
-        </v-list-item-subtitle>
-      </v-list-item>
-      <v-divider />
-      <v-list-item v-if="hasLogDumpFeature">
-        <v-list-item-title> Logs Dump </v-list-item-title>
-        <v-list-item-subtitle>
-          Download a .zip file containing all logs from the server
-        </v-list-item-subtitle>
-        <v-list-item-subtitle>
-          <br />
-          <v-btn
-            color="primary"
-            @click="downloadLogDump()"
-          >
-            <v-icon>download</v-icon>
-            Download Log Files (.zip)
-          </v-btn>
-        </v-list-item-subtitle>
-      </v-list-item>
-      <v-list-item v-if="hasLogDumpFeature">
-        <v-list-item-title> Clear log files </v-list-item-title>
-        <v-list-item-subtitle>
-          <br />
-          <v-btn
-            color="default"
-            @click="clearOldLogFiles()"
-          >
-            <v-icon>download</v-icon>
-            Clear log files older than a week
-          </v-btn>
-        </v-list-item-subtitle>
-      </v-list-item>
-    </v-list>
-  </v-card>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, ref } from 'vue'
-import { AppService } from '@/backend/app.service'
-import { useSettingsStore } from '@/store/settings.store'
-import { SettingsService } from '@/backend'
-import { setSentryEnabled } from '@/utils/sentry.util'
-import { ServerPrivateService } from '@/backend/server-private.service'
-import { useSnackbar } from '@/shared/snackbar.composable'
-import { captureException } from '@sentry/vue'
-
-const snackBar = useSnackbar()
-const settingsStore = useSettingsStore()
-const hasAnonymousDiagnosticsToggleFeature = ref(false)
-const hasLogDumpFeature = ref(false)
-const hasLogClearFeature = ref(false)
-const sentryDiagnosticsEnabled = ref(false)
-onMounted(async () => {
-  const features = await AppService.getFeatures()
-  hasAnonymousDiagnosticsToggleFeature.value =
-    features.anonymousDiagnosticsToggle?.available || false
-  hasLogDumpFeature.value = features.logDumpZip?.available || false
-  hasLogClearFeature.value = features.clearLogFiles?.available || false
-
-  await settingsStore.loadSettings()
-  sentryDiagnosticsEnabled.value =
-    settingsStore.serverSettings?.sentryDiagnosticsEnabled || false
-})
-
-async function saveSentryDiagnosticsSettings() {
-  await SettingsService.setSentryDiagnosticsSettings(
-    sentryDiagnosticsEnabled.value
-  )
-  setSentryEnabled(sentryDiagnosticsEnabled.value)
-}
-
-async function sendTestSentryException() {
-  const text = `Test Error ${Date.now()} Sentry enabled: ${sentryDiagnosticsEnabled.value}`
-  try {
-    throw new Error(text)
-  } catch (e) {
-    captureException(e)
-    snackBar.openInfoMessage({
-      title: 'Test report was sent',
-      subtitle: `Content: ${text}`
-    })
-  }
-}
-
-async function downloadLogDump() {
-  await ServerPrivateService.downloadLogDump()
-}
-
-async function clearOldLogFiles() {
-  await ServerPrivateService.clearLogFilesOlderThanWeek()
-  snackBar.openInfoMessage({
-    title: 'Action success',
-    subtitle: 'Log files older than a week have been deleted'
-  })
-}
-</script>

package/src/components/Settings/EmergencyCommands.vue

@@ -1,265 +0,0 @@
-<template>
-  <v-card>
-    <v-toolbar color="primary">
-      <v-avatar>
-        <v-icon>settings</v-icon>
-      </v-avatar>
-      <v-toolbar-title> Emergency Commands </v-toolbar-title>
-    </v-toolbar>
-    <v-list
-      subheader
-      lines="three"
-    >
-      <v-list-subheader>
-        Emergency Commands to rectify problematic situations
-      </v-list-subheader>
-
-      <v-list-item>
-        <v-list-item-title> Server commands </v-list-item-title>
-        <v-list-item-subtitle>
-          Restart the server
-          <br />
-          <v-btn
-            color="primary"
-            disabled
-            @click="restartServer()"
-          >
-            Restart server (does not work yet)
-          </v-btn>
-        </v-list-item-subtitle>
-      </v-list-item>
-
-      <v-list-item>
-        <v-list-item-title> Batch disabling </v-list-item-title>
-        <v-list-item-subtitle>
-          Disable all printers in batch (will not affect print)
-          <br />
-          <v-btn
-            color="primary"
-            @click="batchToggleEnabled(false)"
-          >
-            Batch disable
-          </v-btn>
-        </v-list-item-subtitle>
-      </v-list-item>
-
-      <v-list-item>
-        <v-list-item-title> Batch enabling </v-list-item-title>
-        <v-list-item-subtitle>
-          Enabling all printers in batch (will not affect print and it will skip
-          printers in maintenance mode)
-          <br />
-          <v-btn
-            color="primary"
-            @click="batchToggleEnabled(true)"
-          >
-            Batch enable
-          </v-btn>
-        </v-list-item-subtitle>
-      </v-list-item>
-
-      <v-list-item>
-        <v-list-item-title> Batch USB connect </v-list-item-title>
-        <v-list-item-subtitle>
-          Connect all USB devices
-          <br />
-          <v-btn
-            :disabled="!hasConnectUsbFeature"
-            color="primary"
-            @click="connectUSBs()"
-          >
-            <v-icon class="mr-2">usb</v-icon>
-            Connect USBs
-          </v-btn>
-          <v-alert v-if="!hasConnectUsbFeature">
-            <v-icon class="mr-2">warning</v-icon>
-            This feature is not available, please update the FDM Monster server
-          </v-alert>
-        </v-list-item-subtitle>
-        <v-list-item-subtitle class="mt-2">
-          Connect all Sockets
-          <br />
-          <v-btn
-            :disabled="!hasConnectSocketFeature"
-            color="primary"
-            @click="connectSockets()"
-          >
-            <v-icon class="mr-2">hub</v-icon>
-            Connect Sockets
-          </v-btn>
-        </v-list-item-subtitle>
-        <v-alert v-if="!hasConnectSocketFeature">
-          <v-icon class="mr-2">warning</v-icon>
-          This feature is not available, please update the FDM Monster server
-        </v-alert>
-      </v-list-item>
-    </v-list>
-
-    <div class="ma-3">
-      <v-alert> Test all OctoPrint response times </v-alert>
-      <div class="ml-6">
-        <v-btn
-          color="primary"
-          @click="clickFetchNameState()"
-        >
-          Measure response times
-        </v-btn>
-      </div>
-      <div class="ml-7 mt-3">
-        <span v-if="namesFetched"> Response times: </span>
-        <Bar
-          v-if="namesFetched"
-          :data="chartConfig"
-          :options="chartOptions"
-          height="40"
-        />
-        <span v-else>
-          A graph will be shown, presenting the times in milliseconds (ms)
-        </span>
-      </div>
-    </div>
-  </v-card>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref } from 'vue'
-import { ServerPrivateService } from '@/backend/server-private.service'
-import { BatchService } from '@/backend/batch.service'
-import { usePrinterStore } from '@/store/printer.store'
-import { useFeatureStore } from '@/store/features.store'
-import {
-  BarElement,
-  CategoryScale,
-  Chart as ChartJS,
-  type ChartData,
-  ChartOptions,
-  Legend,
-  LinearScale,
-  Title,
-  Tooltip
-} from 'chart.js'
-import { Bar } from 'vue-chartjs'
-import { IdType } from '@/utils/id.type'
-import { OctoPrintSettingsDto } from '@/backend/dto/octoprint-settings.dto'
-import { sleep } from '@/utils/time.utils'
-
-ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend)
-
-export type BatchOctoPrintSettingsDto = {
-  success: boolean
-  printerId: IdType
-  time: number
-  value?: OctoPrintSettingsDto
-  error?: string
-}
-
-const printerStore = usePrinterStore()
-const featureStore = useFeatureStore()
-
-const namesFetched = ref(false)
-const fetchedNames = ref<string[]>([])
-
-const failedPrinters = ref<any[]>([])
-const responseTimesAvg = ref(NaN)
-const responseTimesMax = ref(NaN)
-const responseTimesMin = ref(NaN)
-const chartConfig = ref<ChartData<'bar', number[], string>>({
-  labels: [] as string[],
-  datasets: [
-    {
-      label: 'OctoPrint Settings response times (ms)',
-      data: [] as number[],
-      borderColor: '#FF6384',
-      backgroundColor: '#ffffff'
-    }
-  ]
-})
-
-const chartOptions: ChartOptions<'bar'> = {
-  color: 'white',
-  plugins: {
-    title: {
-      color: 'red',
-      text: 'Response times (ms)',
-      display: true
-    }
-  },
-  responsive: true
-}
-
-const hasConnectUsbFeature = computed(() => {
-  return featureStore.hasFeature('batchConnectUsbCalls')
-})
-const hasConnectSocketFeature = computed(() => {
-  return featureStore.hasFeature('batchConnectSocketCalls')
-})
-
-async function clickFetchNameState() {
-  const printerIds = printerStore.printers.map((p) => p.id)
-  const printerSettingsBatch = (await BatchService.batchSettingsGet(
-    printerIds
-  )) as BatchOctoPrintSettingsDto[]
-  const names = printerSettingsBatch.map(
-    (s) => s.value?.appearance?.name || 'ERROR'
-  )
-  failedPrinters.value = printerSettingsBatch
-    .filter((nb) => !nb.success)
-    .map((e) => ({
-      message: e.error
-    }))
-
-  const times = printerSettingsBatch.map((n) => n.time)
-  const labels = printerSettingsBatch.map(
-    (n) => n.value?.appearance?.name ?? ''
-  )
-  responseTimesAvg.value =
-    times.reduce((a: number, b: number) => a + b, 0) / times.length
-  responseTimesMin.value = Math.min(...times)
-  responseTimesMax.value = Math.max(...times)
-  chartConfig.value = {
-    labels,
-    datasets: [
-      {
-        label: 'OctoPrint Settings response times (ms)',
-        data: times,
-        borderColor: '#FF6384',
-        backgroundColor: '#ffffff'
-      }
-    ]
-  }
-
-  await sleep(500)
-
-  namesFetched.value = true
-  fetchedNames.value = names
-}
-
-async function restartServer() {
-  await ServerPrivateService.restartServer()
-}
-
-async function batchToggleEnabled(enabled: boolean) {
-  if (!confirm('Are you sure you want to toggle all printers?')) {
-    return
-  }
-
-  const printerIds = printerStore.printers.map((p) => p.id)
-  await BatchService.batchToggleEnabled(printerIds, enabled)
-}
-
-async function connectUSBs() {
-  if (!confirm('Are you sure you want to connect all USBs?')) {
-    return
-  }
-  const printerIds = printerStore.printers.map((p) => p.id)
-  await BatchService.batchConnectUsb(printerIds)
-}
-
-async function connectSockets() {
-  if (!confirm('Are you sure you want to connect all sockets?')) {
-    return
-  }
-  const printerIds = printerStore.printers.map((p) => p.id)
-  await BatchService.batchConnectSocket(printerIds)
-}
-</script>