Packaging a few small changes
* Make edit http function endpoint accept function id rather than name * Move show alert js function to function editor template as its only used here * Added a note that previous commit (API -> isolator request was changed from global routing to inter app routing) (It sped things up, but not its regressed; need to look into this further)
This commit is contained in:
@@ -83,32 +83,4 @@
|
||||
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
<div id="alert-container" class="fixed top-10 right-10 z-50"></div>
|
||||
|
||||
<script>
|
||||
function showAlert(message, type = 'success', duration = 1500) {
|
||||
const alertContainer = document.getElementById('alert-container');
|
||||
const alertDiv = document.createElement('div');
|
||||
|
||||
const icon = type === 'success'
|
||||
? '<svg class="w-6 h-6 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>' // SVG for success icon
|
||||
: '<svg class="w-6 h-6 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01"></path></svg>'; // SVG for error icon
|
||||
|
||||
const baseClasses = "flex items-center p-4 mb-4 text-sm text-white rounded-lg shadow-md transition-opacity duration-300";
|
||||
alertDiv.className = `${baseClasses} ${type === 'success' ? 'bg-green-400' : 'bg-red-400'}`;
|
||||
alertDiv.innerHTML = `${icon}<span class="ml-3">${message}</span>`;
|
||||
|
||||
|
||||
|
||||
// Append alert div to the container
|
||||
alertContainer.appendChild(alertDiv);
|
||||
|
||||
// Remove the alert after 'duration' milliseconds
|
||||
setTimeout(() => {
|
||||
alertDiv.style.opacity = '0';
|
||||
setTimeout(() => alertContainer.removeChild(alertDiv), 300);
|
||||
}, duration);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
Reference in New Issue
Block a user