added time check for initial load

removed some animations

api/functions/homepage-functions.php

@@ -52,7 +52,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrderqBittorrent':
 			if ($GLOBALS['homepageqBittorrentEnabled']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Download Queue...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Download Queue...</h2></div>';
 				$item .= '
                 <script>
                 // homepageOrderqBittorrent
@@ -64,7 +64,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrderdeluge':
 			if ($GLOBALS['homepageDelugeEnabled']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Download Queue...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Download Queue...</h2></div>';
 				$item .= '
 				<script>
 				// Deluge
@@ -76,7 +76,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrdertransmission':
 			if ($GLOBALS['homepageTransmissionEnabled']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Download Queue...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Download Queue...</h2></div>';
 				$item .= '
 				<script>
 				// Transmission
@@ -88,7 +88,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrdernzbget':
 			if ($GLOBALS['homepageNzbgetEnabled']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Download Queue...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Download Queue...</h2></div>';
 				$item .= '
 				<script>
 				// NZBGet
@@ -100,7 +100,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrdersabnzbd':
 			if ($GLOBALS['homepageSabnzbdEnabled']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Download Queue...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Download Queue...</h2></div>';
 				$item .= '
 				<script>
 				// SabNZBd
@@ -112,7 +112,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrderplexnowplaying':
 			if ($GLOBALS['homepagePlexStreams']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Now Playing...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Now Playing...</h2></div>';
 				$item .= '
 				<script>
 				// Plex Stream
@@ -124,7 +124,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrderplexrecent':
 			if ($GLOBALS['homepagePlexRecent']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Recent...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Recent...</h2></div>';
 				$item .= '
 				<script>
 				// Plex Recent
@@ -136,7 +136,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrderplexplaylist':
 			if ($GLOBALS['homepagePlexPlaylist']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Playlists...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Playlists...</h2></div>';
 				$item .= '
 				<script>
 				// Plex Playlist
@@ -148,7 +148,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrderembynowplaying':
 			if ($GLOBALS['homepageEmbyStreams']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Now Playing...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Now Playing...</h2></div>';
 				$item .= '
 				<script>
 				// Emby Stream
@@ -160,7 +160,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrderembyrecent':
 			if ($GLOBALS['homepageEmbyRecent']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Recent...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Recent...</h2></div>';
 				$item .= '
 				<script>
 				// Emby Recent
@@ -172,7 +172,7 @@ function buildHomepageItem($homepageItem)
 			break;
 		case 'homepageOrderombi':
 			if ($GLOBALS['homepageOmbiEnabled']) {
-				$item .= '<div class="white-box  animated zoomIn"><h2 class="text-center" lang="en">Loading Requests...</h2></div>';
+				$item .= '<div class="white-box"><h2 class="text-center" lang="en">Loading Requests...</h2></div>';
 				$item .= '
 				<script>
 				// Ombi Requests
@@ -185,7 +185,7 @@ function buildHomepageItem($homepageItem)
 		case 'homepageOrdercalendar':
 			if ($GLOBALS['homepageSonarrEnabled'] && qualifyRequest($GLOBALS['homepageSonarrAuth']) || ($GLOBALS['homepageRadarrEnabled'] && qualifyRequest($GLOBALS['homepageRadarrAuth'])) || ($GLOBALS['homepageSickrageEnabled'] && qualifyRequest($GLOBALS['homepageSickrageAuth'])) || ($GLOBALS['homepageCouchpotatoEnabled'] && qualifyRequest($GLOBALS['homepageCouchpotatoAuth']))) {
 				$item .= '
-				<div id="calendar" class="fc fc-ltr animated zoomIn m-b-30"></div>
+				<div id="calendar" class="fc fc-ltr m-b-30"></div>
 				<script>
 				// Calendar
 				homepageCalendar("' . $GLOBALS['calendarRefresh'] . '");

js/functions.js

@@ -4080,6 +4080,10 @@ function message(heading,text,position,color,icon,timeout){
     if(notificationsReady && ready){
         oldPosition = position;
         position = messagePositions()[position][bb];
+        if(local('g','initial')){
+            setTimeout(function(){ message(heading,text,oldPosition,color,icon,timeout); }, 100);
+            return false;
+        }
         switch (bb) {
             case 'toastr':
                 $.toast({
@@ -4150,7 +4154,7 @@ function message(heading,text,position,color,icon,timeout){
                 }
                 var msgFull = (heading !== '') ? heading + '<br/>' + text : text;
                 new Noty({
-                    type: icon+'-noty',
+                    type: icon + '-noty',
                     layout: position,
                     text: msgFull,
                     progressBar: true,
@@ -4160,11 +4164,11 @@ function message(heading,text,position,color,icon,timeout){
                             var n = this;
                             var Timeline = new mojs.Timeline();
                             var body = new mojs.Html({
-                                el        : n.barDom,
-                                x         : {500: 0, delay: 0, duration: 500, easing: 'elastic.out'},
-                                isForce3d : true,
+                                el: n.barDom,
+                                x: {500: 0, delay: 0, duration: 500, easing: 'elastic.out'},
+                                isForce3d: true,
                                 onComplete: function () {
-                                    promise(function(resolve) {
+                                    promise(function (resolve) {
                                         resolve();
                                     })
                                 }
@@ -4172,11 +4176,11 @@ function message(heading,text,position,color,icon,timeout){
 
                             var parent = new mojs.Shape({
                                 parent: n.barDom,
-                                width      : 200,
-                                height     : n.barDom.getBoundingClientRect().height,
-                                radius     : 0,
-                                x          : {[150]: -150},
-                                duration   : 1.2 * 500,
+                                width: 200,
+                                height: n.barDom.getBoundingClientRect().height,
+                                radius: 0,
+                                x: {[150]: -150},
+                                duration: 1.2 * 500,
                                 isShowStart: true
                             });
 
@@ -4184,35 +4188,35 @@ function message(heading,text,position,color,icon,timeout){
                             parent.el.style['overflow'] = 'hidden';
 
                             var burst = new mojs.Burst({
-                                parent  : parent.el,
-                                count   : 10,
-                                top     : n.barDom.getBoundingClientRect().height + 75,
-                                degree  : 90,
-                                radius  : 75,
-                                angle   : {[-90]: 40},
+                                parent: parent.el,
+                                count: 10,
+                                top: n.barDom.getBoundingClientRect().height + 75,
+                                degree: 90,
+                                radius: 75,
+                                angle: {[-90]: 40},
                                 children: {
-                                    fill     : '#EBD761',
-                                    delay    : 'stagger(500, -50)',
-                                    radius   : 'rand(8, 25)',
+                                    fill: '#EBD761',
+                                    delay: 'stagger(500, -50)',
+                                    radius: 'rand(8, 25)',
                                     direction: -1,
-                                    isSwirl  : true
+                                    isSwirl: true
                                 }
                             });
 
                             var fadeBurst = new mojs.Burst({
-                                parent  : parent.el,
-                                count   : 2,
-                                degree  : 0,
-                                angle   : 75,
-                                radius  : {0: 100},
-                                top     : '90%',
+                                parent: parent.el,
+                                count: 2,
+                                degree: 0,
+                                angle: 75,
+                                radius: {0: 100},
+                                top: '90%',
                                 children: {
-                                    fill     : '#EBD761',
+                                    fill: '#EBD761',
                                     pathScale: [.65, 1],
-                                    radius   : 'rand(12, 15)',
+                                    radius: 'rand(12, 15)',
                                     direction: [-1, 1],
-                                    delay    : .8 * 500,
-                                    isSwirl  : true
+                                    delay: .8 * 500,
+                                    isSwirl: true
                                 }
                             });
 
@@ -4222,12 +4226,12 @@ function message(heading,text,position,color,icon,timeout){
                         close: function (promise) {
                             var n = this;
                             new mojs.Html({
-                                el        : n.barDom,
-                                x         : {0: 500, delay: 10, duration: 500, easing: 'cubic.out'},
-                                skewY     : {0: 10, delay: 10, duration: 500, easing: 'cubic.out'},
-                                isForce3d : true,
+                                el: n.barDom,
+                                x: {0: 500, delay: 10, duration: 500, easing: 'cubic.out'},
+                                skewY: {0: 10, delay: 10, duration: 500, easing: 'cubic.out'},
+                                isForce3d: true,
                                 onComplete: function () {
-                                    promise(function(resolve) {
+                                    promise(function (resolve) {
                                         resolve();
                                     })
                                 }
@@ -4323,6 +4327,8 @@ function launch(){
 		console.log("%cOrganizr","color: #66D9EF; font-size: 24px; font-family: Monospace;");
 		console.log("%cVersion: "+currentVersion,"color: #AD80FD; font-size: 12px; font-family: Monospace;");
 		console.log("%cStarting Up...","color: #F92671; font-size: 12px; font-family: Monospace;");
+        local('set','initial',true);
+        setTimeout(function(){ local('r','initial'); }, 3000);
 		defineNotification();
 		checkMessage();
 		errorPage();