All The Javascript So it is searchable. Search Javascript Folder

	Get
1
2	function slideDownTo(key){
3	var node = getNode(key);
4	dispatchOver(node);
5	}
6
7	function displaySlideNamed(aName){
8	pinned = null;
9	var node = getNode(aName);
10	dispatchOver(node);
11
12	}
13
14	function getNode(nodeName){
15	return view.graph.nodes(nodeName);
16	}
17
18	function setRatio(node,score){
19	node.data.ratio = score;
20	}
21
22	function getConferenceKey(slide){
23	return slide.conference.id;
24	}
25
26	function getConference(slide){
27	return slide.conference;
28	}
29
30	function localRebuild(){
31	return true;
32	}
33
34
35
36
37	function getConferenceName(node){
38	if (getClass(node)== 'Conference'){
39	return node.title;
40	}
41	return node.conference.title;
42	}
43
44	function isRoot(node){
45	if (! ('parent' in node) \|\|
46	(node.parent === null)){
47	return true;
48	}
49	return false;
50	}
51
52
53
54
55	function getTitle(item){
56	return item.title;
57	}
58
59	function getBranchSize(item){
60	return item.branchSize;
61	}
62
63
64	function getDescription(item){
65	return item.description;
66	}
67	function getUpVotes(item){
68	return item.upVotes;
69	}
70	function getDownVotes(item){
71	return item.downVotes;
72	}
73
74	function getClass(slide){
75	return slide.class;
76	}
77
78
79
80	function addChildArray (item,index){
81	item.children = [];
82	}
83
84	function getKey(item,array){
85	return item.id;
86	}
87	function getClass(item,array){
88	return item.class;
89	}
90
	Move Commands For Destkopt
91	function moveUp(){
92	moveTo(homeNode.parent);
93	}
94
95	function moveDown(childIndex){
96	moveTo (homeNode.children[childIndex]);
97	}
98
99	function moveToLast(numberOfSiblings){
100	moveTo (homeNode.parent.children[numberOfSiblings -1]);
101	}
102
103	function moveToFirst(){
104	moveTo (homeNode.preant.children[0]);
105	}
106
107	function moveRight(offset){
108	moveTo (homeNode.parent.children[offset+1]);
109	}
110
111	function moveLeft(offset){
112	moveTo (homeNode.parent.children[offset-1]);
113	}
	addDescription
114
115	/*
116	function addDescription (description){
117	$('#description').remove();
118	var result =' <span id = "description" style= "position:absolute; bottom:10px;' +
119	'z-index: -1; left: 33%; padding: 20px; ">'+
120	description +
121	'</span>';
122
123	$('#graph-container').append(result);
124	}
125	*/
	addList
126	function renderList(node){
127	if (node.children.length ===0){
128	return '';
129	}
130	result = '<center>';
131	result +='<b>SubCategories:</b><br>';
132	for (var i = 0 ; i< node.children.length; i++){
133	result += node.children[i].title + "<br>";
134	}
135	result += '</center>';
136	return result;
137	}
138
139	function renderList2(node){
140	result ='<ul>';
141	for (var i = 0 ; i< node.children.length; i++){
142	result += "<li>" + node.children[i].title + "</li>";
143	}
144	result += "</ul>";
145	return result;
146	}
147	/*
148	function deleteNodePlusChildren(){
149	$('#NodePlusChildren').remove();
150	}
151	function renderNodePlusChildren (node){
152	var result ='<div id = "NodePlusChildren" ' +
153	'style= "position:fixed;'+
154	'bottom:' + node.children.length + 'em; ' +
155	'left: 30%; z-index: -1;">' +
156	"<p>" + node.title + "</p>"+
157	renderList(node)+
158	'</div>';
159	$('#graph-container').append(result);
160	}
161	*/
	camera
162	var baseX = 0;
163	var baseY = -($('#graph-container')[0].clientWidth)/4
164	;
165	function cameraGoToOrigin(){
166	view.cameras[0].goTo({x:baseX, y: baseY, ratio:1, angle: 1.55});
167	}
168
169	//NOT WORKING
170	function cameraGoToNode(node){
171	view.cameras[0].goTo({x:node.x , y: node.y , angle:node.angle});
172
173	}
174
	childFunctions
175
176
177	function getChildIndex(node){
178	var childIndex = 0;
179	if ('previousChildIndex' in node){
180	childIndex = node.previousChildIndex;
181	}
182	return childIndex;
183	}
184
185
	first
186	var view;
187	var homeNode;
188	var root;
189	var landingPage;
190	var lastHover = null;
191	isMobile = false;
192
193
194
195
196
197
198	var mySettings = {
199	animationsTime: 500,
200	drawLabels: true,
201	drawEdgeLabels: true,
202	zoomMax : 4,
203	singleHover: false,
204	doubleClickEnabled: false,
205	enableNodeHovering: true,
206	labelSizeRatio: 0,
207	labelThreshold: 1,
208	minNodeSize: 1,
209	maxNodeSize: 4
210	};
211
212	function myCallback(arg){
213	view = arg;
214	var nodes = view.graph.nodes();
215	nodes.forEach(addChildArray);
216	nodes.forEach (setParent);
217	nodes.forEach(zeroPosition);
218	//nodes.forEach(setLabels);
219	//MUST BE AFTER SET PARENT
220	nodes.forEach(setConferences);
221
222
223
224
225
226
227	root = getNode(rootName);
228	root.x=0;
229	root.y=0;
230	root.share = 2*Math.PI;
231	root.angle = 0;
232
233
234	var row = root.children;
235	var radius = 1;
236
237	while (row.length > 0){
238
239	calculateChildPositions(row,radius );
240	row = rowItems(row);
241	radius ++ ;
242	}
243	cameraGoToOrigin();
244	view.bind('overNode', overNode);
245	view.bind('outNode', outNode);
246	view.bind('overNodes', overNodes);
247	view.bind('outNodes', outNodes);
248	view.bind('clickNode', clickNode);
249
250	view.refresh();
251
252	homeNode= getNode(homeNodeKey);
253	landingPage = homeNode;
254	dispatchOver(homeNode);
255	pinned = homeNode;
256
257	} //END OF CALLBACK
258
259
260	sigma.parsers.json(deskTopJson, {
261	container: 'graph-container',
262	settings: mySettings
263	},
264	myCallback);
265
266
267
	hasChildren
268	function hasChildren(node){
269	if (node.children.length > 0){
270	return true;
271	}
272	return false;
273
274	}
	hover
275	var pinned = null;
276
277	function deletePin(node){
278	delete pinned.data.pinned;
279	pinned = null;
280	}
281
282
283	function leavePinnedNode(){
284	var pin = pinned;
285	deletePin (pin);
286	outNodeCore(pin);
287	view.refresh();
288	}
289
290	function clickNode(e){
291	var node = e.data.node;
292	clickNodeCore(node);
293	}
294	function clickNodeCore (node){
295	//Clicking on Pinned Node
296	if (node == pinned){
297	deletePin(pinned);
298	node.label = node.title;
299	newHomeNode(e.node);
300	view.refresh();
301	}
302	// CLICKING ON A DIFFERENT NODE
303	else if (pinned){
304	leavePinnedNode();
305	}
306	else{
307	overNodeCore(node);
308	pinned = node;
309	node.data.pinned = true;
310	node.label = 'PINNED: '+ node.title;
311	view.refresh();
312	}
313
314	}
315
316
317
318	var hoverNodes= {};
319
320	function overNode(e) {
321	if (pinned){
322	return;
323	}
324	var node = e.data.node;
325	overNodeCore(node);
326	}
327
328	function overNodes(e){
329	if (pinned){
330	return;
331	}
332	for (var i = 0; i < e.data.nodes.length; i++){
333	var node = e.data.nodes [i];
334	overNodeCore(node);
335	}
336	}
337
338	function deleteOldHovers(){
339	for (var key in hoverNodes){
340	var item = hoverNodes[key];
341	hideLabel(item);
342	if (item.conference){
343	hideLabel(item.conference);
344	}
345	delete hoverNodes[key];
346	}
347	}
348	var lastOverNode=null;
349	var lastOutNode = null;
350	var lastNodeEvent=null;
351	function overNodeCore(node){
352
353	showLabel (node);
354	if ((lastOverNode== node)&&
355	(lastNodeEvent =="overNode")){
356	return;
357	}
358	//if (lastOverNode){
359	//hideLabel(lastOverNode);
360	//}
361	lastOverNode = node;
362	lastNodeEvent = "overNode";
363	deleteOldHovers();
364
365	showLabel (node);
366	newHomeNode(node);
367	possiblyLoadContent(node);
368	hoverNodes [node.id]= node;
369	}
370
371	function outNode(e){
372	if (pinned){
373	return;
374	}
375	var node = e.data.node;
376	outNodeCore(node);
377	}
378
379	function outNodes(e){
380	if (pinned){
381	return;
382	}
383	for (var i = 0; i < e.data.nodes.length; i++){
384	var node = e.data.nodes [i];
385	outNodeCore (node);
386	}
387	}
388
389	function outNodeCore(node){
390
391	if ((lastOutNode== node)&&
392	(lastNodeEvent =="outNode")){
393	return;
394	}
395	hideLabel(node);
396	view.refresh();
397	//deleteOldHovers();
398	if (node.conference){
399	hideLabel(node.conference);
400	}
401	lastOutNode = node;
402	lastNodeEvent = "outNode";
403
404	}
405
406
	initialize
407
408	function setParent(item,index){
409	item.data= {};
410	var parent = item.parent;
411	if (item.id == rootName){
412	item.parent = null;
413	return;
414	}
415	parent = getNode (item.parent);
416	item.parent = parent;
417	item.parent.children.push (item);
418	view.graph.addEdge({source:parent.id,
419	target:item.id,
420	label:"Hello",
421	id:(item.id + parent.id), size: 1});
422	if (item.class == 'Conference'){
423	item.data.talks = [];
424	}
425	}
426	function setConferences(node,index){
427	if (getClass(node) == 'Video'){
428	node.conference = getNode(node.conference);
429	node.conference.data.talks.push(node);
430	/*
431	if (node.parent != node.conference){
432	view.graph.addEdge({source:node.id,
433	target:node.conference.id,
434	id:(node.id + node.conference.id),
435	size: 1,
436	hidden:true
437	});
438
439	}
440	*/
441
442	}
443	}
444	function setLabels(item,index){
445	// item.label = item.title;
446	}
447
	loadContent
448	function possiblyLoadContent(node){
449	lastHover = node;
450	setTimeout (maybeLoadContent,400,node);
451	}
452
453	function maybeLoadContent(node){
454	if (lastHover == node){
455	addLinks(node);
456	loadRemoteContent(node);
457	return;
458	}
459	}
460
461	var oldVideoNode=null;
462	var oldConferenceNode = null;
463	function addLinks(node){
464	//if ('talks' in node){
465	// addConferenceLinks(node);
466	//}
467	if ('conference' in node){
468	addVideoLink (node);
469	}
470	view.refresh();
471	}
472
473	function addConferenceLinks(node){
474	dropConferenceLinks (oldVideoNode);
475	oldConferenceNode = node;
476	node.data.hasConferenceLink = true;
477
478	for (var i = 0 ; i < node.talks.length; i++){
479	var talk = node.talks[i];
480	var name = node.id + talk.id;
481	if (!view.graph.edges(name)){
482	view.graph.addEdge({source:node.id,
483	target:talk.id,
484	id:name,
485	size: 1});
486	}
487	}
488	}
489
490	function addVideoLink(node){
491	dropVideoLink (oldVideoNode);
492	oldVideoNode = node;
493	var name = node.id + node.conference.id;
494	if (!view.graph.edges(name)){
495	node.data.hasVideoLink = true;
496	//showLabel(node.conference);
497	view.graph.addEdge({source:node.id,
498	target:node.conference.id,
499	id:name, size: 1});
500	}
501	}
502
503	function dropConferenceLink(conference){
504	if (! conference){
505	return;
506	}
507	if (conference.data.hasConferenceLink){
508	node.data.hasConferenceLink = false;
509	for (var i=0; i<conference.talks.length; i++ ){
510	var name = conference.id + conference.talks[i];
511	view.graph.dropEdge(name);
512	}
513	view.refresh();
514
515	}
516	}
517
518
519	function dropVideoLink(node){
520
521	if (! node){
522	return;
523	}
524	if (node.data.hasVideoLink){
525	node.data.hasVideoLink = false;
526	var name = node.id + node.conference.id;
527	view.graph.dropEdge(name);
528	view.refresh();
529
530	}
531	}
532
533	function newHomeNode (node){
534	homeNode = node;
535	showLabel(node);
536	saveCurrentURL();
537	// $("#arrows").html(arrows(node));
538	$("#text").html(renderSlide(node));
539	//postRender();
540
541	}
542
543
544
545	function errorF( jqXHR, textStatus, errorThrown ){
546	console.log ("AJAX ERROR", jqXHR, textStatus, errorThrown );
547	}
548
549	//after slide load
550	function loadRemoteContent(node){
551	var url = "/" + getKey(node) + "/content";
552	divName = "#" + getKey(node) + "-content";
553	$.ajax({url: url, cache: false,
554	error: errorF,
555	success: function(result){
556	$(divName).html(result);
557	resizeVideos(0,0,"#text");
558	}
559	});
560
561	}
562
563
564
	moveTo
565	var currentNode=null;
566	function moveTo(node){
567	pinned = null;
568
569	if (currentNode){
570	dispatchOut (currentNode);
571	}
572	dispatchOver(node);
573	}
574
575	function hideLabel(node){
576	node.label = "";
577	}
578	function dispatchOut(node){
579	var data = {};
580	data.node = currentNode;
581	view.renderers[0].dispatchEvent('outNode',data);
582	}
583	function showLabel(node){
584	node.label=node.title;
585	}
586	function dispatchOver(node){
587	view.renderers[0].dispatchEvent('overNode',{node});
588	}
	positions
589
590	function nextItem(array,index){
591	if (index == array.length -1){
592	return array[0];
593	}
594	return array[index+1];
595	}
596	function previousItem(array,index){
597	if (index === 0){
598	return array [array.length -1];
599	}
600	return array [index-1];
601	}
602
603	function average (angle1, angle2,radius){
604	if ((angle1 - angle2) > Math.PI){
605
606	angle2=angle2 + 2*Math.PI;
607	//return angle1;
608	return average (angle1, angle2, radius);
609	}
610
611	if ((angle1 - angle2) > 1){
612	return angle1 - (0.333/radius);
613	}
614
615	if ((angle2 - angle1) > Math.PI){
616
617	angle2= angle2 - 2*Math.PI;
618	return average (angle1, angle2, radius);
619	}
620	if ((angle2 - angle1) > 1){
621	return angle1 + (0.3333/radius);
622	}
623	return (angle1 + angle2 ) /2.0;
624	}
625
626	function calculateChildPositions (row,radius){
627	var i, item, arent, siblings, length, offset, share;
628	var angle, parentAngle,itemIndex, delta;
629	var first, last, previous, previousAngle, next, nextAngle;
630	var j, ratio;
631	var rowLength= row.length;
632	var maxDelta = 0;
633	var minDelta = 0;
634	for (i = 0 ; i<rowLength;i ++ ){
635	item = row [i];
636	parentAngle= item.parent.angle;
637	siblings = item.parent.children;
638	length = siblings.length;
639	offset = length /2;
640	share = item.parent.share/length;
641	item.share = share;
642	itemIndex = siblings.indexOf(item);
643	delta = (itemIndex -offset) * share ;
644	angle = parentAngle + delta;
645	onePosition(item, angle, radius);
646	}
647
648	if (radius < 2) {
649	return;
650	}
651
652	for (i = 0 ; i<rowLength;i ++ ){
653	item = row [i];
654	siblings = item.parent.children;
655	length= siblings.length;
656	itemIndex = siblings.indexOf(item);
657
658	if (itemIndex === 0){
659	previous = previousItem (row,i);
660	previousAngle = previous.angle;
661	first = average (item.angle, previousAngle,radius);
662
663	}
664	if (itemIndex == siblings.length -1 ){
665	next = nextItem(row,i);
666	nextAngle = next.angle;
667	last = average (item.angle, nextAngle,radius);
668
669
670	for (j=0 ;j< length; j++){
671	item = siblings [j];
672	delta = last - first;
673	offset = length /2;
674	ratio = (j) /length;
675	if (length ==1){
676	ratio = 0.5;
677	}
678	angle = first + (delta * ratio);
679	onePosition(item, angle, radius);
680	}
681	}
682
683	}
684
685
686	}
687
688	function onePosition( item,angle,radius) {
689	item.angle = angle;
690	item.x=radius * Math.cos(angle);
691	item.y= radius * Math.sin(angle);
692	}
693
694
695	function randomPosition(item, index) {
696	item.x=Math.random () +1;
697	item.y=Math.random () +1;
698	}
699	function zeroPosition(item, index) {
700	item.x=0;
701	item.y=0;
702	}
	renderSearchButton
703	function renderSearchOption(node){
704	if (! isMobile){
705	return "" +
706	lili('<a href="https://PythonLinks.info/search">Search</a>');
707	}
708	else{
709	return lili('<a onclick ="showSearch()">Search</a>');
710
711	}
712
713	}
714
	traverse
715
716
717	function rowItems(rowArray){
718	var result = [];
719	for (var i=0 ; i<rowArray.length;i++){
720	result = result.concat(rowArray[i].children);
721	}
722	return result;
723	}
	ChildFunctions
724
725
726	function getChildIndex(homeNode){
727	var childIndex = 0;
728	if (homeNode.hasOwnProperty('previousChildIndex')){
729	childIndex = homeNode.previousChildIndex;
730	}
731	return childIndex;
732	}
	SlideUpOrDown
733
734	function hideDivLater(){
735	$.fn.fullpage.destroy('all');
736	}
737
738	function showSearch(){
739	loadOneSlide();
740	$("#searchDiv").slideDown(400);
741	$("#browse").slideUp(400);
742	setTimeout(hideDivLater,400);
743	$('body').scrollTop(0);
744	if (homeNode.data.class == 'Conference'){
745	oldSearchString="asdfasdfkjhae";
746	currentSearchString="asdfasdfkjhae";
747	$("input[name=search]").val(homeNode.data.title);
748	myKeyUpCore(homeNode.data.title);
749	}
750
751
752	}
753
754
755	function resetHeight(){
756	searchDiv.style.height="auto"
757	}
758
759	function showBrowser(){
760	$("#browse").slideDown(400);
761	$("#searchDiv").slideUp(400);
762	setTimeout (resetHeight,400);
763	$('#fullpage').fullpage(fullPageArguments);
764	setTimeout(reload,1000);
765
766
767	}
768
769	function searchClick(aNode){
770	var duration = 400;
771	$("#browse").slideDown(duration);
772	$("#searchDiv").slideUp(duration);
773	homeNode = aNode;
774	saveCurrentURL();
775	displaySlide(homeNode);
776	//setTimeout(reload,duration);
777	}
778
779
780
781
782
783
	createSlides
784	function renderVerticalSlides(){
785
786	var i,slide;
787	var result = "";
788	for (i = 0 ; i < verticalSlides.length; i++){
789	slide =renderVerticalSlide (verticalSlides[i],i);
790	result += slide;
791	}
792	return result;
793
794	}
795
796	function renderHorizontalSlides(){
797
798	var j;
799	var result = "";
800	for (j = 0 ; j < horizontalSlides.length; j++){
801	slide =renderHorizontalSlide (horizontalSlides[j],j);
802	result += slide;
803	}
804	return result;
805
806	}
807
808
	renderSlides
809	function goToChat(item){
810
811	var href = "/" + item + "/chat";
812	window.open(href);
813
814	}
815
816
817
818
	renderVerticalSlide
819	function renderHorizontalSlide(slide,index){
820	var result = "";
821	result += "<div " +
822	" id = \"slide " + slide.key + "\" "+
823	"class=\"slide";
824	if (slide == homeNode) {
825	result +=" active";
826	}
827
828	result +="\">";
829	result += '<div style="width: calc(100% - 20px);"' +
830	'id="' + slide.key + "-page" + '">';
831
832	result += renderSlide(slide,index);
833	result += "</div>";
834	result += "</div>";
835	return result;
836	}
837
838
839	function renderVerticalSlide(slide, index){
840	var result = "";
841	result += "<div class=\"section ";
842	if (slide == homeNode) {
843	result +="active ";
844	}
845	// result += " style=\"background-color:" +
846	// (parents(slide).length & 1) ? '#ccc': '#fff'+ ";\"";
847	result +="\">";
848	if (slide == homeNode) {
849	result += renderHorizontalSlides();
850	}
851	else {
852	result += renderSlide(slide,0);
853	}
854
855	result += "</div>";
856	return result;
857	}
858
	clickNode
859	function clickNode(webPageName){
860	var key = webPageName.key;
861	homeNode=tree.getNodeByKey(key);
862	popSlides(homeNode);
863	}
864
865	window.addEventListener('popstate', function(event) {
866	clickNode(event.state);
867
868	});
	get
869	function slideDownTo(key){
870	var nextNode=tree.getNodeByKey(key);
871	var index = homeNode.children.indexOf(nextNode);
872	homeNode.previousChildIndex=index;
873	goDown();
874	}
875
876	function setRatio(node,score){
877	node.data.ratio = score;
878	}
879
880	function getConferenceKey(slide){
881	return slide.data.conference;
882	}
883
884	function getConference(slide){
885	return getNode(slide.data.conference);
886	}
887
888	function localRebuild(){
889	$.fn.fullpage.reBuild();
890	return true;
891	}
892
893
894	function getNode(key){
895	return tree.getNodeByKey(key);
896	}
897
898	function getConferenceName(node){
899	return node.data.conference;
900	}
901
902	function isRoot(node){
903	if (getKey(node)==rootName){
904	return true;
905	}
906	return false;
907	}
908
909	function getTitle(item){
910	return item.data.title;
911	}
912
913	function getBranchSize(item){
914	return item.data.branchSize;
915	}
916
917
918	function getDescription(item){
919	return item.data.description;
920	}
921	function getUpVotes(item){
922	return item.data.upVotes;
923	}
924	function getDownVotes(item){
925	return item.data.downVotes;
926	}
927
928	function getClass(slide){
929	return slide.data.class;
930	}
931
932
933
934	function getKey(item,array){
935	return item.key;
936	}
937	function getClass(item,array){
938	return item.data.class;
939	}
940
	getHorizontalAndVerticalSlides
941	var horizontalSlides, verticalSlides;
942	var verticalIndex;
943	var horizontalIndex;
944
945	function setSlides(aNode){
946	setSingleSlide();
947	}
948
949	function setSingleSlide(){
950	verticalSlides = [homeNode];
951	horizontalSlides = [homeNode];
952	verticalIndex = 0;
953	horizontalIndex = 0;
954	}
955	function setUpSlides(){
956	verticalSlides = [homeNode.parent,homeNode];
957	horizontalSlides = [homeNode];
958	verticalIndex = 1;
959	horizontalIndex = 0;
960	}
961	function setDownSlides(){
962	var childIndex = getChildIndex(homeNode);
963	verticalSlides = [homeNode,homeNode.children[childIndex]];
964	horizontalSlides = [homeNode];
965	verticalIndex = 0;
966	horizontalIndex = 0;
967	}
968	function setRightSlides(){
969	var hIndex = homeNode.parent.children.indexOf(homeNode);
970	verticalSlides = [homeNode];
971	horizontalSlides = [homeNode, homeNode.parent.children[hIndex+1]];
972	verticalIndex = 0;
973	horizontalIndex = 0;
974	}
975	function setLeftSlides(){
976	var hIndex = homeNode.parent.children.indexOf(homeNode);
977	verticalSlides = [homeNode];
978	horizontalSlides = [homeNode.parent.children[hIndex-1],homeNode];
979	verticalIndex = 0;
980	horizontalIndex = 1;
981	}
982
983
984	/*
985	THis was the old one.
986	function setSlides(aNode){
987	verticalSlides = listOfVerticalSlides(aNode);
988	horizontalSlides = listOfHorizontalSlides(aNode);
989
990	verticalIndex = verticalSlides.indexOf(homeNode);
991	horizontalIndex = horizontalSlides.indexOf(homeNode);
992	}
993	*/
994
995	function listOfVerticalSlides(homeNode){
996	var result = [];
997	if (homeNode.parent.parent !== null){
998	result.push (homeNode.parent);
999	}
1000	result.push (homeNode);
1001
1002	if (hasChildren(homeNode)){
1003	var childIndex = getChildIndex(homeNode);
1004	var child=homeNode.children[childIndex];
1005	result.push(child);
1006	}
1007	return result;
1008	}
1009
1010
1011	function listOfHorizontalSlides(aNode){
1012	var children = aNode.parent.children;
1013	var index =children.indexOf(aNode);
1014	var result = [];
1015	if (index >0){
1016	result.push (children[index-1]);
1017	}
1018
1019	result.push (aNode);
1020
1021	if (index < children.length -1){
1022	result.push (children[index + 1]);
1023	}
1024	return result;
1025	}
1026
1027
	getPage
1028	function getPage(){
1029	handle = '';
1030	var result = $('#' + homeNode.key + "-page" ).html();
1031	handle = 'lozinski';
1032	return result;
1033	}
	hasChildren
1034
1035	function hasChildren(homeNode){
1036
1037	if (homeNode.hasOwnProperty ('children') &&
1038	(homeNode.children !== null) &&
1039	(homeNode.children.length > 0)){
1040	return true;
1041	}
1042	return false;
1043	}
1044
	initialize
1045	var landingPage = null;
1046
1047	var parameters = {
1048	extensions: ["filter"],
1049	quicksearch: true,
1050
1051	filter: {
1052	autoApply: true, // Re-apply last filter if lazy data is loaded
1053	counter: true, // Show a badge with number of matching child nodes near parent icons
1054	fuzzy: false, // Match single characters in order, e.g. 'fb' will match 'FooBar'
1055	hideExpandedCounter: true, // Hide counter badge, when parent is expanded
1056	highlight: true, // Highlight matches by wrapping inside <mark> tags
1057	mode: "hide", // Grayout unmatched nodes (pass "hide" to remove unmatched node instead)
1058	autoExpand: true,
1059	leavesOnly:false
1060	},
1061
1062
1063	treeInit: function(ctx){
1064	this._superApply(ctx);
1065	},
1066
1067	init: function(arg1,arg2) {
1068
1069	tree= arg2.tree;
1070	homeNode=arg2.tree.getNodeByKey(webPageName);
1071	tree.homeNode=homeNode;
1072	landingPage = homeNode;
1073	root=arg2.tree.getRootNode().children[0];
1074	saveCurrentURLAndSearch();
1075	displaySlide(homeNode);
1076	},
1077
1078	source: $.ajax({
1079	url: mobileJson,
1080	dataType: "json"
1081	}),
1082
1083
1084	click: function(event, data) {
1085	var aNode = data.node;
1086	searchClick(aNode);
1087	return false;
1088
1089	},
1090	};
1091
1092	$("#tree").fancytree(parameters);
1093
	initializeslides
1094	function pleaseLoadContent (anchorLink, index, slideAnchor, slideIndex){
1095	loadContent ();
1096	}
1097	function smallLoadContent (anchorLink, index, slideAnchor, slideIndex){
1098	loadContent ();
1099	}
1100
1101	function reloadSection(anchorLink, index){
1102	if (mayLoad){
1103	mayLoad = false;
1104	reload();
1105	}
1106	}
1107
1108	function reloadSlide(anchorLink, index, slideAnchor, slideIndex){
1109	if (mayLoad){
1110	mayLoad = false;
1111	reload();
1112	}
1113	}
1114
1115	var fullPageArguments= {
1116	verticalCentered: false,
1117	//CHROME
1118	scrollOverflow:true,
1119	scrollBar: false,
1120	loopHorizontal: false,
1121	touchSensitivity: 10,
1122	afterResize: resizeVideos,
1123	css3:false, //JQUERY UI required by Fancytree breaks it
1124	afterRender:pleaseLoadContent,
1125	afterLoad: reloadSection,
1126	afterSlideLoad: reloadSlide,
1127	onLeave: leaveSection,
1128	onSlideLeave: leaveSlide
1129
1130	};
	leave
1131
1132	var mayLoad=false;
1133
1134	//OLD VERSIONS
1135	function leaveSection (index,nextIndex,direction){
1136	if (! allowScrolling){
1137	return false;
1138	}
1139	mayLoad= true;
1140	homeNode = verticalSlides [nextIndex-1];
1141	saveCurrentURL();
1142	return true;
1143	}
1144
1145
1146	function leaveSlide(anchorLink, index, slideIndex, direction, nextSlideIndex){
1147	if (! allowScrolling){
1148	return false;
1149	}
1150	mayLoad= true;
1151	homeNode = horizontalSlides [nextSlideIndex];
1152	saveCurrentURL();
1153
1154	return true;
1155
1156	}
1157
1158
1159
1160	function popSlides(aNode){
1161	setSlides(aNode);
1162	reload();
1163	}
1164
1165	function displaySlideNamed(key){
1166	displaySlide(tree.getNodeByKey(key));
1167	saveCurrentURL();
1168	}
1169
1170	function displaySlide(aNode){
1171	homeNode = aNode;
1172	setSlides(aNode);
1173	reload();
1174	}
	loadContent
1175	function errorF( jqXHR, textStatus, errorThrown ){
1176	console.log ("AJAX ERROR", jqXHR, textStatus, errorThrown );
1177	$.fn.fullpage.reBuild();
1178
1179	}
1180
1181
1182	//after slide load
1183	function loadContent(){
1184	if (homeNode === undefined){
1185	return;
1186	}
1187	var url = "/" + getKey(homeNode) + "/content";
1188	divName = "#" + getKey(homeNode) + "-content";
1189	$.ajax({url: url, cache: false,
1190	//error: errorF,
1191	success: function(result){
1192	$(divName).html(result);
1193	resizeVideos(0,0,"body");
1194	localRebuild();
1195	}
1196	});
1197
1198	}
1199
1200
1201
	moveMoveCommands
1202	function buildFullPage(){
1203	$('#fullpage').fullpage(fullPageArguments);
1204	}
1205
1206	function moveDown(){
1207	setDownSlides();
1208	restartFullPage();
1209	reloadCore();
1210	$.fn.fullpage.moveSectionDown();
1211	}
1212
1213	function moveUp(){
1214	setUpSlides();
1215	restartFullPage();
1216	reloadCore();
1217	$.fn.fullpage.moveSectionUp();
1218
1219
1220	}
1221
1222
1223
1224	function moveToLast(numberOfSiblings){
1225	return;
1226	}
1227
1228	function moveToFirst(){
1229	return ;
1230
1231	}
1232
1233	function moveRight(){
1234	setRightSlides();
1235	restartFullPage();
1236	reloadCore();
1237	$.fn.fullpage.moveSlideRight();
1238
1239	}
1240
1241	function moveLeft(){
1242	setLeftSlides();
1243	restartFullPage();
1244	reloadCore();
1245	$.fn.fullpage.moveSlideLeft();
1246
1247	}
	moveToMobile
1248	function MoveTo(){
1249
1250	}
	pinchToZoom
1251	var allowScrolling = true;
1252	/*
1253	$(document).ready(function() {
1254
1255	var scale = 1.0; // initial-scale
1256	var r = 0.10;
1257	var oldScale = scale;
1258
1259	$(document).bind('gesturechange',function(event){
1260	allowScrolling = false;
1261	$.fn.fullpage.destroy();
1262	var height = viewport.height;
1263	var halfHeight = height / 2.0;
1264	var offsetTop = vewport.offsetTop;
1265	var oldHeight = halfHeight + offsetTop;
1266
1267	var newScale = event.originalEvent.scale;
1268	if(newScale > 1) scale = scale <2 ? newScale : 2 ;
1269	else scale = scale > 0.5 ? newScale : 0.5 ;
1270
1271
1272	var ratio = newScale /oldScale;
1273	var newHeight = (oldHeight * ratio) -height;
1274	viewport.offsetTop = newHeight;
1275	$('meta[name=viewport]').attr('content', 'width=device-width, minimum-scale='+ scale.toFixed(2) +', maximum-scale='+ scale.toFixed(2) +', user-scalable=yes'); //
1276	setTimeout(pleaseAllowScrolling,300);
1277	$.fn.fullpage.reBuild();
1278
1279	oldScale = newScale;
1280
1281	});
1282	});
1283
1284	function pleaseAllowScrolling(){
1285	allowScrolling = true;
1286	}
1287	*/
	reload
1288	var fullPage = false;
1289	var newSlides;
1290	function reload(){
1291
1292	setChildIndex();
1293	//setSlides(homeNode);
1294	setAndReload();
1295	}
1296
1297	function loadOneSlide(){
1298
1299	verticalSlides=[homeNode];
1300	horizontalSlides=[homeNode];
1301	setAndReload();
1302	}
1303
1304	function setAndReload(){
1305	setSingleSlide();
1306	reloadCore();
1307	destroyFullPage();
1308	}
1309
1310	function reloadCore(){
1311	replaceFullPage();
1312	destroyFullPage();
1313	restartFullPage();
1314	}
1315
1316
1317
1318	function replaceFullPage(){
1319	document.title=pageTitle(homeNode);
1320	$('#fullpage div').addClass("old");
1321	newSlides = renderVerticalSlides(homeNode);
1322	$(".old").remove();
1323	$('#fullpage').append(newSlides);
1324	}
1325
1326	function destroyFullPage(){
1327	if (fullPage){
1328	$.fn.fullpage.destroy('all');
1329	}
1330	}
1331
1332	function restartFullPage(){
1333	fullPage = true;
1334	$('#fullpage').fullpage(fullPageArguments);
1335	}
1336
	MyFilter
1337	//THS FUNCTION IS A HOOK SO THAT EVERYONE CAN GENERATE THE APPROAPRIATE
1338	//STRING TO SEARCH IN THEIR APPLICATION
1339	function getStringToSearch(node){
1340	var searchString = node.data.title+' '+node.data.description + '';
1341	if (node.data.class == 'Video'){
1342	searchString += tree.getNodeByKey(node.data.conference).title;
1343	}
1344	return searchString;
1345	}
1346
1347
1348	// THIS IS THE FUNCTION WHICH RETURNS TRUE IF ALL THE WORDS ARE FOUND IN THE STRING
1349	//FALSE OTHERWISE
1350	function MyFilter(node,regexpArray){
1351
1352
1353	var j;
1354	var stringToSearch=getStringToSearch(node);
1355	var result=true;
1356	for (j in regexpArray){
1357	if (!(regexpArray[j].test(stringToSearch))){
1358	result=false;
1359	}
1360	}
1361
1362	return result;
1363	}
1364
1365	function formattedTitle(node,coreTitle){
1366	return "• <a title=\""+node.data.description + "\"><b>"+ coreTitle +"</b></a>";
1367
1368	}
1369
1370
	applyFilter
1371	//SETS A SHORT TITLE, NO DESCRIPTION, FOR BREADCRUMB NODES
1372	function setShortTitle(node){
1373	node.title=node.data.title;
1374	//"<a><b>"+node.data.title +"</b></a>"+
1375	//" ("+getBranchSize(node)+")";
1376	}
1377
1378
1379	$.ui.fancytree._FancytreeClass.prototype._applyFilterImpl = function(filter, branchMode, opts){
1380
1381	//FIRST DEFINE AND SET SOME VARIABLES
1382	var leavesOnly,
1383	match,
1384	re,
1385	searchString=filter,
1386	filterOpts = this.options.filter,
1387	hideMode = filterOpts.mode === "hide",
1388	regexpArray=getRegxpArray(filter);
1389	re2 = new RegExp(filter, "gi");
1390	tree.enableFilter=true;
1391
1392
1393	//SET SOME MORE VARIABLES
1394	count=0;
1395	opts = opts \|\| {};
1396	lavesOnly = !!opts.leavesOnly && !branchMode;
1397
1398	//NOW CREATE THE FUNCTION TO SEARCH A SINGLE NODE
1399	filter = function(node){
1400	var coreTitle;
1401	var res = MyFilter(node,regexpArray);
1402	if (res){
1403	node.title=formattedTitle(node,node.data.title);
1404	setTitle(node);
1405	}
1406
1407	// DONT DO THIS IF MULTIPLE SEARCH TERMS (regexpArray.length>1)
1408	if( res && filterOpts.highlight && (regexpArray.length<2)) {
1409	coreTitle=node.data.title.replace(re2, function(s){
1410	return "<mark>" + s + "</mark>";
1411	});
1412	node.titleWithHighlight = formattedTitle(node,coreTitle);
1413
1414	} else {
1415	delete node.titleWithHighlight;
1416	}
1417
1418	return res;
1419	};
1420
1421
1422	this.enableFilter = true;
1423	this.lastFilterArgs = arguments;
1424
1425	this.$div.addClass("fancytree-ext-filter");
1426	if( hideMode ){
1427	this.$div.addClass("fancytree-ext-filter-hide");
1428	} else {
1429	this.$div.addClass("fancytree-ext-filter-dimm");
1430	}
1431
1432	this.visit(function(node){
1433	node.title = node.data.title + node.match;
1434	delete node.match;
1435	delete node.titleWithHighlight;
1436	node.subMatchCount = 0;
1437	});
1438
1439	// SEACH THE TREE
1440	//Adjust node.hide, .match, and .subMatchCount properties
1441
1442	callVisit(this,function(node){
1443
1444	if (filter(node)) {
1445	count++;
1446	node.match = true;
1447	node.visitParents(function(p){
1448	//MAKE THE UNMATCHED PARENTS LOOK GOOD
1449	if (!(p.match)){
1450	p.match=true;
1451	p.titleWithHighlight="<span style=\"color:#888;\" >"+p.data.title+"</span>";
1452	}
1453
1454	if ('subMatchCount' in p) {
1455	p.subMatchCount += 1;
1456	}
1457	else {
1458	p.subMatchCount=1;
1459	}
1460
1461	//if( opts.autoExpand && !p.expanded ) {
1462
1463	p.setExpanded(true, {noAnimation: true, noEvents: true, scrollIntoView: false});
1464	p._filterAutoExpanded = true;
1465
1466	});
1467
1468	}
1469
1470	});
1471
1472
1473	};
1474
1475
1476
	branchSize
1477	var branchSize;
1478	function getBranchSize(node){
1479	if (node.match \|\| node.unmatchedParent){
1480	return node.subMatchCount;
1481	}
1482	else {
1483	branchSize=node.data.branchSize;
1484	branchSize = parseInt(branchSize);
1485	branchSize = branchSize.toString();
1486	return branchSize;
1487
1488	}
1489	}
1490
	collapseChildren
1491	function collapseChildren(node){
1492	var index;
1493	var item;
1494	var children=node.children;
1495	if((node.isFolder())&&node.hasChildren()){
1496	node.setExpanded(false, {noAnimation: true, noEvents: true, scrollIntoView: false});
1497	for (index=0;index<children.length;index++){
1498	item=children[index]
1499	if (item.isExpanded()){
1500	collapseChildren(item);
1501	}
1502	}
1503	}
1504	}
	gui-functions
1505
1506
1507
1508
1509	var tree = $("#tree").fancytree("getTree");
1510
1511	/*
1512	* Event handlers for search
1513	*/
1514	var match;
1515
1516	function searchTheTree(match,opts){
1517	oldSearchString=match;
1518	tree.clearFilter();
1519	tree.filterNodes(match, opts);
1520	}
1521
1522
1523	function myKeyUp(e){
1524	if(e && e.which === $.ui.keyCode.ESCAPE ){
1525	$("button#btnResetSearch").click();
1526	return;
1527	}
1528
1529	var match=$("input[name=search]").val();
1530	myKeyUpCore(match);
1531	}
1532
1533	$("input[name=search]").keyup(myKeyUp);
1534
1535
1536	function myKeyUpCore(match){
1537	var opts={};
1538	var n;
1539	currentSearchString=match;
1540
1541
1542	//IF YOU JUST DELETED THE SEARCH STRING
1543	if (currentSearchString.length===0) {
1544	tree.clearFilter();
1545	collapseChildren(root);
1546	root.render();
1547	oldSearchString="";
1548	return;
1549	}
1550
1551	//IF YOU JUST STARTED SEARCHING
1552	if (oldSearchString===""){
1553	oldSearchString=currentSearchString.slice(1);
1554	root.render();
1555	return;
1556	}
1557
1558	if (callbackCount===0){
1559	searchTheTree(match,opts);
1560
1561	}
1562
1563
1564
1565	}
1566
1567	function futureSearch(match,opts){
1568	searchTheTree(match,opts);
1569	root.render();
1570	}
1571
1572
1573
1574
1575
1576	$("button#btnResetSearch").click(function(e){
1577	$("input[name=search]").val("");
1578	$("span#matches").text("");
1579	tree.clearFilter();
1580	}).attr("disabled", true);
1581
1582
1583
1584
1585
1586
	search.js
1587	var callbackCount=0;
1588	var count;
1589	var currentSearchString="";
1590	var oldSearchString="";
1591
1592	function cleanUp(){
1593	var rootNode=$("#tree").fancytree("getTree").getRootNode();
1594	rootNode.render(true);
1595	$("button#btnResetSearch").attr("disabled", false);
1596	$("span#matches").text("(" + count + " matches)");
1597	$.fn.fullpage.reBuild();
1598
1599	}
1600
1601	function reSearch(filterFunction){
1602	var value=$("input[name=search]").val();
1603	if (currentSearchString!=value){
1604	$("input[name=search]").trigger("keyup");
1605
1606	}
1607	else{
1608
1609	cleanUp();
1610	}
1611	$.fn.fullpage.reBuild();
1612
1613	}
1614
1615
1616
1617
	setScrolling
1618	function setScrolling(){
1619	if (homeNode.data.class == 'Chat'){
1620	$.fn.fullpage.setAutoScrolling(false);
1621	$.fn.fullpage.setFitToSection(false);
1622	}
1623	else{
1624	$.fn.fullpage.setAutoScrolling(true);
1625	$.fn.fullpage.setFitToSection(true);
1626
1627	}
1628	}
1629
	ViewCount
1630	function getViewCount(aNode){
1631	if (isMobile){
1632	return aNode.data.viewCount;
1633	}
1634	return aNode.viewCount;
1635	}
1636
1637	function score (aNode){
1638	var upVotes, downVotes, viewCount, ratio;
1639	upVotes=Number(getUpVotes(aNode));
1640	downVotes= Number(getDownVotes(aNode));
1641	viewCount=Number(getViewCount(aNode));
1642	ratio = (upVotes - (5 * downVotes))/viewCount;
1643	ratio = ratio * 10000;
1644	return ratio;
1645	}
	Arrows
1646	function oneArrow(direction,x,y,visible, onClick){
1647	var result=''+
1648	'<i style="font-size: 1em; position:relative;' +
1649	'top:' + y + 'em;'+
1650	'left:' + x + 'em;'+
1651	'opacity:';
1652	if (visible){
1653	result +='1.0';
1654	}
1655	else{
1656	result += '0.5';
1657	}
1658	result +=
1659	';" ' +
1660	'class="fa fa-arrow-circle-' + direction +
1661	'"'+
1662	'onClick="' + onClick + '"' +
1663	'></i>';
1664	return result;
1665	}
1666
1667	function addArrows(slide){
1668	if (isMobile){
1669	return arrowsMobile(slide);
1670	}
1671	else{
1672	return arrowsDesktop(slide);
1673	}
1674	}
1675
1676	function addArrows(slide){
1677	if (isMobile){
1678	return arrowsMobile(slide);
1679	}
1680	else{
1681	return arrowsDesktop(slide);
1682	}
1683	}
1684	function arrowsDesktop(slide){
1685	var result = "" +
1686	'<div style = "z-index: 3; font-size: 3em; letter-spacing: 0px;'+
1687	'position:absolute; right:0px; top:0">' +
1688	arrows(slide)+
1689	'</div>';
1690	return result;
1691	}
1692
1693	function arrowsMobile(slide){
1694	if (! isMobile){
1695	return "";
1696	}
1697	var result = "" +
1698	'<div style = "z-index: 1; font-size: 3em; letter-spacing: 0px;position:fixed;' +
1699	' right: 0em; top:50vh">' +
1700	arrows(slide)+
1701	'</div>';
1702	return result;
1703	}
1704
1705	function arrows(slide){
1706
1707
1708	var result = "" +
1709
1710	oneArrow('left',0,1,canGoLeft(slide),'goLeft()') +
1711	oneArrow('up',0,0,canGoUp(slide),'goUp()') +
1712	oneArrow('right',0,1,canGoRight(slide),'goRight()') +
1713	oneArrow('down',-1.72,2,canGoDown(slide),'goDown()') ;
1714
1715	return result;
1716	}
	arrowKeys
1717	function getChildIndex(aNode){
1718	var childIndex= 0 ;
1719	if ( 'previousChildIndex' in aNode){
1720	childIndex = homeNode.previousChildIndex;
1721	}
1722	return childIndex;
1723	}
1724
1725	function canGoUp(node){
1726	return !isRoot(node);
1727	}
1728
1729	function goUp (){
1730	if (canGoUp(homeNode)){
1731	var offset = homeNode.parent.children.indexOf(homeNode);
1732	homeNode.parent.previousChildIndex = offset;
1733	moveUp();
1734	}
1735	}
1736
1737
1738	function canGoDown(node){
1739	return hasChildren(node);
1740	}
1741
1742	function goDown (){
1743	if(! canGoDown(homeNode)){
1744	return;
1745	}
1746	var childIndex=getChildIndex(homeNode);
1747	moveDown(childIndex);
1748	}
1749
1750	function canGoRight(node){
1751	var siblings= getSiblings(node);
1752	var offset = siblings.indexOf(homeNode);
1753	var numberOfSiblings = siblings.length;
1754	return (offset < numberOfSiblings -1 )
1755	}
1756
1757	function goRight (){
1758	var siblings = getSiblings(homeNode);
1759	var offset = siblings.indexOf(homeNode);
1760	var numberOfSiblings = siblings.length;
1761	if (canGoRight(homeNode)){
1762	homeNode.parent.previousChildIndex = offset + 1;
1763	moveRight(offset);
1764	}
1765	else {
1766	homeNode.parent.previousChildIndex = 0;
1767	moveToFirst();
1768	}
1769	}
1770
1771
1772	function canGoLeft(node){
1773
1774	var siblings= getSiblings(homeNode);
1775	var offset = siblings.indexOf(homeNode);
1776	var numberOfSiblings = siblings.length;
1777	return (offset > 0);
1778
1779	}
1780	function goLeft (){
1781
1782	var siblings= getSiblings(homeNode);
1783	var offset = siblings.indexOf(homeNode);
1784	var numberOfSiblings = siblings.length;
1785
1786	if (canGoLeft(homeNode)){
1787	homeNode.parent.previousChildIndex = offset -1;
1788	moveLeft(offset);
1789	}
1790
1791	else{
1792	homeNode.parent.previousChildIndex = numberOfSiblings -1;
1793	moveToLast(numberOfSiblings);
1794	}
1795
1796	}
1797
1798
1799
1800	document.onkeydown = function (e) {
1801	if (e.key=="ArrowUp"){
1802	goUp();
1803
1804	}
1805	else if (e.key=="ArrowDown"){
1806	goDown();
1807	}
1808	else if (e.key=="ArrowLeft"){
1809	goLeft();
1810	}
1811	else if (e.key=="ArrowRight"){
1812	goRight();
1813
1814	}
1815	else if (e.key=="PageUp"){
1816	goLeft();
1817	}
1818	else if (e.key=="PageDown"){
1819	goRight();
1820
1821	}
1822	};
	arrows
1823	function footer(item,index){
1824	var result = "";
1825
1826	if (hasChildren(item)){
1827	result += " ↑ ";
1828	}
1829	if (isRoot(item) !== null){
1830	result += " ↓ ";
1831	}
1832	if (index > 0){
1833	result += " → ";
1834	}
1835	if (! isRoot(item)){
1836	result += " ← ";
1837	}
1838	return result;
1839	}
	breadcrumbs
1840	function breadcrumbs(node,index){
1841	var width = $( window ).width();
1842	var result="";
1843	var offset;
1844	var items=parents(node);
1845	var length = items.length;
1846	var step;
1847	result+= "<div style = \"text-align:left; \">";
1848	for (step = 0; step < length; step++) {
1849	item=items[step];
1850	result += '<div style = "margin-left:' + (step * 1).toString() + 'em">' +
1851	getTitle(item).link('/' + getKey(item)) ;
1852	if (width > 500){
1853	result += '  (' + getBranchSize(item) + ')' ;
1854	}
1855	result += '</div>';
1856	}
1857	result += "</div>";
1858	return result;
1859	}
1860
	generateTwitter
1861	function getHashTag(node){
1862	if (isMobile) {
1863	return node.data.hashTag;
1864	}
1865	else {
1866	return node.hashTag;
1867	}
1868	}
1869	function renderTweetForm(node){
1870	if (node != homeNode){
1871	return "";
1872	}
1873	var url = 'https://PythonLinks.info/'+ getKey(node) ;
1874	result = "";
1875	result += '<div class="form-group" style = "padding: 20px;">' ;
1876
1877	result += '<form id="messageForm" action="https://twitter.com/share" method="get">' +
1878	'<label for="comment">Comment on Twitter about:</label><br>' +
1879	'<input type="hidden" name="source" value="tweetbutton"> ' +
1880	'<textarea id="tweet" name= "text" rows="5"' +
1881	'class="form-control">' + node.title + '\n' +
1882	url +
1883	' via @PythonLinks ' +
1884	getHashTag(node) + ' ' +
1885	'</textarea>' +
1886	'<button type="submit" formtarget="_blank" class="btn btn-primary">Tweet</button>  ' +
1887	'<span id="charactersRemaining"></span>' +
1888	'</form>' ;
1889
1890	result += '</div>' ;
1891
1892	return result;
1893	}
1894
1895	function commentType(node){
1896	if (getClass(node) == 'Conference'){
1897	return 'If you are kind enough to say what you thought about this conference,' +
1898	'your comments will show up here.';
1899	}
1900	if (getClass(node) == 'Video'){
1901	return 'If you are kind enough to review this video after you watch it,' +
1902	'your review on twitter will be posted here';
1903	}
1904	if (getClass(node) == 'Category'){
1905	return 'If you are kind enough to give me your professional advice on the organization '+
1906	'of this category, I will either make the changes, or post your ocmment here';
1907	}
1908	return '';
1909
1910	}
1911
1912	function renderTweet(tweetId){
1913	var result = '<blockquote class="twitter-tweet" data-lang="en"><p lang="en"' +
1914	'dir="ltr">"Data Science Without Borders" is the overall best '+
1915	'<a href="https://twitter.com/hashtag/Python?src=hash&ref_src=' +tweetId +'">#Python</a> video, beating out "Towards Pandas 1.0" by 181 to 119 Youtube up votes. <a href="https://t.co/EXWwvk3BKG">https://t.co/EXWwvk3BKG</a></p>—' +
1916	' The Best of 710 Python Conference Videos (@PythonLinks) ' +
1917	'<a href="https://twitter.com/PythonLinks/status/1048163192080404480?ref_src=twsrc%5Etfw">'+
1918	'October 5, 2018</a></blockquote>' +
1919	'<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>';
1920	return result;
1921	}
1922	/*
1923	function notUsed(){
1924	if ('showHashTag' in node){
1925	result +='<a href="https://twitter.com/search?q=' +
1926	node.hashTag +
1927	'">See the comments on twitter.</a>';
1928	}
1929	else{
1930	result += "<p>If you would be so kind as to post the "+
1931	"first comment on this page, I will go ahead and add a link to the unique hashtag "+
1932	"timeline on Twitter</p>";
1933	}
1934	}
1935	*/
1936
1937	var el;
1938
1939	function countCharacters(e) {
1940	var textEntered, countRemaining, counter;
1941	textEntered = document.getElementById('tweet').value;
1942	counter = (280 - (textEntered.length));
1943	countRemaining = document.getElementById('charactersRemaining');
1944	countRemaining.textContent = "";
1945
1946	if (counter < 20){
1947	countRemaining.textContent = counter.toString() +
1948	' Characters Remaining';
1949	}
1950
1951	}
1952
1953	function postRender(){
1954	el = document.getElementById('tweet');
1955	el.addEventListener('keyup', countCharacters, false);
1956	countCharacters();
1957	}
1958
	buttonFunctions
1959
1960	function editProfile(){
1961	window.location.href = "/person/" + userId + "/editPrincipal";
1962	}
1963
1964
1965	function editProfile(){
1966	window.location.href = "/person/" + userId + "/editPrincipal";
1967	}
1968
1969	function changeView(){
1970	showBest = ! showBest;
1971
1972	var label = "Best View";
1973	if (showBest){
1974	label = "List View";
1975	}
1976
1977	$("#viewButton").html(label);
1978	var result = generateLeadersOrContentCore(homeNode);
1979	$("#bestContent" + '-' + getKey(homeNode)).html(result);
1980	localRebuild();
1981
1982	}
	renderButtons
1983	function renderServerOptions(node){
1984	var url ="https://";
1985	debugger;
1986	if (isMobile) {
1987	url += 'desktop.';
1988	url+=domain;
1989	url += '/';
1990	url += getKey (node);
1991	return lili("" +
1992	'<a href="' + url + '">Desktop</a>');
1993	}
1994	if (! isMobile) {
1995	url += domain.slice(8);
1996	url += '/';
1997	url += getKey (node);
1998	return lili("" +
1999	'<a href="' + url + '">Mobile</a>');
2000	}
2001
2002	}
2003
2004	function lili(arg){
2005	return '<li>' + arg + '</li>';
2006	}
2007
2008	function renderProfileOption(){
2009	if (isAuthenticated){
2010	return lili('<a onclick="editProfile()">Profile</a>');
2011	}
2012	else
2013	{return "";}
2014	}
2015
2016
2017
2018	function renderSubscribeOption(item){
2019	if ( ! isAuthenticated){
2020	return lili('<a href="./register/user">Get Updates</a>');
2021	}
2022	return '';
2023	}
2024
2025
2026	function renderViewOption(item){
2027	if (getClass(item) == "Video"){
2028	return "";
2029	}
2030	var label = "List View";
2031	if (showBest === false){
2032	label = "Best View";
2033	}
2034	var stuff = ' <a id="viewButton" ' +
2035	"onclick=\"changeView()\" " +
2036	">"+ label+ "</a>" ;
2037	return lili (stuff);
2038	}
2039
2040
2041
2042
2043	function renderChatButton(item){
2044	if (getClass(item)=="Video"){
2045	return "<button onclick=\"goToChat('" +
2046	getKey(item)+
2047	"')\" type=\”submit\” class=\”btn btn-primary\”>Chat</button> " ;
2048	}
2049	return "";
2050	}
2051
2052
2053	function renderRegisterButton(item){
2054	return "<button onclick=goToRegister(\"" +
2055	getKey(item) +
2056	"\") type=\”submit\” class=\”btn btn-primary\”>Register</button> " ;
2057	}
2058
2059
2060	function renderLoginOption(item){
2061	if ( ! isAuthenticated){
2062	return lili( '<a href = "./register/web">Login</a> ') ;
2063	}
2064	else {
2065	return "";
2066	}
2067	}
	renderSearchButton
2068	function renderSearchOption(item){
2069	return lili ('<a onclick="showSearch()"> Search</a>') ;
2070	}
	renderthumbs
2071	function getVoteDivName(item,divName){
2072	return getKey(item) + "-" + divName;
2073	}
2074
2075	function renderVoteButton(item,thumb,functionName,votes,divName){
2076	if (getClass(item)!="Video"){
2077	return "";
2078	}
2079	return "<button onclick=" + functionName +"('" +
2080	getKey(item)+
2081	"') type=\”submit\” class=\”btn btn-primary\”>" +
2082	"<span style=\"font-size=3em\"" +
2083	"id =\""+ getVoteDivName(item,divName) + "\">" +
2084	votes + "</span>" + thumb + "</button>" ;
2085
2086	}
2087
2088	function renderThumbs(slide){
2089	if (getClass(slide) != "Video"){
2090	return "";
2091	}
2092
2093
2094	return renderVoteButton(slide," 👍 ","upVote", getUpVotes(item),"upVotes") +
2095	renderVoteButton(slide," 👎 ","downVote", getDownVotes (item), "downVotes");
2096
2097	}
2098
2099
2100
2101
2102
	threeMenuButtons
2103	function visible(){
2104	if ( ((userId == 'lozinski') \|\| (handle == "ChristopherLozinski"))){
2105	return true;
2106	}
2107	else{return false;}
2108	}
2109
2110	function editMenu(slide){
2111	if (! visible())
2112	{
2113	return '';
2114	}
2115
2116	var result ="" +
2117	' <span class="dropdown">' +
2118	'<button class="btn btn-primary dropdown-toggle"'+
2119	'type="button"data-toggle="dropdown">Editor'+
2120	'<span class="caret"></span></button>' ;
2121	result += '<ul class="dropdown-menu dropdown-menu-right">' +
2122	lili("<a href=\"/" + getKey(homeNode) + "/ckedit\">Ck Edit</a> ") +
2123	lili("<a href=\"/" + getKey(homeNode) + "/aceedit\">Ace Edit</a> ") ;
2124	if (getClass(slide) == 'Category'){
2125	result +='' +
2126	lili("<a href=\"/" + getKey(homeNode) + "/addCategory\">Add Category</a> ") +
2127	lili("<a href=\"/" + getKey(homeNode) + "/addConference\">Add Conference</a> ") ;
2128	}
2129	if (getClass(slide) != 'Vudeo'){
2130	result +='' +
2131	lili("<a href=\"/" + getKey(homeNode) + "/addVideo\">Add Video</a> ") ;
2132	}
2133	if (getClass(slide) == 'Video'){
2134	result+= lili("<a href=\"/" + getKey(homeNode) + "/starttime\">Edit Start Time</a>") ;
2135	//lili("<a href=\"/" + getKey(homeNode) + "/addComment\">Add Comment</a> ") ;
2136	}
2137	if (getClass(slide) != 'Video'){
2138	result+= lili("<a href=\"/" + getKey(homeNode) + '/manage">Manage</a>') ;
2139	}
2140
2141	result += "</ul> </span> ";
2142	return result;
2143	}
2144
2145
2146	function manageMenu(slide){
2147	if (userId != 'lozinski'){
2148	return '';
2149	}
2150
2151	var result ="" +
2152	' <span class="dropdown">' +
2153	'<button class="btn btn-primary dropdown-toggle"'+
2154	'type="button"data-toggle="dropdown">Manage'+
2155	'<span class="caret"></span></button>' ;
2156	result += '<ul class="dropdown-menu dropdown-menu-right">' ;
2157	if (getClass(slide) == 'Category'){
2158	result +='' +
2159	lili("<a href=\"/" + getKey(homeNode) + '/manage2">Manage2</a> ') +
2160	lili('<a href=\"' +'/Products/Root/AllJavascript/search">Scripts</a> ') +
2161	lili("<a href=\"/" + getKey(homeNode) + '/addPlayList">Add PlayList</a> ') +
2162	lili("<a href=\"/" + getKey(homeNode) + '/addChannel">Add Channel</a> ') +
2163	lili("<a href=\"/" + getKey(homeNode) + '/addPyVideo">Add PyVideo</a> ') +
2164	lili("<a href=\"/" + getKey(homeNode) + '/editors">Editors</a> ') +
2165	lili("<a href=\"/" + getKey(homeNode) + '/cachedContent">CachedContent</a> ') ;
2166	}
2167	if (getClass(slide) == 'Video'){
2168	result+= lili( " <a href=\"/" + getKey(homeNode) + "/move\">Move</a>") ;
2169	}
2170
2171	result += "</ul> </span> ";
2172	return result;
2173	}
2174
2175
2176	function userMenu(slide){
2177	var result ="" +
2178	' <span class="dropdown">' +
2179	'<button class="btn btn-primary dropdown-toggle"'+
2180	'type="button"data-toggle="dropdown">Menu'+
2181	'<span class="caret"></span></button>' ;
2182	result += '<ul class="dropdown-menu dropdown-menu-right">';
2183	result +=renderViewOption(slide) +
2184	renderSearchOption(slide) +
2185	renderSubscribeOption(slide) +
2186	renderServerOptions(slide) +
2187	//renderProfileOption (slide) +
2188	lili ('<a href ="/contact">Contact</a>')+
2189	renderLoginOption(slide) +
2190	renderSignOutOption(slide) +
2191	"</ul> </span>" ;
2192	return result;
2193	}
	news
2194	var news = '' ;//+
2195	//'<b>Nov 27, 2018</b>  ' +
2196	//'Here are <a onclick="displaySlideNamed(\'tensorflow-dev-summit-2018\')">' +
2197	//'the best talks from the TensorFlow Dev Summit.</a>' ;
2198
	renderContetnDiv
2199	function renderContentDiv(slide){
2200	return "<div id=\"" +
2201	getKey(slide) + "-content" +
2202	'"' +
2203	"></div>" ;
2204	}
2205
2206	function debugIt(){
2207	var i,j;
2208	var result ="<br>" ;
2209	for (i=0; i<verticalSlides.length; i++){
2210	if (verticalIndex == i){
2211	for (j=0; j<horizontalSlides.length; j++){
2212	result += horizontalSlides[j].key;
2213	result += " ";
2214	}
2215	}
2216	else{
2217	result += verticalSlides[i].key;
2218	}
2219	result += "<br> \n";
2220	}
2221	return result;
2222	}
	renderMore
2223	function renderFontResize(){
2224	return '<span style = "font-size:200%">'+
2225	'   '+
2226	'<a onclick="resizeText(-1)">a</a>' +
2227	'   ' +
2228	'<a onclick="resizeText(1)">A</a>' +
2229	'</span>';
2230	}
2231	function renderExtra(){
2232	return "<br> <br> <br><br><br><br>";
2233
2234	}
2235	function renderButtons(slide,index){
2236	var result = "" +
2237	"<center>" +
2238	renderThumbs(slide) ;
2239	result += "" +
2240	userMenu(slide) +
2241	editMenu(slide) +
2242	manageMenu(slide);
2243	result += renderFollowTwitter() +
2244	renderFontResize() +
2245	"</center> <br> " ;
2246	return result;
2247	}
2248
2249	function renderFollowTwitter(){
2250	return '<a style = " padding: 20px;" target="_blank" \
2251	href="https://twitter.com/intent/follow?screen_name=PythonLinks"> \
2252	<img alt="Follow to receive video recommendations" \
2253	target= "_blank" \
2254	src="https://pythonlinks.info/static/graphics/twitter-logo.png" \
2255	></a> ' ;
2256	}
2257
2258
2259
2260	function renderDescription (slide){
2261	return "<p>" +
2262	getDescription(slide) +
2263	"</p>" ;
2264	}
2265
	renderTitleSubTitle
2266	function getSubTitle(slide){
2267	if (getClass(slide)!='Conference'){
2268	return "";
2269	}
2270	var result = '';
2271	var conferenceName;
2272	var preamble = "Talks at " ;
2273	if (slide.key == rootName){
2274	preamble = "at ";
2275	}
2276	if (getClass(slide) == 'Category'){
2277	return '';
2278	}
2279
2280	conferenceName = getConferenceName(slide);//WASgetSearchedConferenceName();
2281	if (conferenceName){
2282	result += '<h3 style ="text-align:center;">' + preamble + conferenceName + '</h3>';
2283	}
2284	return result;
2285	}
2286
2287	function renderTitle(slide){
2288	var children = '';
2289	var offset = 0;
2290	var siblings = getSiblings(slide);
2291	if (siblings.length > 1){
2292	offset = siblings.indexOf(slide);
2293	children = "  (" + (offset + 1) + "/" +
2294	siblings.length + ')' ;
2295	}
2296	var result = '';
2297
2298	result += '<h1 style ="text-align:center;">' +
2299	getTitle(slide) +
2300	children +
2301	"</h1>" ;
2302	return result;
2303	}
2304
	socialMediaLinks
2305	// FUNCTION TO GENERATE SOCIAL MEDIA LINKS
2306
2307	function socialMediaLinks(slide){
2308
2309
2310	var title = getTitle(slide);
2311	var encodedTitle = encodeURI(title);
2312	var description = getDescription(slide);
2313	var encodedDescription = encodeURI(description);
2314	var theURL ="https://PythonLinks.info"+ '/' + getKey(slide);
2315	var titlePlusDescription = title + ' ' + description;
2316	var encodedTitlePlusDescription = encodeURI(title + ' ' + description);
2317	var result ="";
2318
2319	result +='<center><div>' +
2320	//FIRST THE EMAIL LINK
2321	'<a href="mailto:?subject='+ encodedTitle+ '&body=' +
2322	encodeURI (description + ' ' + theURL) +'"' +
2323	'class="share-btn email" title="Email">' +
2324	'<i class="fa fa-envelope"></i></a>' ;
2325
2326
2327
2328	//NOW THE FACEOOK LINK
2329	result += '<a href="https://www.facebook.com/sharer/sharer.php?u=' +
2330	theURL + '&t=' + encodedTitle +'" class="share-btn facebook"' +
2331	'title="Facebook">' +
2332	'<i class="fa fa-facebook"></i></a>';
2333
2334	//NOW TWITTER
2335	//result += '<a href="https://twitter.com/share?text=' +
2336	//encodedDescription + '&url=' + theURL +';via=PythonLinks' +
2337	//'" class="share-btn twitter" title="Twitter">' +
2338	//'<i class="fa fa-twitter"></i></a>' ;
2339
2340
2341	//AND REDDIT
2342	result += '<a href="http://reddit.com/submit?url=' +
2343	theURL + '&title=' + encodedDescription + '&kind=link" class="share-btn reddit" title="reddit">'+
2344	'<i class="fa fa-reddit"></i></a>';
2345
2346	//NOW FOR LINKED IN
2347	result += '<a href="https://www.linkedin.com/shareArticle?url=' +
2348	theURL + '&title=' + encodedTitlePlusDescription +
2349	encodedTitlePlusDescription +
2350	'" class="share-btn linkedin" title="LinkedIn">' +
2351	'<i class="fa fa-linkedin"></i></a>';
2352
2353
2354	result += '</div></center>';
2355
2356	return result;
2357	}
	generateLeadersCore
2358
2359	function generateLeadersOrContentCore(slide){
2360	if (showBest){
2361	return generateLeaders(slide);
2362	}
2363	else{
2364	return generateContent(slide);
2365	}
2366	}
	generateContents
2367
2368	function generateContent(rootNode){
2369	if ((getClass(rootNode) === 'Video')){
2370	return "";
2371	}
2372	result ='<div style="margin:auto; max-width: 100vh;">';
2373
2374	result += generateContentCore(rootNode) ;
2375	result +='</div>';
2376	return result;
2377	}
2378
2379
2380
2381	function tableHead(subTitle){
2382	return "<tr>" +
2383	TD (' <a href = "https://www.evanmiller.org/how-not-to-sort-by-average-rating.html">Score</a>')+
2384
2385	TD (' Votes ') +
2386	TD(subTitle ) +
2387	"</tr>";
2388	}
2389	function videosInThisFolder(node){
2390	var videos=[];
2391	var video;
2392	var children = node.children;
2393	if (! hasChildren(node)){
2394	return videos;
2395	}
2396	var arrayLength = node.children.length;
2397	for (var i = 0; i < arrayLength; i++) {
2398	video=children[i];
2399	if (getClass(video) =='Video'){
2400
2401	video.data.ratio = score (video);
2402	videos.push(video);
2403	}
2404	}
2405	return videos;
2406	}
2407
2408	function childCategoriesRow (rootNode){
2409	var text = '<tr><td colspan="4">';
2410	text += renderChildCategories(rootNode);
2411	text += "</td></tr>" ;
2412	return text;
2413	}
2414
2415
2416
2417	function generateContentCore(rootNode){
2418
2419
2420	var text='';
2421	var i;
2422	var sortedArray = videosInThisFolder(rootNode);
2423	var sortedArrayLength = sortedArray.length;
2424	if (sortedArrayLength === 0){
2425	return renderChildCategories(rootNode);
2426	}
2427
2428	text += renderChildCategories(rootNode);
2429	text += "<h3>Videos in this Folder</h3>";
2430	text +='<table class="table table-striped" style = "padding:20px;">';
2431	text += "<thead>";
2432
2433	text += tableHead("Talk Title");
2434	text += "</thead>";
2435	text += "<tbody>";
2436	for (i = sortedArrayLength-1; i >= 0; i--) {
2437	item=sortedArray[i];
2438	text += '<tr>' ;
2439	text+= '<td align="left"> ' +
2440	item.data.ratio.toFixed(0) +
2441	'% </td>';
2442
2443	votes = '';
2444	if (getUpVotes(item) >0){
2445	votes += getUpVotes(item) + '👍 ';
2446	}
2447	if (getDownVotes(item) >0){
2448	votes+= '<br>' + getDownVotes(item) + '👎 ';
2449	}
2450	text+= TD(' ' + votes + ' ');
2451
2452	text+=TD(' ' + generateLink(item));
2453
2454
2455	text +='</tr>' ;
2456	}
2457
2458	text += "</tbody>";
2459	text +='</table>' ;
2460	//text += '</div>'; //TABLE-RESPONSIVE
2461
2462
2463	return text;
2464	}
2465
2466
2467
	generateLeaders
2468
2469	function generateLeaders(rootNode){
2470	if ((getClass(rootNode) === 'Video')){
2471	return "";
2472	}
2473
2474
2475	// FOR THE LIST OF CHANNELS DO NOT SHOW THE BEST VIDEOS
2476	if (getKey(rootNode) == 'conferences-and-channels'){
2477	return generateContent(rootNode);
2478	}
2479
2480	if (getKey(rootNode) == 'devops'){
2481	return generateContent(rootNode);
2482	}
2483
2484	if (getKey(rootNode) == 'data-science-software'){
2485	return generateContent(rootNode);
2486	}
2487
2488
2489	var result ="";
2490	var text2 = generateLeadersCore(rootNode) ;
2491	result += "<center>" + text2 + "</center> <br>";
2492
2493	return result;
2494	}
2495
2496
2497	//FIRST GENERATES A SORTED LIST OF ITEMS IN THIS BRANCH OF THE TREE
2498	//AND THEN PRINTS OUT THE SORTED HISTORY
2499	function generateLeadersCore(rootNode){
2500	var text='';
2501	var i;
2502	var subTitle = " Best Videos Overall ";
2503	var sortedArray = generateTop10(rootNode);
2504
2505	var sortedArrayLength = sortedArray.length;
2506	if (sortedArrayLength === 0 ){
2507	return "";
2508	}
2509
2510	text +='<table class="table table-striped" style = "padding:20px;">';
2511
2512	text += "<tr>" +
2513	TD (' <a href = "https://www.evanmiller.org/how-not-to-sort-by-average-rating.html">Score</a>')+
2514
2515	TD (' Votes ') ;
2516	if (getKey(rootNode) != rootName){
2517	subTitle = ' Best Videos on ' + getTitle(rootNode);
2518	}
2519
2520	text+= TD( sortedArrayLength.toString() + subTitle ) +
2521
2522
2523	"</tr>";
2524	for (i = sortedArrayLength-1; i >= 0; i--) {
2525	item=sortedArray[i];
2526	text += '<tr>' ;
2527	text+= '<td align="left"> ' +
2528	item.data.ratio.toFixed(0) +
2529	'% </td>';
2530
2531	votes = '';
2532	if (getUpVotes(item) >0){
2533	votes += getUpVotes(item) + '👍 ';
2534	}
2535	if (getDownVotes(item) >0){
2536	votes+= '<br>' + getDownVotes(item) + '👎 ';
2537	}
2538	text+= TD(' ' + votes + ' ');
2539
2540	text+=TD(' ' + generateLink(item));
2541
2542
2543	text +='</tr>' ;
2544	}
2545
2546	text +='</table>' ;
2547
2548
2549	return text;
2550	}
2551
2552
2553
	generateTop10Array
2554
2555	function generateTop10(rootNode){
2556	if ( (getClass(rootNode) == 'Category')
2557	&&
2558	(! hasChildren(rootNode))
2559	){
2560	return "";
2561	}
2562	if (rootNode.data.hasOwnProperty('best')){
2563	return rootNode.data.best;
2564	}
2565	var item;
2566	var i;
2567	var rootNodeChildren=rootNode.children;
2568
2569	//IF IT IS A CONFERENCE, Just show the
2570	//Conference Videos
2571	if (getClass(rootNode)=='Conference'){
2572	var allVideos = [];
2573	getConferenceVideos(getKey(rootNode),root,allVideos);
2574	rootNodeChildren = allVideos;
2575	}
2576	sortedTree=buckets.BSTree(compare);
2577	for (k=0;k<rootNodeChildren.length;k++){
2578	var aChild = rootNodeChildren[k];
2579	sortNodes(aChild);
2580	}
2581
2582	var sortedArray=sortedTree.toArray();
2583
2584	//FOR CONFERENCES SHOW ALL THE TALKS, SORTED.
2585	if (getClass (rootNode)== 'Conference'){
2586	return sortedArray;
2587	}
2588
2589	//OTHERWISE RETURN THE FIRST 10 ITEMS
2590	var sortedArrayLength=sortedArray.length;
2591	var lowerBound=sortedArrayLength-10;
2592	if (lowerBound<0) lowerBound=0;
2593
2594
2595	var shortArray = sortedArray.slice(lowerBound);
2596	rootNode.data.best = shortArray;
2597	return shortArray;
2598	}
2599
2600
2601
2602
	getConferenceVideos
2603	function getConferenceVideos(conferenceName,aNode,allVideos){
2604	var i;
2605	var thisNode;
2606	var children;
2607	if ((getClass(aNode) =="Video")&&
2608	(getConferenceKey(aNode)==conferenceName)){
2609	allVideos.push(aNode);
2610	}
2611	//COULD RETURN IF IT IS A VIDEO.
2612
2613	if (! hasChildren(aNode)){
2614	return;
2615	}
2616	children=aNode.children;
2617
2618	if (children && children.length){
2619	for (i in children){
2620	thisNode=children[i];
2621	getConferenceVideos(conferenceName,thisNode,allVideos);
2622	}
2623	}
2624	}
	historyScripts
2625	function generateLink(item){
2626	return "<a onClick=\"displaySlideNamed('" +
2627	getKey(item) +
2628	"')\">"+
2629	getTitle(item)+"</a>";
2630	}
2631
2632	function openWindow (key){
2633	window.open("/" + key);
2634	}
2635
2636	//TO GENERATE HISTORY HAVE TO SORT ITEMS BY EDIT DATE
2637	//THIS COMPARE FUNCTION DOES THAT
2638	function compareLOG(a,b){
2639
2640	var result = compare2(a,b);
2641	var aRatio = a.data.ratio;
2642	var bRatio = b.data.ratio;
2643	return result;
2644	}
2645	function compare(a, b) {
2646	var aRatio = a.data.ratio;
2647	var bRatio = b.data.ratio;
2648
2649	if (aRatio < bRatio) {
2650	return -1;
2651	} if (aRatio > bRatio) {
2652	return 1;
2653	}
2654	//SAME Ratio, CHECK Totals
2655	if (Number(getUpVotes(a)) < Number(getUpVotes(b))) {
2656	return -1;
2657	} if (Number(getUpVotes(a)) > Number(getUpVotes(b))) {
2658	return 1;
2659	}
2660
2661	//SAME Ratio, same upVotes, CHECK URLS
2662	if (getKey(a) < getKey(b)) {
2663	return 1;
2664	} if (getKey(a) > getKey(b)) {
2665	return -1;
2666	}
2667
2668	// a must be equal to b
2669
2670	return 0;
2671	}
2672
2673	var sortedTree;
2674
2675	function TD(text){
2676	return '<td>' + text + '</td>';
2677	}
2678
2679
2680	//THIS FUNCTION ACTUALLY CREATES A BINARY TREE OF NODES SORTED BY EDIT DATE
2681	//USED TO GENERATE HISTORY
2682	function sortNodes(aNode){
2683
2684	//IF IT IS A VIDEO
2685	if (getClass(aNode) =="Video" ){
2686	aNode.data.ratio = score(aNode);
2687	sortedTree.add(aNode);
2688	return;
2689	}
2690	//NOT A VIDEO? CARRY ON
2691	var i;
2692	//SETS THE RATIO
2693	var children=aNode.children;
2694
2695	if (children && children.length){
2696	for (i in children){
2697	var thisNode=children[i];
2698	sortNodes(thisNode);
2699	}
2700	}
2701
2702	}
	score
2703	//THIS IS THE WILSON SCORE
2704	function aScore (positiveScore, total) {
2705
2706	if (total === 0) {
2707	return {
2708	left: 0,
2709	right: 0
2710	};
2711	}
2712
2713	// phat is the proportion of successes
2714	// in a Bernoulli trial process
2715	const phat = positiveScore / total;
2716
2717	// z is 1-alpha/2 percentile of a standard
2718	// normal distribution for error alpha=5%
2719	const z = 1.96;
2720
2721	// implement the algorithm
2722	// (http://goo.gl/kgmV3g)
2723	const a = phat + z * z / (2 * total);
2724	const b = z * Math.sqrt((phat * (1 - phat) + z * z / (4 * total)) / total);
2725	const c = 1 + z * z / total;
2726
2727	return {
2728	left: (a - b) / c,
2729	right: (a + b) / c
2730	};
2731	}
2732
2733
2734	function score (aNode){
2735	var upVotes, downVotes, total,wilsonScore;
2736	upVotes=Number(getUpVotes(aNode));
2737	downVotes= Number(getDownVotes(aNode));
2738	totalVotes = upVotes + downVotes;
2739
2740	wilson = aScore (upVotes, totalVotes);
2741	return wilson.left* 100;
2742
2743	}
	renderChildCategories
2744	function renderChildLink(item){
2745	return "<a onClick=\"slideDownTo('" +
2746	getKey(item) +
2747	"')\">"+
2748	getTitle(item)+"</a>" +
2749	' (' + getBranchSize(item) + ')';
2750	}
2751
2752	function slideDownTo(key){
2753	var nextNode=tree.getNodeByKey(key);
2754	var index = homeNode.children.indexOf(nextNode);
2755	homeNode.previousChildIndex=index;
2756	setSlides(homeNode);
2757	reload();
2758	$.fn.fullpage.moveSectionDown();
2759
2760	}
2761
2762
2763	function displayChildCategories (slide){
2764	var child;
2765	var children = slide.children;
2766	if ((! children) \|\| (children.length===0)){
2767	return "";
2768	}
2769	var result = "<h3>Child Categories</h3><br>";
2770	if (getKey(slide) == 'conferences-and-channels'){
2771	result = "<h3>Conferences Indexed</h3><br>";
2772	}
2773
2774	for (var i in slide.children) {
2775	child = slide.children[i];
2776	if (getClass(child) != "Video"){
2777	result += renderChildLink(child) + "<br><br>";
2778	}
2779
2780	}
2781	//result += "</div>";
2782	return result;
2783
2784	}
2785
2786
2787	//IF ANY CHILD IS A CONFERENCE OR CATEGORY
2788	//DISPLAY THE LIST
2789	function renderChildCategories(slide){
2790	var child;
2791	if (slide.children === null){
2792	return "";
2793	}
2794	if (slide.children.length === 0){
2795	return "";
2796	}
2797	for (var i in slide.children) {
2798	child = slide.children[i];
2799	if (getClass(child) != "Video"){
2800	return displayChildCategories(slide);
2801	}
2802	}
2803	return "";
2804	}
2805
	renderSlide
2806	var showBest = true;
2807
2808
2809
2810	function generateLeadersOrContent(slide){
2811	return '<div id = "bestContent' +
2812	'-' + getKey(slide) + '" >'+
2813	generateLeadersOrContentCore(slide) +
2814	"</div>";
2815	}
2816	var isMobile = true;
2817	function renderSlide(slide,index){
2818	var result = "" ;
2819	result +="<br>";
2820	result += showRedirect(slide);
2821	result += showIntroductoryVideo(slide);
2822	result += addArrows(slide);
2823
2824
2825	result += breadcrumbs(slide,index) ;
2826
2827	result += renderTitle(slide) +
2828	"<br>" ;//+
2829	getSubTitle(slide) ;
2830
2831
2832	if ((getClass(slide) == 'Video')){
2833
2834	var conference = getConference(slide);
2835	result += '<h5 style = "margin-left:50%">-'+
2836	'<a onClick="displaySlideNamed(' + "'" + getConferenceKey(slide) + "')" +'">'+
2837	getTitle(conference) +'</a></h5>';
2838	}
2839
2840
2841	if (isMobile){
2842	result+= "<center>";
2843	}
2844	result +=renderDescription (slide);
2845	if (isMobile){
2846
2847	result+= "</center>";
2848	}
2849
2850	result += renderButtons(slide,index);
2851
2852	if ((getClass(slide) != 'Video')){
2853	//WAS renderContentDiv(slide);
2854	result += generateLeadersOrContent(slide) ;
2855	}
2856	result += renderContentDiv(slide) ;
2857	//if (homeNode ==slide){
2858	// result += renderTweetForm(slide);
2859	//}
2860	//if (homeNode == landingPage){
2861	// result +=renderTwitterImage();
2862	//}
2863	result += socialMediaLinks(slide);
2864	result += renderExtra();
2865	return result;
2866	}
	rootname
2867	var rootName='';
2868	var mobileJson ='';
2869	var deskTopJson ='';
2870	var domain= window.location.hostname.toLowerCase();
2871	var searchURL = "/search";
2872	var contactURL = "/contact";
2873
2874	if (domain=='pythonlinks.info'){
2875	mobileJson='https://json.PythonLinks.info/python/json';
2876	rootName ='python';
2877	}
2878
2879	else if (domain=='desktop.pythonlinks.info'){
2880	deskTopJson= 'https://json.PythonLinks.info/python/tree.json';
2881	rootName ='python';
2882	}
2883
2884	else if (domain=='climatevideos.info'){
2885	mobileJson='https://json.PythonLinks.info/climate-change/json';
2886	rootName='climate-change';
2887	contactURL = "/contact2";
2888	searchURL = "/search2";
2889
2890
2891	}
2892
2893	else if (domain=='desktop.climatevideos.info'){
2894	deskTopJson='https://json.PythonLinks.info/climate-change/tree.json';
2895	rootName='climate-change';
2896	contactURL = "/contact2";
2897	searchURL = "/search2";
2898
2899
2900	}
2901
2902	else if (domain=='dev.pythonlinks.info'){
2903	//rootName ='python';
2904	//mobileJson='/python/json';
2905	//deskTopJson='/python/tree.json';
2906
2907	rootName ='climate-change';
2908	mobileJson='/climate-change/json';
2909	deskTopJson='/climate-change/tree.json';
2910	searchURL = "/search2";
2911	contactURL = "/contact2";
2912
2913	}
2914
2915
	callbackVisit
2916
2917	/** Call fn(node) for all child nodes.<br>
2918	* Stop iteration, if fn() returns false. Skip current branch, if fn() returns "skip".<br>
2919	* Return false if iteration was stopped.
2920	*
2921	* @param {function} fn the callback function.
2922	* Return false to stop iteration, return "skip" to skip this node and
2923	* its children only.
2924	* @param {boolean} [includeSelf=false]
2925	* @returns {boolean}
2926	*/
2927
2928
2929	function callbackVisit(item,fn, includeSelf) {
2930	var i,
2931	l,
2932	res = true,
2933	children = item.children;
2934	if( includeSelf === true ) {
2935	res = fn(item);
2936	if( res === false \|\| res === "skip" ){
2937	return res;
2938	}
2939	}
2940	if(children&&(children.length>0)){
2941	callbackCount++;
2942
2943	aFunction = function(){
2944	for(i=0, l=children.length; i<l; i++){
2945	callbackVisit(children[i],fn, true);
2946	}
2947	callbackCount--;
2948	if (callbackCount===0){
2949	reSearch(fn);
2950	}
2951	};
2952	setTimeout(aFunction, 1);
2953	}
2954
2955
2956
2957	}
2958
2959
2960
2961
2962
2963	function callVisit(item,fn) {
2964	return callbackVisit(item.rootNode,fn, false);
2965	}
	childrenFunctions
2966
2967	function getSiblings (item){
2968	if (isRoot(item)){
2969	return [item];
2970	}
2971	return item.parent.children;
2972	}
2973
	parent-functions
2974	function pageTitle(node){
2975	var nodeParents= parents(node);
2976	var arrayLength = nodeParents.length;
2977	var result =[];
2978	for (var i = 0; i < arrayLength; i++) {
2979	result.push (getTitle(nodeParents[i]));
2980	}
2981	return result.join(' -> ');
2982
2983	}
2984
2985	//Starting with parent
2986	function reversedParents(node){
2987	var result=[];
2988	while (true){
2989	result.push(node);
2990	if (isRoot(node)){
2991	return result;
2992	}
2993	node=node.parent;
2994	}
2995	}
2996
2997	//Starting with first ancenstor
2998	function parents(node){
2999	return reversedParents(node).reverse();
3000	}
	pushpopstate
3001	function saveCurrentURL(){
3002
3003	var domain= window.location.hostname;
3004	var location=getKey(homeNode);
3005
3006	var url="https://" + domain + "/" + location;
3007
3008	var title=getTitle(homeNode);
3009	var data={key:getKey(homeNode)};
3010
3011
3012	history.pushState(data, title, url);
3013
3014	}
3015
3016	function saveCurrentURLAndSearch(){
3017
3018	var domain= window.location.hostname;
3019	var location=homeNode.key;
3020	var search=window.location.search;
3021
3022	var url="https://" + domain + "/" + location;
3023	if (search){
3024	url+= search;
3025	}
3026	var title=homeNode.title;
3027	var data={key:homeNode.key};
3028
3029
3030	history.pushState(data, title, url);
3031
3032	}
	regexp
3033
3034
3035	//FUNCTION TO SPLIT A SEARCH STRING INTO W LIST OF WORDS,
3036	// AND THEN CREATRE A LIST OF REGEXP
3037	// FROM IT. This is needed to implement "SearchTermm1" and "SearchTerm2"
3038
3039
3040	function _escapeRegex(str){
3041	/jshint regexdash:true /
3042	return (str + "").replace(/([.?*+\^\$\[\]\\(){}\|-])/g, "\\$1");
3043	}
3044
3045
3046	//FUNCTION TO SPLIT A SEARCH STRING INTO W LIST OF WORDS,
3047	// AND THEN CREATRE A LIST OF REGEXP
3048	// FROM IT. This is needed to implement "SearchTermm1" and "SearchTerm2"
3049
3050	function getRegxpArray(match) {
3051	if (match=="all"){
3052	return [new RegExp(".")];
3053	}
3054	if (match=="All"){
3055	return [new RegExp(".")];
3056	}
3057	var regexpArray=[];
3058	var i;
3059	var input;
3060	var k=0;
3061	var subStrings=match.split(/\s+/i);
3062	for (i in subStrings){
3063	if (subStrings[i]!==""){
3064	input= _escapeRegex(subStrings[i]);
3065	regexpArray[k]=new RegExp(input, "i");
3066	k++;
3067	}
3068	}
3069	return regexpArray;
3070	}
3071
	resizeText
3072	function resizeText(multiplier) {
3073	if (document.body.style.fontSize === "") {
3074	document.body.style.fontSize = "2.0em";
3075	}
3076	document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.2) + "em";
3077	localRebuild();
3078
3079	}
3080
	scaleVideos
3081	function resizeVideos( arg1, arg2, containerQuery){
3082	//should be "body"
3083	// Find all YouTube videos
3084	var $allVideos = $("iframe[src^='https://www.youtube.com']"),
3085
3086	// The element that is fluid width
3087	$fluidEl = $(containerQuery);
3088
3089	// Figure out and save aspect ratio for each video
3090	$allVideos.each(function() {
3091
3092	$(this)
3093	.data('aspectRatio', this.height / this.width)
3094	.data('width', this.width)
3095
3096	// and remove the hard coded width/height
3097	.removeAttr('height')
3098	.removeAttr('width');
3099
3100	});
3101
3102	function resize () {
3103
3104	var newWidth = $fluidEl.width();
3105	if (newWidth > 800){
3106	newWidth = 0.8 * newWidth;
3107	}
3108	// Resize all videos according to their own aspect ratio
3109	$allVideos.each(function() {
3110
3111	var $el = $(this);
3112	$el
3113	.width(newWidth)
3114	.height(newWidth * $el.data('aspectRatio'));
3115
3116	});
3117	localRebuild();
3118
3119	// Kick off one resize to fix all videos on page load
3120	}
3121	resize();
3122	}
	setChildINdex
3123	//onSLideLeave
3124	function setChildIndex(){
3125	if (homeNode.parent!== null)
3126	homeNode.parent.previousChildIndex = getSiblings(homeNode).indexOf(homeNode);
3127	}
	setTitle
3128	function setTitle(node){
3129	if (node.data.class == 'Video'){
3130	node.title = score(node).toFixed(0) + '% '
3131	+ node.data.upVotes + '👍 ' +
3132	node.data.downVotes + '👎 '+
3133	node.title;
3134	}
3135	return true;
3136	}
	showRedirect
3137	function showRedirect(node){
3138	if ((isMobile && (node==landingPage))) {
3139	var url = "https://" +
3140	"desktop." + domain + '/' + getKey(node);
3141	return '<center> <a href="' + url +
3142	'">Desktop Site (Beta)</a></center>';
3143	}
3144	return "";
3145	}
	signout
3146	function renderSignOutOption(){
3147	if (isAuthenticated){
3148	return lili( '<a onclick="signOut()">Sign Out</a>');
3149	}
3150	else
3151	{return "";}
3152	}
3153
3154	function signOut(){
3155	window.location.href = "/" + getKey(homeNode) + "/logout2";
3156	}
	vote
3157	function registerVoter(){
3158	window.location.href="/" + homeNode.key + "/register/voter";
3159	}
3160
3161
3162	function recordVotes(responseText,itemName){
3163
3164	var result = responseText.split (" , ");
3165	document.getElementById(itemName + "-" + "upVotes").innerHTML = result [0];
3166	document.getElementById(itemName + "-" + "downVotes").innerHTML = result [1];
3167	}
3168
3169	function upVote(itemName){
3170
3171	if (isAuthenticated){
3172	var xhttp = new XMLHttpRequest();
3173	xhttp.onreadystatechange = function() {
3174	if (this.readyState == 4 && this.status == 200) {
3175	recordVotes(this.responseText,itemName);
3176	}
3177	};
3178	var url = "/" + homeNode.key + "/upVote";
3179	xhttp.open("GET", url, true);
3180	xhttp.send();
3181	return;
3182	}
3183	registerVoter();
3184	}
3185
3186	function downVote(itemName){
3187
3188	if (isAuthenticated){
3189	var xhttp = new XMLHttpRequest();
3190	xhttp.onreadystatechange = function() {
3191	if (this.readyState == 4 && this.status == 200) {
3192	recordVotes(this.responseText,itemName);
3193	}
3194	};
3195	var url = "/" + homeNode.key + "/downVote";
3196	xhttp.open("GET", url, true);
3197	xhttp.send();
3198	return;
3199	}
3200	registerVoter();
3201
3202	}
3203
3204
3205
3206
	twitterImage
3207	var showBest = true;
3208
3209	function renderTwitterImage(){
3210	return '' +
3211	'<img src="https://pythonlinks.info//static/graphics/Tweet.png" '+
3212	'alt="I wanted to add users tweets to my website, but Twitter'+
3213	'would then track every page that you visit. Not good for privacy. ' +
3214	'So if you are kind enough to tweet comments, I will link to them."'+
3215	'style = "max-width:100%;" onload="localRebuild">' +
3216	'<br>     Privacy Protecting Tweet Image';
3217
3218
3219	}
3220
3221	function showIntroductoryVideo(slide){
3222	if ((slide == landingPage)&&isMobile&& (rootName == 'python'))
3223	{
3224	return '<h3 style = "text-align:center;">'+
3225	'<a onClick="displaySlideNamed('+
3226	"'introductory-video')"+ '">' +
3227	'Introductory Video</a></h3>'+
3228	'<p style="text-align:center">' + news + "</p>";
3229	}
3230	else {
3231	return '';
3232	}
3233	}
3234
3235	function generateLeadersOrContent(slide){
3236	return '<div id = "bestContent' +
3237	'-' + getKey(slide) + '" >'+
3238	generateLeadersOrContentCore(slide) +
3239	"</div>";
3240	}