DonBatman/youcount.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
Manas Khurana 2018-05-16 14:41:09 +05:30 committed by GitHub
parent af7c5009bb
commit e4e867599f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 58 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
index3.html
View File

@ -1,3 +1,4 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -128,7 +129,8 @@ margin-bottom:5px;
border-radius:50%; border-radius:50%;
cursor:pointer; cursor:pointer;
display:none; display:none;
background-image: url(/images/social.png); /*background-image: url(/images/social.png);*/
/*This is done at the end of script3.js so image is downloaded at the very last.*/
} }
#tw { #tw {
background-position: -50px 0; background-position: -50px 0;
@ -547,16 +549,16 @@ a {text-decoration:none;}
</head> </head>
<body> <body>
<section id="menu"> <section id="menu">
<div class="navButtonsCover" data-child="logo" onClick="handleNavButtons(1)"> <div class="navButtonsCover" data-child="logo" onClick="(function(){if(typeof(handleNavButtons)!=='undefined')handleNavButtons(1)})()">
<div id="logo" class="navButtons" alt="YouCount Logo/Homepage"></div> <div id="logo" class="navButtons" alt="YouCount Logo/Homepage"></div>
</div> </div>
<div class="navButtonsCover" data-child="share" onClick="handleNavButtons(4)"> <div class="navButtonsCover" data-child="share" onClick="(function(){if(typeof(handleNavButtons)!=='undefined')handleNavButtons(1)})()">
<div id="share" class="navButtons" alt="Share button"></div> <div id="share" class="navButtons" alt="Share button"></div>
</div> </div>
<div class="navButtonsCover" data-child="code" onClick="handleNavButtons(3)"> <div class="navButtonsCover" data-child="code" onClick="(function(){if(typeof(handleNavButtons)!=='undefined')handleNavButtons(1)})()">
<div id="code" class="navButtons" alt="Get YouCount embed or widget"></div> <div id="code" class="navButtons" alt="Get YouCount embed or widget"></div>
</div> </div>
<div class="navButtonsCover" data-child="helpButton" onClick="handleNavButtons(2)"> <div class="navButtonsCover" data-child="helpButton" onClick="(function(){if(typeof(handleNavButtons)!=='undefined')handleNavButtons(1)})()">
<div id="helpButton" class="navButtons" alt="Help button"></div> <div id="helpButton" class="navButtons" alt="Help button"></div>
</div> </div>
<ul id="sharebox"> <ul id="sharebox">
@ -719,10 +721,9 @@ function getKey() {
} }
// ------ Assigns forEach to NodeList if not already available (minimum requirement = ES5)------ // ------ Assigns forEach to NodeList if not already available (minimum requirement = ES5)------
if (window.NodeList && !NodeList.prototype.forEach) { if (window.NodeList && !NodeList.prototype.forEach) {
NodeList.prototype.forEach = function (callback, thisArg) { NodeList.prototype.forEach = function (callback, thisArg = window) {
var t = thisArg || window;
for (var i = 0; i < this.length; i++) { for (var i = 0; i < this.length; i++) {
callback.call(t, this[i], i, this); callback.call(thisArg, this[i], i, this);
} }
}; };
} }
@ -734,7 +735,7 @@ function ajx(url, success, failure) {
if (request.status === 200) { if (request.status === 200) {
if (success)success(JSON.parse(request.responseText)); if (success)success(JSON.parse(request.responseText));
} else { } else {
noConnection('ajx failed to load ' + url); noConnection('ajx failed to load: ' + url, true);
if (failure)failure(request.statusText); if (failure)failure(request.statusText);
} }
} }
@ -753,7 +754,7 @@ function changeText(elem, changeVal) {
// --------MAIN PROGRAM--------- // --------MAIN PROGRAM---------
// ----receives value inputted by user and sends it while input box is starts showing 'Loading...'---- // ----receives value inputted by user and sends it while input box is starts showing 'Loading...'----
var isTutorialOn = 0; var isTutorialOn = [0,0];
function startAndPops() { // manage what happens in the very beginning and also on popstate function startAndPops() { // manage what happens in the very beginning and also on popstate
if (location.hash.split('#!/')[1]) {// if something is there after #!/, make that the search query else set page as homepage. if (location.hash.split('#!/')[1]) {// if something is there after #!/, make that the search query else set page as homepage.
if (isBackPressed) { if (isBackPressed) {
@ -770,20 +771,17 @@ function startAndPops() { // manage what happens in the very beginning and also
try { try {
tutorial(); tutorial();
} catch (e) { } catch (e) {
isTutorialOn = 1; isTutorialOn[0] = 1;
} }
} }
} }
function getValue(v) { function getValue(value = document.getElementById('username').value) {
var value = '';
if (!v) value = document.getElementById('username').value;
else value = v;
if (!internet) { if (!internet) {
document.getElementById('username').value = 'Refresh the page'; document.getElementById('username').value = 'Refresh the page';
return; return;
} }
if (!value || value === 'Not Found!' || value === 'Loading...' || value === 'Refresh the page') return; if (!value || value === 'Not Found!' || value === 'Loading...' || value === 'Refresh the page') return;
if (isTutorialOn) { if (isTutorialOn[0]) {
try { try {
tutorial(3); tutorial(3);
} catch (err) { } catch (err) {
@ -796,13 +794,10 @@ function getValue(v) {
queryName(); queryName();
intervalId = setInterval(live, 1000); intervalId = setInterval(live, 1000);
} }
function noConnection(eP) { function noConnection(e = 'No error provided!', noStop = false) {
if (developmentMode) { if (developmentMode) {
var e = '';
if (!eP) e = 'No error provided!';
else e = eP;
console.log('noConnection:' + e); console.log('noConnection:' + e);
} else { } else if(!noStop) {
internet = 0; internet = 0;
document.getElementById('actualCount').innerHTML = 'No Internet'; document.getElementById('actualCount').innerHTML = 'No Internet';
var arr = ['totalViews', 'totalVideos', 'pubDate', 'username']; var arr = ['totalViews', 'totalVideos', 'pubDate', 'username'];
@ -855,7 +850,7 @@ function queryName(query) {
document.getElementById('dp').style.display = 'block'; document.getElementById('dp').style.display = 'block';
document.getElementById('extra').style.display = 'block'; document.getElementById('extra').style.display = 'block';
// if tutorial is on, disable it (happens when clicked on suggest as getvalue is not called) // if tutorial is on, disable it (happens when clicked on suggest as getvalue is not called)
if (isTutorialOn) tutorial(3); if (isTutorialOn[0]) tutorial(3);
// set channel name in input box and title // set channel name in input box and title
channelname = e.items[0].snippet.title; channelname = e.items[0].snippet.title;
changeText(document.getElementById('username'), channelname); changeText(document.getElementById('username'), channelname);
@ -945,7 +940,7 @@ function live() {
ajx(url, function (e) { ajx(url, function (e) {
var prevCount = actualCount; var prevCount = actualCount;
if (!e.items || !e.items[0].statistics.subscriberCount) { if (!e.items || !e.items[0].statistics.subscriberCount) {
noConnection( 'undef e.items or e.items[0].statistics.subscriberCount in live'); noConnection( 'undef e.items or e.items[0].statistics.subscriberCount in live', true);
} else { } else {
actualCount = e.items[0].statistics.subscriberCount;// set actualCount to realtime subscribers actualCount = e.items[0].statistics.subscriberCount;// set actualCount to realtime subscribers
@ -1025,10 +1020,10 @@ function live() {
} }
} }
}, function () { }, function () {
noConnection('live no response from ajx'); noConnection('live no response from ajx', true);
}); });
} catch (e) { } catch (e) {
noConnection(e); noConnection(e, true);
} }
} }
@ -1055,6 +1050,42 @@ window.onpopstate = function () {
startAndPops(); startAndPops();
}; };
// --------MAIN PROGRAM ENDS--------- // --------MAIN PROGRAM ENDS---------
// --------OTHER PROGRAMS------------
// Only one program atm is used because it gives very basic functionality,
// which makes input work properly if the script doesn't load. The rest is supposed to be in the other script.
// this thing gives the search box it's effects (material design thing + fading in search button)
// when it is clicked or focussed upon and effectively hides them as well.
tutorial=undefined;//to circumvent automatic assignment of tutorial to document.getElementById('tutorial'),
//until it is defined as a function; goog: 'global variables id'
document.getElementById('username').addEventListener('focusin', function () {
if (isTutorialOn[0] && tutorial) {
document.getElementById('username').value = '';
tutorial(1);
}
document.getElementById('username').select();
document.getElementById('inputButton').style.display = 'block';
});
document.getElementById('username').addEventListener('focusout', function () {
setTimeout(function () {
document.getElementById('suggest').style.display = 'none';
document.getElementById('inputButton').style.display = 'none';
if (typeof(usernameKeyUp)!=='undefined' && usernameKeyUp[0]) {//shortcircuiting AND in case usernameKeyUp is not defined.
console.log('aa');
clearInterval(usernameKeyUpInter);
usernameKeyUp = [false, false];
}
}, 200);
});
function trigenter(e) { // eslint-disable-line no-unused-vars
if (e.keyCode === 13) {
getValue();
}
}
// --------OTHER PROGRAMS END------------
function getScript(source, callback, prop, val) {// used to load jQuery (basically a replacement for $.getScript) function getScript(source, callback, prop, val) {// used to load jQuery (basically a replacement for $.getScript)
var script = document.createElement('script'); var script = document.createElement('script');
var prior = document.getElementsByTagName('script')[0]; var prior = document.getElementsByTagName('script')[0];
@ -1082,9 +1113,9 @@ window.onload = function () {
navigator.serviceWorker.register('/sw.js'); navigator.serviceWorker.register('/sw.js');
} }
} else { } else {
getScript('js/script3.js'); getScript('js/script32.js');
} }
}; };
</script> </script>
</body> </body>
</html> </html>