Improve server URL input (#4)

This commit is contained in:
Corbin Davenport 2023-07-10 23:39:55 -04:00
parent 36378cd25b
commit 135bc911a1
2 changed files with 20 additions and 13 deletions

View File

@ -30,16 +30,23 @@ function saveSettings() {
// Add server to list
document.querySelector('#server-add-btn').addEventListener('click', function () {
var domain = document.querySelector('#mastodon-server-text').value.replace(' ', '')
if (domain) {
var el = document.createElement('option')
el.value = domain
el.innerText = domain
serverList.appendChild(el)
serverList.value = domain
document.querySelector('#mastodon-server-text').value = ''
saveSettings()
// Get hostname from input
var serverInput = document.querySelector('#mastodon-server-text').value.replace(' ', '');
var serverDomain = '';
if (serverInput.startsWith('https://')) {
var serverObj = new URL(serverInput);
serverDomain = serverObj.hostname;
} else {
serverDomain = serverInput;
}
// Add URL to list
var el = document.createElement('option')
el.value = serverDomain
el.innerText = serverDomain
serverList.appendChild(el)
serverList.value = serverDomain
document.querySelector('#mastodon-server-text').value = ''
saveSettings()
})
// Remove button
@ -57,7 +64,7 @@ document.querySelector('#mastodon-keyboard-shortcut').addEventListener('click',
} else {
chrome.tabs.create({ url: 'chrome://extensions/shortcuts#:~:text=Share%20to%20Mastodon' })
}
})
loadSettings()

View File

@ -31,7 +31,7 @@
<label for="mastodon-server-text" class="form-label">Add a server</label>
<div class="input-group">
<input type="text" class="form-control" id="mastodon-server-text" placeholder="yourserver.social" aria-label="Server domain" aria-describedby="server-help">
<button class="btn btn-outline-primary" type="button" id="server-add-btn">Add</button>
<button class="btn btn-outline-primary" type="button" id="server-add-btn">Add server</button>
</div>
<div id="server-help" class="form-text">This must be a server running <a href="https://joinmastodon.org/" target="_blank">Mastodon</a>, <a href="https://calckey.org/" target="_blank">Calckey</a>, <a href="https://join.misskey.page/en-US/" target="_blank">Misskey</a>, or another compatible social media platform.</div>
<!-- Server select -->
@ -56,9 +56,9 @@
<h2>Donate</h2>
<p>If you find Share to Mastodon useful, please donate to support continued development. It would mean a lot!</p>
<a href="https://www.patreon.com/corbindavenport" target="_blank">
<button type="button" class="btn btn-success w-100 mb-3">Join the Patreon</button>
<button type="button" class="btn btn-success w-100 mb-3">Support via Patreon</button>
</a>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=4SZVSMJKDS35J&lc=US&item_name=Peek%20Donation&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted" target="_blank">
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=4SZVSMJKDS35J&lc=US&item_name=Share%20to%20Mastodon%20Donation&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted" target="_blank">
<button type="button" class="btn btn-success w-100 mb-3">Donate via PayPal</button>
</a>
<a href="https://cash.app/$corbdav" target="_blank">