jukka/intra.noxus.fi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Yhdistä IMAP/SMTP-asetukset vierekkäin + "Käytä samoja tunnuksia"

Browse Source 
Mailbox-lomake näyttää nyt Saapuva (IMAP) ja Lähtevä (SMTP)
vierekkäin. SMTP-puolella on "Käytä samoja tunnuksia kuin
saapuvassa" -checkbox (oletuksena päällä), joka piilottaa
SMTP-kentät ja kopioi IMAP-asetukset tallennettaessa.
Lähettäjän sähköposti ja nimi omana osionaan alhaalla.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jukka Lampikoski
2026-03-10 22:50:45 +02:00
parent 78f25d0079
commit eaf47d5b78
2 changed files with 87 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
index.html
View File

@@ -798,68 +798,63 @@
<div id="mailbox-form-container" style="display:none;margin-top:1rem;padding:1rem;background:#f8f9fb;border-radius:8px;">
<h4 style="color:#0f3460;margin-bottom:0.75rem;" id="mailbox-form-title">Uusi postilaatikko</h4>
<input type="hidden" id="mailbox-form-id">
<div class="form-grid" style="max-width:600px;">
<div class="form-group full-width">
<label>Nimi (näkyy tikettilistassa) *</label>
<input type="text" id="mailbox-form-nimi" placeholder="esim. Asiakaspalvelu">
<div style="max-width:700px;">
<div class="form-grid">
<div class="form-group full-width">
<label>Nimi (näkyy tikettilistassa) *</label>
<input type="text" id="mailbox-form-nimi" placeholder="esim. Asiakaspalvelu">
</div>
</div>
<div class="form-group">
<label>IMAP-palvelin</label>
<input type="text" id="mailbox-form-host" placeholder="mail.example.com">
<!-- Saapuva + Lähtevä vierekkäin -->
<div style="display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:0.5rem;">
<!-- Saapuva posti (IMAP) -->
<div>
<h4 style="color:#0f3460;font-size:0.9rem;margin:0 0 0.5rem;">Saapuva posti (IMAP)</h4>
<div class="form-group"><label>Palvelin</label><input type="text" id="mailbox-form-host" placeholder="mail.example.com"></div>
<div class="form-group"><label>Portti</label><input type="number" id="mailbox-form-port" value="993" placeholder="993"></div>
<div class="form-group"><label>Käyttäjätunnus</label><input type="text" id="mailbox-form-user" placeholder="asiakaspalvelu@yritys.fi"></div>
<div class="form-group"><label>Salasana</label><input type="password" id="mailbox-form-password" placeholder="••••••••"></div>
<div class="form-group"><label>Salaus</label>
<select id="mailbox-form-encryption">
<option value="ssl">SSL</option>
<option value="tls">TLS</option>
<option value="notls">Ei salausta</option>
</select>
</div>
</div>
<!-- Lähtevä posti (SMTP) -->
<div>
<h4 style="color:#0f3460;font-size:0.9rem;margin:0 0 0.5rem;">Lähtevä posti (SMTP)</h4>
<div class="form-group">
<label style="display:flex;align-items:center;gap:0.4rem;cursor:pointer;">
<input type="checkbox" id="mailbox-form-smtp-same" checked> Käytä samoja tunnuksia kuin saapuvassa
</label>
</div>
<div id="smtp-custom-fields">
<div class="form-group"><label>Palvelin</label><input type="text" id="mailbox-form-smtp-host" placeholder="mail.yritys.fi"></div>
<div class="form-group"><label>Portti</label><input type="number" id="mailbox-form-smtp-port" value="587" placeholder="587"></div>
<div class="form-group"><label>Käyttäjätunnus</label><input type="text" id="mailbox-form-smtp-user" placeholder="asiakaspalvelu@yritys.fi"></div>
<div class="form-group"><label>Salasana</label><input type="password" id="mailbox-form-smtp-pass" placeholder="••••••••"></div>
<div class="form-group"><label>Salaus</label>
<select id="mailbox-form-smtp-encryption">
<option value="tls">STARTTLS</option>
<option value="ssl">SSL</option>
<option value="none">Ei salausta</option>
</select>
</div>
</div>
</div>
</div>
<div class="form-group">
<label>Portti</label>
<input type="number" id="mailbox-form-port" value="993" placeholder="993">
</div>
<div class="form-group">
<label>Käyttäjätunnus</label>
<input type="text" id="mailbox-form-user" placeholder="asiakaspalvelu@yritys.fi">
</div>
<div class="form-group">
<label>Salasana</label>
<input type="password" id="mailbox-form-password" placeholder="••••••••">
</div>
<div class="form-group">
<label>Salaus</label>
<select id="mailbox-form-encryption">
<option value="ssl">SSL</option>
<option value="tls">TLS</option>
<option value="notls">Ei salausta</option>
</select>
</div>
<div class="form-group">
<label>Lähettäjän sähköposti</label>
<input type="text" id="mailbox-form-smtp-email" placeholder="asiakaspalvelu@yritys.fi">
</div>
<div class="form-group">
<label>Lähettäjän nimi</label>
<input type="text" id="mailbox-form-smtp-name" placeholder="Yritys Asiakaspalvelu">
</div>
<h4 style="margin:1rem 0 0.5rem;color:#0f3460;font-size:0.9rem;">SMTP-lähetysasetukset</h4>
<p style="font-size:0.78rem;color:#888;margin-bottom:0.5rem;">Jätä tyhjäksi käyttääksesi palvelimen omaa sendmailia</p>
<div class="form-group">
<label>SMTP-palvelin</label>
<input type="text" id="mailbox-form-smtp-host" placeholder="mail.yritys.fi">
</div>
<div class="form-group">
<label>SMTP-portti</label>
<input type="number" id="mailbox-form-smtp-port" value="587" placeholder="587">
</div>
<div class="form-group">
<label>SMTP-käyttäjä</label>
<input type="text" id="mailbox-form-smtp-user" placeholder="asiakaspalvelu@yritys.fi">
</div>
<div class="form-group">
<label>SMTP-salasana</label>
<input type="password" id="mailbox-form-smtp-pass" placeholder="••••••••">
</div>
<div class="form-group">
<label>SMTP-salaus</label>
<select id="mailbox-form-smtp-encryption">
<option value="tls">STARTTLS</option>
<option value="ssl">SSL</option>
<option value="none">Ei salausta</option>
</select>
<!-- Lähettäjätiedot -->
<div class="form-grid" style="margin-top:0.75rem;">
<div class="form-group">
<label>Lähettäjän sähköposti</label>
<input type="text" id="mailbox-form-smtp-email" placeholder="asiakaspalvelu@yritys.fi">
</div>
<div class="form-group">
<label>Lähettäjän nimi</label>
<input type="text" id="mailbox-form-smtp-name" placeholder="Yritys Asiakaspalvelu">
</div>
</div>
</div>
<div style="display:flex;gap:0.5rem;margin-top:0.75rem;">