masq/glowing-bear
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Split toasts into short (5s) and long (15s) toasts

Browse Source
This commit is contained in:
Lorenz Hübschle-Schneider 2020-05-04 17:01:30 +02:00
parent 7ef16a174a
commit 696c08200b
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/glowingbear.css
View File

@ -704,7 +704,14 @@ li.buffer.indent.private a {
border-radius: 3px; border-radius: 3px;
padding: 10px 15px; padding: 10px 15px;
z-index: 100; z-index: 100;
animation: fadein 0.5s, fadeout 0.5s 4.5s; }
.toast-short {
animation: fadein 0.5s, fadeout 0.5s 4.5s;
}
.toast-long {
animation: fadein 0.5s, fadeout 0.5s 14.5s;
} }
@keyframes fadein { @keyframes fadein {

8
js/inputbar.js
View File

@ -283,7 +283,7 @@ weechat.directive('inputBar', function() {
var deleteCallback = function () { var deleteCallback = function () {
// Image got sucessfully deleted. // Image got sucessfully deleted.
// Show toast with delete link // Show toast with delete link
var toastDeleted = $compile('<div class="toast">Successfully deleted.</div>')($scope)[0]; var toastDeleted = $compile('<div class="toast toast-short">Successfully deleted.</div>')($scope)[0];
document.body.appendChild(toastDeleted); document.body.appendChild(toastDeleted);
setTimeout(function() { document.body.removeChild(toastDeleted); }, 5000); setTimeout(function() { document.body.removeChild(toastDeleted); }, 5000);
} }
@ -363,7 +363,7 @@ weechat.directive('inputBar', function() {
if (buffer.type === 'channel' && !is_online) { if (buffer.type === 'channel' && !is_online) {
// show a toast that the user left // show a toast that the user left
var toast = document.createElement('div'); var toast = document.createElement('div');
toast.className = "toast"; toast.className = "toast toast-short";
toast.innerHTML = nick + " has left the room"; toast.innerHTML = nick + " has left the room";
document.body.appendChild(toast); document.body.appendChild(toast);
setTimeout(function() { document.body.removeChild(toast); }, 5000); setTimeout(function() { document.body.removeChild(toast); }, 5000);
@ -774,9 +774,9 @@ weechat.directive('inputBar', function() {
} }
// Show toast with delete link // Show toast with delete link
var toastImgur = $compile('<div class="toast">Image uploaded to Imgur. <a id="deleteImgur" ng-click="imgurDelete(\'' + deleteHash + '\')" href="">Delete?</a></div>')($scope)[0]; var toastImgur = $compile('<div class="toast toast-long">Image uploaded to Imgur. <a id="deleteImgur" ng-click="imgurDelete(\'' + deleteHash + '\')" href="">Delete?</a></div>')($scope)[0];
document.body.appendChild(toastImgur); document.body.appendChild(toastImgur);
setTimeout(function() { document.body.removeChild(toastImgur); }, 10000); setTimeout(function() { document.body.removeChild(toastImgur); }, 15000);
// Log the delete hash to the console in case the toast was missed. // Log the delete hash to the console in case the toast was missed.
console.log('An image was uploaded to imgur, delete it with $scope.imgurDelete(\'' + deleteHash + '\')'); console.log('An image was uploaded to imgur, delete it with $scope.imgurDelete(\'' + deleteHash + '\')');