592ff49abe
core.js still routed plugin-owned pages directly. Extracted all 11 into the owning plugin's route file + moved their views into plugins/<name>/frontend/: - computers: reports/pc-relationships, settings/pctypemapping - printers: reports/toner, settings/printertypes, settings/zabbix (toner/supply monitoring) - machines: settings/machinetypes - network: settings/networktypes - warranty: settings/dellwarranty - slides: settings/slides (its route file gains a default export; it was toplevel-only) - employees: NEW plugin frontend (employees/:sso + settings/employeedirectory) - employees had no route file before; its pages lived only in core.js. core.js now holds only core routes; all 14 bundled plugins are self-contained under plugins/<name>/frontend/. Verified live: the extracted Machine Types settings page renders in the settings rail from the machines plugin frontend. Build + 58 vitest + naming green.
118 lines
4.0 KiB
Vue
118 lines
4.0 KiB
Vue
<template>
|
|
<div>
|
|
<div class="page-header">
|
|
<h2>Dell Warranty Lookup</h2>
|
|
</div>
|
|
|
|
<div class="section-card">
|
|
<div class="setting-group">
|
|
<p class="setting-description">
|
|
Look up Dell coverage by service tag via the Dell TechDirect Warranty API.
|
|
When enabled, the Refresh button on a Dell warranty pulls the current service
|
|
level and end date. Requires a Dell TechDirect API client id and secret.
|
|
</p>
|
|
|
|
<div class="setting-row">
|
|
<label class="toggle-label">
|
|
<span>Enable Dell Warranty Lookup</span>
|
|
<button
|
|
class="toggle-btn"
|
|
:class="{ active: settings.warranty_dell_enabled }"
|
|
@click="toggleSetting('warranty_dell_enabled')"
|
|
:disabled="saving"
|
|
>
|
|
<span class="toggle-slider"></span>
|
|
</button>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="setting-row" v-if="settings.warranty_dell_enabled">
|
|
<label>
|
|
<span>Client ID</span>
|
|
<input
|
|
type="text"
|
|
v-model="settings.warranty_dell_clientid"
|
|
placeholder="Dell TechDirect client id"
|
|
@blur="saveSetting('warranty_dell_clientid', settings.warranty_dell_clientid)"
|
|
:disabled="saving"
|
|
>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="setting-row" v-if="settings.warranty_dell_enabled">
|
|
<label>
|
|
<span>Client Secret</span>
|
|
<input
|
|
type="password"
|
|
v-model="settings.warranty_dell_clientsecret"
|
|
placeholder="Enter client secret"
|
|
@blur="saveSetting('warranty_dell_clientsecret', settings.warranty_dell_clientsecret)"
|
|
:disabled="saving"
|
|
>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="setting-row" v-if="settings.warranty_dell_enabled">
|
|
<label>
|
|
<span>Token URL <small>(blank = Dell default)</small></span>
|
|
<input
|
|
type="url"
|
|
v-model="settings.warranty_dell_tokenurl"
|
|
placeholder="https://apigtwb2c.us.dell.com/auth/oauth/v2/token"
|
|
@blur="saveSetting('warranty_dell_tokenurl', settings.warranty_dell_tokenurl)"
|
|
:disabled="saving"
|
|
>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="setting-row" v-if="settings.warranty_dell_enabled">
|
|
<label>
|
|
<span>API URL <small>(blank = Dell default)</small></span>
|
|
<input
|
|
type="url"
|
|
v-model="settings.warranty_dell_apiurl"
|
|
placeholder="https://apigtwb2c.us.dell.com/PROD/sbil/eapi/v5/asset-entitlements"
|
|
@blur="saveSetting('warranty_dell_apiurl', settings.warranty_dell_apiurl)"
|
|
:disabled="saving"
|
|
>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="status-indicator" v-if="settings.warranty_dell_enabled">
|
|
<span class="status-dot" :class="dellStatus"></span>
|
|
<span>{{ dellMessage }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div v-if="error" class="error-message">{{ error }}</div>
|
|
<div v-if="success" class="settings-success">{{ success }}</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { onMounted, computed } from 'vue'
|
|
import { useSystemSettings } from '@/composables/systemSettings'
|
|
|
|
const {
|
|
settings, saving, error, success,
|
|
loadSettings, saveSetting, toggleSetting,
|
|
} = useSystemSettings()
|
|
|
|
// Per-page connection status (stays with the page, not the composable).
|
|
const dellStatus = computed(() => {
|
|
if (!settings.warranty_dell_enabled) return 'inactive'
|
|
if (!settings.warranty_dell_clientid || !settings.warranty_dell_clientsecret) return 'warning'
|
|
return 'pending'
|
|
})
|
|
|
|
const dellMessage = computed(() => {
|
|
if (!settings.warranty_dell_enabled) return 'Disabled'
|
|
if (!settings.warranty_dell_clientid) return 'Client id not configured'
|
|
if (!settings.warranty_dell_clientsecret) return 'Client secret not configured'
|
|
return 'Configured (used when you refresh a Dell warranty)'
|
|
})
|
|
|
|
onMounted(loadSettings)
|
|
</script>
|