FastFlowApp/index.html at master · FastFlowDebate/FastFlowApp · GitHub

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
<!DOCTYPE html>
<html ng-app="Flow">

<head>
	<title>Flow</title>
	<meta charset="utf-8">
	<!-- html5 version of http-equiv="Content-Type"... -->
	<meta name="description" content="Flow.FastFlow is a webapp for flowing highschool debate">
	<meta name="keywords" content="Debate">
	<link rel="author" href="http://atowers.info" />
	<link rel="canonical" href="https://flow.fastflowdebate.com" />
</head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="load.css" rel="stylesheet">
<body ng-controller="flowCtrl">
	<div class="version__indicator">{{version}}</div>
	<div class="m-app-loading" ng-animate-children="true">
			<!-- BEGIN: Actual animated container. -->
			<div class="animated-container">
				<img src="app.png">
				<div class="messaging">
					<h1>Fast Flow</h1>
				</div>
			</div>
			<!-- END: Actual animated container. -->
	</div>
	<nav>
		<div class="nav-wrapper purple">
			<a href="#" class="brand-logo"><img id="navImg" src="app.png"></a>
			<div id="betaChip" class="chip blue">
				Beta {{version}}
			</div>
			<ul class="right">
				<li><a ng-click="newFlow()"><i class="material-icons">add_box</i></a></li>
				<li><a ng-click="lsManagerOpen()"><i class="material-icons">dashboard</i></a></li>
				<li><a ng-click="info()"><i class="material-icons">info</i></a></li>
			</ul>
		</div>
	</nav>
	<main>
		<div class="input-field card">
			<input placeholder="Flow Title: ToC Finals 2016" id="flowTitle" type="text" ng-model="flow.title">
			<a ng-click="save()" ng-show="!isSaved" class="saveBtn titleBtn"><i class="material-icons md-30">save</i></a>
			<a ng-click="emitExpand()" class="flowExpandBtn titleBtn"><i class="material-icons md-30">transform</i></a>
		</div>
		<div id="flowContainer">
			<flow data="flow.dataL" id="L" team="flow.leftTeam"></flow>
			<flow data="flow.dataR" id="R" team="flow.rightTeam"></flow>
		</div>
	</main>
	<footer class="page-footer purple">
		<div class="footer-copyright purple darken-1">
			<div class="container">
				Adam Towers
				<a class="grey-text text-lighten-4 right" href="https://github.com/FastFlowDebate/Flow.FastFlowDebate">Github Repo</a>
			</div>
		</div>
	</footer>
	<div ng-controller="lsManager">
		<div id="lsManagerModal" ngf-drop="uploadFiles($files)" class="card modal" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="'.json'">
			<div class="modal-content">
				<h4>Manage Saved Flows</h4> {{message}}
				<table class="highlight">
					<thead>
						<tr>
							<th data-field="Name">Name</th>
							<th data-field="Team1">Team</th>
							<th data-field="Team2">Team</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="f in flowTable">
							<td>{{f.name}}</td>
							<td>{{f.teamL}}</td>
							<td>{{f.teamR}}</td>
							<td><a ng-click="open(f.id)" class="waves-effect waves-green btn-flat"><i class="material-icons">send</i></a></td>
							<td><a ng-click="beginDelete(f.id)" class="waves-effect waves-red btn-flat"><i class="material-icons">close</i></a></td>
							<td><a ng-click="download(f.id)" class="waves-effect waves-blue btn-flat"><i class="material-icons">file_download</i></a></td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="purple drop-box"><i class="material-icons left">file_upload</i> Drop Flows here to <b>Upload</b></div>
			<div ngf-no-file-drop>Uploading flows is not supported in this browser</div>
			<div class="modal-footer">
				<a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat">Close</a>
			</div>
		</div>
		<div id="delConfirmation" class="modal">
			<div class="modal-content">
				<h4>Delete Modal</h4>
				<p>Are You sure you would like to delete this flow, this action is not reversible.</p>
			</div>
			<div class="modal-footer">
				<a ng-click="completeDelete()" class="modal-action modal-close waves-effect waves-red btn-flat">Delete</a>
				<button class="modal-action modal-close waves-effect waves-red btn-flat">Never mind</button>
			</div>
		</div>
		<div id="unsavedModal" class="modal">
			<div class="modal-content">
				<h4>Work Unsaved</h4>
				<p>Unless you save your flow the data will be lost!</p>
			</div>
			<div class="modal-footer">
				<a ng-click="forceNewFlow()" class="modal-action modal-close waves-effect waves-red btn-flat">Continue</a>
				<button class="modal-action modal-close waves-effect waves-red btn-flat">Never mind</button>
			</div>
		</div>
	</div>
	<div ng-controller="infoModal">
		<div id="infoModal" class="modal">
			<div class="modal-content">
				<h3>Flow.FastFlow</h3>
				<hr>
				<div id="browser-support__modal">
					<h4>Browser Information:</h4>
					<div class="browser-support__entry">
						Offline Support: <i ng-show="{{::serviceWorker}}" class="material-icons md-30">check</i><i ng-hide="{{::serviceWorker}}" class="material-icons">close</i>
					</div>
					<div class="browser-support__entry">
						Save Flows: <i ng-show="{{::indexedDB}}" class="material-icons md-30">check</i><i ng-hide="{{::indexedDB}}" class="material-icons">close</i>
					</div>
					<div class="browser-support__entry">
						Upload Flows: <i ng-show="{{::fileReader}}" class="material-icons md-30">check</i><i ng-hide="{{::fileReader}}" class="material-icons">close</i>
					</div>
				</div>
				<hr>
				<h4>Offline:</h4> Access the offline app by opening the web page once and refreshing it. After that, you can close the tab, turn off your internet, and navigate back to the page and it should load. Magic! Saved flows are also accessible offline as they are saved to
				your browser.
				<hr>
				<h4>Feedback:</h4> Please make any bug reports as issues on the <a href="https://github.com/FastFlowDebate/Flow.FastFlowDebate/issues">Github</a>. Private messaging u/Zarkoix on Reddit also works.
				<hr>
				<h4>Upload/Download:</h4> You can download flows from the app as lightweight json documents. Flows can be uploaded into the app by dragging them onto the box in the Flow Manager modal.
				<hr>
				<h4>Hotkeys:</h4> Alt+1: New Contention<br> Alt+2 or Enter: New Argument<br> Shift+Enter: Move Argument to New Contention<br> Alt+3: New Defense (Blue Sticky)<br> Alt+4: New Response (Red Sticky)<br> Alt+5: New Extension (Green Arrow Sticky)
			</div>
			<div class="modal-footer">
			</div>
		</div>
	</div>
</body>
<script>
	(function(i, s, o, g, r, a, m) {
		i['GoogleAnalyticsObject'] = r;
		i[r] = i[r] || function() {
			(i[r].q = i[r].q || []).push(arguments)
		}, i[r].l = 1 * new Date();
		a = s.createElement(o),
			m = s.getElementsByTagName(o)[0];
		a.async = 1;
		a.src = g;
		m.parentNode.insertBefore(a, m)
	})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
	ga('create', 'UA-92780519-2', 'auto');
	ga('send', 'pageview');
</script>
<script src="bundle.js"></script>
</html>