0ct0pu5/YellowLabTools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Adding favicon animation and color codes

Browse source
This commit is contained in:
Gaël Métais 2021-01-03 21:44:47 +00:00
parent 576dac3aff
commit 294c5ab06d
8 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
front/src/css/queue.css
View file

@ -17,5 +17,5 @@
width: 5%;
height: 0.5em;
background: #ffa319;
transition: width 2s ease-out;
transition: width 3s ease-out;
}

BIN
front/src/img/favicon-fail.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 764 B

After

Width:  |  Height:  |  Size: 706 B

BIN
front/src/img/favicon-success.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 719 B

After

Width:  |  Height:  |  Size: 551 B

5
front/src/js/controllers/queueCtrl.js
View file

@ -69,7 +69,7 @@ queueCtrl.controller('QueueCtrl', ['$scope', '$routeParams', '$location', 'Runs'
faviconCanvasContext.fillStyle = '#212240';
if (!!faviconCanvasContext) {
faviconInterval = window.setInterval(faviconTick, 1000);
faviconInterval = window.setInterval(faviconTick, 300);
}
};
faviconImage.src = faviconUrl;
@ -81,7 +81,7 @@ queueCtrl.controller('QueueCtrl', ['$scope', '$routeParams', '$location', 'Runs'
faviconCanvasContext.save();
faviconCanvasContext.fillRect(0, 0, 32, 32);
faviconCanvasContext.translate(16, 16);
faviconCanvasContext.rotate(45 * faviconCounter * Math.PI / 180);
faviconCanvasContext.rotate(22.5 * faviconCounter * Math.PI / 180);
faviconCanvasContext.translate(-16, -16);
faviconCanvasContext.drawImage(faviconImage, 0, 0, 32, 32);
faviconCanvasContext.restore();
@ -90,6 +90,7 @@ queueCtrl.controller('QueueCtrl', ['$scope', '$routeParams', '$location', 'Runs'
function stopFavicon(isSuccess) {
window.clearInterval(faviconInterval);
faviconInterval = null;
favicon.href = isSuccess ? faviconSuccessUrl : faviconFailUrl;
}

2
front/src/js/services/settingsService.js
View file

@ -6,7 +6,7 @@ settingsService.factory('Settings', ['localStorageService', function(localStorag
getMergedSettings: function() {
var defaultSettings = {
device: 'mobile',
device: 'phone',
showAdvanced: false
};

2
front/src/less/queue.less
View file

@ -20,5 +20,5 @@
width: 5%;
height: 0.5em;
background: #ffa319;
transition: width 2s ease-out;
transition: width 3s ease-out;
}

2
front/src/views/index.html
View file

@ -2,7 +2,7 @@
<p class="price">Free and open source!</p>
<form ng-submit="launchTest()" >
<input type="text" name="url" ng-model="url" placeholder="http://www.mysite.com" class="url" />
<input type="text" name="url" ng-model="url" placeholder="https://www.mysite.com" class="url" />
<input type="submit" value="Launch test" class="launchBtn" ng-class="{disabled: !url}" />
<div class="settings">
<div class="device">

2
front/src/views/queue.html
View file

@ -26,7 +26,7 @@
<p class="statusSubMessage" ng-if="progress.milestone == 'domReady'">(DOM Ready fired)</p>
<p class="statusSubMessage" ng-if="progress.milestone == 'domComplete'">(page loaded, waiting for late requests)</p>
<p class="statusSubMessage" ng-if="progress.milestone == 'phantomas'">(now simulating compression, optimization and minification)</p>
<p class="statusSubMessage" ng-if="progress.milestone == 'redownload'">(calculating score and retreaving screenshot)</p>
<p class="statusSubMessage" ng-if="progress.milestone == 'redownload'">(calculating score and retrieving screenshot)</p>
</div>
<div ng-if="status.statusCode == 'complete'">
<div class="status">Test complete</div>