-
Notifications
You must be signed in to change notification settings - Fork 0
/
share.html
81 lines (71 loc) · 3.59 KB
/
share.html
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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/stylesheets/jquery.mobile-1.0.1.min.css" />
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<script type="text/javascript" src="/javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/javascript/sportstables.js"></script>
<script type="text/javascript" src="/javascript/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24702575-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<title>Make sports tables with SportsTables! the league table generator</title>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=8704297868";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div data-role="page" id="share">
<div data-role="header">
<a href="./" data-icon="home" data-iconpos="notext" data-transition="slideup" data-ajax="false">Home</a>
<h1>SportsTables!</h1>
<div data-role="navbar">
<ul>
<li><a href="./existingtable" data-transition="slideup">Your tables</a></li>
<li><a href="./newtable" data-transition="slideup">Create a new table</a></li>
</ul>
</div><!-- /navbar -->
<div data-role="navbar">
<ul>
<li><a href="/gettable?table_name={{tabledata.key.id}}" data-direction="reverse">Table</a></li>
<li><a href="/getteams?table_name={{tabledata.key.id}}" data-direction="reverse">Teams</a></li>
<li><a href="/getresults?table_name={{tabledata.key.id}}" data-direction="reverse">Results</a></li>
<li><a href="#" class="ui-btn-active">Share</a></li>
</ul>
</div> <!-- /navbar -->
</div><!-- /header -->
<div data-role="content">
<h2>{{tabledata.name|capfirst}}</h2>
<p>A read only version of this table is available at this URL:</p>
<p>
<span style="background-color:lightgrey;">
<a href="/?table={{tabledata.key.id}}" data-transition="slidedown">{{viewable_url}}</a>
</span>
<!-- <div class="fb-like" data-href="http://{{viewable_url}}" data-send="true" data-width="450" data-show-faces="true"></div> -->
</p>
<form action="/makeviewable" method="get" data-ajax="false">
<input type="hidden" name="tbl_id" value="{{tabledata.key.id}}"/>
<input type="hidden" name="viewable" {% if tabledata.viewable %}value="0"{% else %}value="1"{% endif %}/>
<p>It is currently {% if tabledata.viewable %}<strong>open</strong>{% else %}<strong>closed</strong>{% endif %} to the world.</p>
<p>Do you want to <input type="submit" value="{% if tabledata.viewable %}Close{% else %}Open{% endif %}" data-inline="true"> it? </p>
</form>
<p>To embed your table in another website just copy and paste the following html code:</p>
<textarea><iframe src="http://{{viewable_url}}" height="270" width="480" frameborder="0" allowfullscreen ></iframe></textarea>
</div><!-- /content -->
{% include "footer.html" %}
</div><!-- /page -->
</body>
</html>