-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.php
160 lines (153 loc) · 7.81 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!--
:S
The fish is missing...
-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Collab.Center</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="docs/tools/Cookies.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.1/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.1/js/select2.min.js"></script>
<script src="https://cdn.firebase.com/js/client/2.0.2/firebase.js"></script>
<link href="./cdn/style.css" rel="stylesheet" />
<style>
#ifie {
position: relative;
top: 0px;
color: white;
text-align: center;
background-color: red;
font-family: Arial;
padding: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<script>
String.prototype.replaceAll = function(str1, str2, ignore)
{
return this.replace(new RegExp(str1.replace(/([\/\,\!\\\^\$\{\}\[\]\(\)\.\*\+\?\|\<\>\-\&])/g,"\\$&"),(ignore?"gi":"g")),(typeof(str2)=="string")?str2.replace(/\$/g,"$$$$"):str2);
}
</script>
<!--[if IE]>
<div id="ifie" onclick="$(this).hide()">
Your browser is extremely out of date. Please use a more modern one to continue using Collab.Center, such as <a href="http://chrome.google.com/">Google Chrome</a>. It will not work without it. Thank you!
</div>
<![endif]-->
<div id="main" class="section">
<h1 style="/*margin-top: 0px;*/">C<img src="./cdn/2.0.gif" title='Collab.Center v2.0: "Francia!"' style="border-radius: 15px;" height="3%" width="3%">llab.C<img src="./cdn/2.0.gif" title='Collab.Center v2.0: "Francia!"' style="border-radius: 15px;" height="3%" width="3%">nter</h1>
<hr/>
<p>Collab.Center is an easy way to share collaborative coding docs or even plain text online! Just select a language and you're ready to go!</p>
<hr/>
<br/>
<select name="language" id="language">
<optgroup label="Template Documents" id="templates">
<option disabled>Documents based on code you've already written:</option>
<script>
//List all the templates
if (Cookies.get('email') != undefined) {
var docs = new Firebase('https://collab-doc-props.firebaseio.com/').child(Cookies.get('uid'));
docs.on('value', function(snap) {
snap.forEach(function(csnap) {
var nchild = csnap.child('name').val();
var temp = csnap.child('template').val();
//$('#templates').append('<span class="frame" onmouseover="showOpt(\'' + csnap.key() + '\')" onmouseleave="hideOpt(\'' + csnap.key() + '\')"><a target="_blank" href="../docs/document/hash/?padid=' + csnap.key() + '">' + ((nchild!=null)? nchild : "<i>Untitled Document</i>") + '</a></span>');
if (temp == true) {
$('#templates').append('<option>' + nchild + '</option>');
$('#main').append('<input type="hidden" id="' + nchild.replaceAll(' ', '_') + '" value="' + csnap.key() + '"/>');
}
});
});
} else {
$('#templates').append('<option disabled>Please sign in to use this feature!</option>');
}
</script>
</optgroup>
<optgroup label="New Document">
<option disabled>Select a language for your document:</option>
<option>Plain Text</option><option>Rich Text</option><option>apl</option><option>asterisk</option><option>c</option><option>c++</option><option>c#</option><option>clojure</option><option>cobol</option><option>coffeescript</option><option>commonlisp</option><option>css</option><option>d</option><option>diff</option><option>dtd</option><option>ecl</option><option>eiffel</option><option>erlang</option><option>f#</option><option>fortran</option><option>gas</option><option>gfm</option><option>gherkin</option><option>go</option><option>groovy</option><option>haml</option><option>haskell</option><option>haxe</option><option>htmlembedded</option><option>htmlmixed</option><option>http</option><option>jade</option><option>java</option><option>javascript</option><option>jinja2</option><option>julia</option><option>livescript</option><option>lua</option><option>markdown</option><option>mirc</option><option>nginx</option><option>ntriples</option><option>ocaml</option><option>octave</option><option>pascal</option><option>pegjs</option><option>perl</option><option>php</option><option>pig</option><option>properties</option><option>puppet</option><option>python</option><option>q</option><option>r</option><option>rpm</option><option>rst</option><option>ruby</option><option>rust</option><option>sass</option><option>scheme</option><option>shell</option><option>sieve</option><option>smalltalk</option><option>smarty</option><option>smartymixed</option><option>solr</option><option>sparql</option><option>sql</option><option>stex</option><option>tcl</option><option>tiddlywiki</option><option>tikiwiki</option><option>toml</option><option>turtle</option><option>vb</option><option>vbscript</option><option>velocity</option><option>verilog</option><option>xml</option><option>xquery</option><option>yaml</option><option>z80</option></select><span class="select-arrow"></span>
</optgroup>
<!--<p>Or</p>
<select name="template" id="template">
<option id="tSelected" disabled="" selected="">Select a Template</option>
</select><span class="select-arrow"></span>-->
</select>
<br/>
<br/>
<hr/>
<button id="create">Create Doc!</button>
<br><br>
</div>
<div id="sidebar" class="section">
<iframe style="border: 0; width: 100%; height: 100%;" src="./sidebar/?olddocs=false">ERR: Your browser does not support <code>iframes</code></iframe>
</div>
<div id="toggle">
●<br>
●<br>
●<br>
</div>
<script>
$("#toggle").toggle(
function () {
$("#sidebar").animate({left: 0});
$("#toggle").animate({left: '25.8%'});
}, function () {
$("#sidebar").animate({left: '-16.5em'});
$("#toggle").animate({left: 0});
}
);
function format(item) {
var originalOption = item.element;
var originalText = item.text;
return "<span style='font-family: Arial;'>" + originalText + "</span>";
}
$('#language').select2({
/*allowClear: true,*/
formatResult: format,
formatSelection: format,
escapeMarkup: function(m) { return m; }
});
$("#create").click(function () {
var loc = "./create";
var selected = $(':selected', "#language");
if (selected.closest('optgroup').attr('label') == "New Document") {
loc = loc + "?doclang=" + selected.text();
} else {
splt = $('#' + selected.text().replaceAll(' ', '_')).val();
loc = loc + "?templatename=" + splt;
}
window.location.href=loc;
});
//Child iFrame Function
function changeUrl(url) {
$('iframe').attr('src', url);
}
</script>
<footer>
<a href="http://collab.center">Collab.Center</a>, V1.1 © YingaTech, 2015. All rights reserved.
<br/>
<a href="javascript:void(0)" onclick="$('#contact').html('<iframe class=\'contact\' src=\'./contact\' style=\'border-radius: 1em; border: 0px; display: block; margin: 0px auto; background-color: white;\'>Err: ./contact not found. try again later.</iframe>')">Contact us</a> | <a href="./terms/" target="_blank">Privacy Policy & Terms of Use</a>
<span id="contact"></span>
</footer>
<!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
var sc_project=9847367;
var sc_invisible=1;
var sc_security="8d165f65";
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter">
<a title="shopify traffic stats" href="http://statcounter.com/shopify/" target="_blank">
<img class="statcounter" src="http://c.statcounter.com/9847367/0/8d165f65/1/" alt="shopify traffic stats"></a>
</div></noscript>
<!-- End of StatCounter Code for Default Guide -->
</body>
</html>