Telegram-hälytykset
diff --git a/script.js b/script.js
index 44e7975..83fb567 100644
--- a/script.js
+++ b/script.js
@@ -1332,6 +1332,7 @@ document.getElementById('profile-form').addEventListener('submit', async (e) =>
let tickets = [];
let currentTicketId = null;
+let currentTicketData = null;
let ticketReplyType = 'reply';
const ticketStatusLabels = {
@@ -1512,6 +1513,7 @@ async function showTicketDetail(id, companyId = '') {
currentTicketCompanyId = companyId;
const ticket = await apiCall('ticket_detail&id=' + encodeURIComponent(id) + ticketCompanyParam());
currentTicketId = id;
+ currentTicketData = ticket;
// Header
document.getElementById('ticket-detail-header').innerHTML = `
@@ -1881,19 +1883,26 @@ document.getElementById('btn-send-reply').addEventListener('click', async () =>
btn.textContent = 'Lähetetään...';
try {
- const action = ticketReplyType === 'note' ? 'ticket_note' : 'ticket_reply';
- const payload = { id: currentTicketId, body };
- if (ticketReplyType !== 'note') {
- const mbSel = document.getElementById('reply-mailbox-select');
- const toFld = document.getElementById('reply-to');
- const ccFld = document.getElementById('reply-cc');
- const useSig = document.getElementById('reply-use-signature');
- if (mbSel) payload.mailbox_id = mbSel.value;
- if (toFld && toFld.value.trim()) payload.to = toFld.value.trim();
- if (ccFld) payload.cc = ccFld.value.trim();
- if (useSig && !useSig.checked) payload.no_signature = true;
+ // Tarkista onko Zammad-tiketti
+ const isZammadTicket = currentTicketData?.zammad_ticket_id;
+ if (isZammadTicket && ticketReplyType !== 'note') {
+ // Lähetä Zammad API:n kautta
+ await apiCall('zammad_reply' + ticketCompanyParam(), 'POST', { ticket_id: currentTicketId, body });
+ } else {
+ const action = ticketReplyType === 'note' ? 'ticket_note' : 'ticket_reply';
+ const payload = { id: currentTicketId, body };
+ if (ticketReplyType !== 'note') {
+ const mbSel = document.getElementById('reply-mailbox-select');
+ const toFld = document.getElementById('reply-to');
+ const ccFld = document.getElementById('reply-cc');
+ const useSig = document.getElementById('reply-use-signature');
+ if (mbSel) payload.mailbox_id = mbSel.value;
+ if (toFld && toFld.value.trim()) payload.to = toFld.value.trim();
+ if (ccFld) payload.cc = ccFld.value.trim();
+ if (useSig && !useSig.checked) payload.no_signature = true;
+ }
+ await apiCall(action + ticketCompanyParam(), 'POST', payload);
}
- await apiCall(action + ticketCompanyParam(), 'POST', payload);
// Reload the detail view
await showTicketDetail(currentTicketId, currentTicketCompanyId);
} catch (e) {
@@ -2352,6 +2361,10 @@ async function loadSettings() {
document.getElementById('settings-telegram-chat').value = config.telegram_chat_id || '';
} catch (e) { console.error(e); }
+ // Integraatiot
+ loadIntegrations();
+ loadZammadConfig();
+
// Vastauspohjat
loadTemplates();
}
@@ -2422,6 +2435,173 @@ document.getElementById('btn-test-api').addEventListener('click', async () => {
} catch (e) { result.textContent = 'Virhe: ' + e.message; }
});
+// ==================== INTEGRAATIOT ====================
+
+const INTEGRATION_TYPES = {
+ zammad: { name: 'Zammad', icon: '📧', desc: 'Synkronoi tiketit Zammad-helpdeskistä (O365-sähköpostit)' },
+};
+
+async function loadIntegrations() {
+ const container = document.getElementById('integrations-list');
+ if (!container) return;
+ try {
+ const integrations = await apiCall('integrations');
+ renderIntegrations(integrations);
+ } catch (e) {
+ console.error('loadIntegrations:', e);
+ }
+}
+
+function renderIntegrations(integrations) {
+ const container = document.getElementById('integrations-list');
+ const enabledMap = {};
+ integrations.forEach(i => { enabledMap[i.type] = i.enabled; });
+
+ let html = '';
+ for (const [type, meta] of Object.entries(INTEGRATION_TYPES)) {
+ const enabled = enabledMap[type] || false;
+ html += `
+
+
+
`;
+ }
+ container.innerHTML = html;
+
+ // Toggle-napit
+ container.querySelectorAll('.integration-enabled').forEach(cb => {
+ cb.addEventListener('change', async () => {
+ const type = cb.dataset.type;
+ const configCard = document.getElementById(type + '-config-card');
+ if (configCard) configCard.style.display = cb.checked ? '' : 'none';
+ // Tallenna toggle-tila
+ try {
+ const existing = await apiCall('integrations');
+ const old = existing.find(i => i.type === type);
+ const config = old?.config || {};
+ await apiCall('integration_save', 'POST', { type, enabled: cb.checked, config });
+ } catch (e) { console.error(e); }
+ });
+ });
+
+ // Näytä config-kortit käytössä oleville
+ integrations.forEach(i => {
+ const card = document.getElementById(i.type + '-config-card');
+ if (card) card.style.display = i.enabled ? '' : 'none';
+ });
+}
+
+async function loadZammadConfig() {
+ try {
+ const integrations = await apiCall('integrations');
+ const zammad = integrations.find(i => i.type === 'zammad');
+ if (zammad && zammad.config) {
+ document.getElementById('zammad-url').value = zammad.config.url || '';
+ document.getElementById('zammad-token').value = zammad.config.token || '';
+ // Renderöi ryhmät jos tallennettu
+ if (zammad.config.group_ids && zammad.config.group_names) {
+ renderZammadGroupCheckboxes(
+ zammad.config.group_names.map((name, i) => ({
+ id: zammad.config.group_ids[i],
+ name: name,
+ })),
+ zammad.config.group_ids
+ );
+ }
+ }
+ } catch (e) { console.error(e); }
+}
+
+function renderZammadGroupCheckboxes(groups, selectedIds = []) {
+ const container = document.getElementById('zammad-groups-list');
+ if (!groups.length) { container.innerHTML = '
Ei ryhmiä.'; return; }
+ container.innerHTML = groups.map(g => `
+
+ `).join('');
+}
+
+// Zammad — Tallenna
+document.getElementById('btn-save-zammad')?.addEventListener('click', async () => {
+ const url = document.getElementById('zammad-url').value.trim();
+ const token = document.getElementById('zammad-token').value.trim();
+ if (!url || !token) { alert('URL ja token vaaditaan'); return; }
+
+ const groupCbs = document.querySelectorAll('.zammad-group-cb:checked');
+ const groupIds = Array.from(groupCbs).map(cb => cb.value);
+ const groupNames = Array.from(groupCbs).map(cb => cb.dataset.name);
+
+ try {
+ await apiCall('integration_save', 'POST', {
+ type: 'zammad',
+ enabled: document.querySelector('.integration-enabled[data-type="zammad"]')?.checked || false,
+ config: { url, token, group_ids: groupIds, group_names: groupNames },
+ });
+ alert('Zammad-asetukset tallennettu!');
+ } catch (e) { alert('Virhe: ' + e.message); }
+});
+
+// Zammad — Testaa yhteys
+document.getElementById('btn-test-zammad')?.addEventListener('click', async () => {
+ const result = document.getElementById('zammad-test-result');
+ result.style.display = 'block';
+ result.style.background = '#f8f9fb';
+ result.textContent = 'Testataan yhteyttä...';
+ try {
+ const res = await apiCall('integration_test', 'POST', { type: 'zammad' });
+ result.style.background = '#d4edda';
+ result.textContent = `✅ Yhteys OK! Käyttäjä: ${res.user}, Ryhmiä: ${res.groups}`;
+ } catch (e) {
+ result.style.background = '#f8d7da';
+ result.textContent = '❌ ' + e.message;
+ }
+});
+
+// Zammad — Lataa ryhmät
+document.getElementById('btn-load-zammad-groups')?.addEventListener('click', async () => {
+ try {
+ const groups = await apiCall('zammad_groups');
+ const activeGroups = groups.filter(g => g.active);
+
+ // Hae tallennetut valitut ryhmät
+ const integrations = await apiCall('integrations');
+ const zammad = integrations.find(i => i.type === 'zammad');
+ const selectedIds = zammad?.config?.group_ids || [];
+
+ renderZammadGroupCheckboxes(activeGroups, selectedIds);
+ } catch (e) { alert('Virhe: ' + e.message); }
+});
+
+// Zammad — Synkronoi nyt
+document.getElementById('btn-sync-zammad')?.addEventListener('click', async () => {
+ const result = document.getElementById('zammad-sync-result');
+ result.style.display = 'block';
+ result.style.background = '#f8f9fb';
+ result.innerHTML = '⏳ Synkronoidaan...';
+ try {
+ const res = await apiCall('zammad_sync', 'POST', {});
+ result.style.background = '#d4edda';
+ result.innerHTML = `✅ Synkronointi valmis!
+ Tikettejä löytyi:
${res.tickets_found}
+ Uusia tikettejä:
${res.created}
+ Päivitettyjä:
${res.updated}
+ Uusia viestejä:
${res.messages_added}`;
+ // Päivitä tikettilista jos ollaan tukivälilehdellä
+ if (typeof loadTickets === 'function') loadTickets();
+ } catch (e) {
+ result.style.background = '#f8d7da';
+ result.innerHTML = '❌ ' + e.message;
+ }
+});
+
// ==================== MODALS ====================
customerModal.addEventListener('click', (e) => { if (e.target === customerModal) customerModal.style.display = 'none'; });
diff --git a/style.css b/style.css
index 1bcfbb7..ec0a1f6 100644
--- a/style.css
+++ b/style.css
@@ -1999,3 +1999,37 @@ span.empty {
.combo-badge.taken { background: #fee2e2; color: #991b1b; }
.combo-badge.subnet { background: #e0e7ff; color: #3730a3; }
.combo-grp { padding: 0.3rem 0.7rem; font-size: 0.75rem; font-weight: 600; color: #888; text-transform: uppercase; letter-spacing: 0.03em; }
+
+/* Integraatiot */
+.integration-item {
+ background: #f8f9fb;
+ border-radius: 10px;
+ padding: 0.75rem 1rem;
+ margin-bottom: 0.5rem;
+ transition: background 0.15s;
+}
+.integration-item:hover { background: #eef1f6; }
+.integration-toggle {
+ display: flex;
+ align-items: center;
+ gap: 0.75rem;
+ cursor: pointer;
+ user-select: none;
+}
+.integration-toggle input[type="checkbox"] {
+ width: 18px; height: 18px; accent-color: var(--primary-color);
+}
+.integration-icon {
+ font-size: 1.5rem;
+ flex-shrink: 0;
+}
+.integration-info {
+ display: flex;
+ flex-direction: column;
+ gap: 0.1rem;
+}
+.integration-info strong { font-size: 0.95rem; color: #333; }
+.integration-info small { font-size: 0.8rem; color: #888; }
+.integration-config-card {
+ border-left: 3px solid var(--primary-color);
+}