easyctf-2017/web/pages/team.html

<style>
	.editable {
		outline: none;
		border: 1px solid rgba(0, 0, 0, 0);
	}
	.editable:hover {
		border: 1px solid #999;
	}
	.editable:focus {
		border: 1px solid #999;
		background-color: #FFF;
	}
	.padded {
		display: inline-block;
		padding: 15px;
	}
</style>

<div ng-show="team['tid'] >= 0">
	<div class="jumbotron">
		<center>
			<div ng-show="team['in_team']==true">
				<h1><span data-toggle="tooltip" data-placement="top" title="Click to edit team name." id="teamname_edit" class="padded editable" contenteditable>{{ team['teamname'] }}</span></h1>
				<h4><i class="fa fa-fw fa-university"></i> <span data-toggle="tooltip" data-placement="top" title="Click to edit school." id="school_edit" class="padded editable" contenteditable>{{ team['school'] || 'Add School' }}</span></h4>
				<div class="badge">
					<i class="fa fa-fw fa-flag"></i>
					I'm in the team!
				</div>
			</div>
			<div ng-show="team['in_team']!=true">
				<h1><span class="padded">{{ team['teamname'] }}</span></h1>
				<h4><i class="fa fa-fw fa-university"></i> <span class="padded">{{ team['school'] || 'Unknown Affiliation' }}</span></h4>
			</div>
		</center>
	</div>
	<div class="row">
		<div class="col-sm-3 col-xs-12">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">Team Members</h4>
				</div>
				<div class="list-group">
					<div class="list-group-item" ng-repeat="member in team['members']">
						<h4 class="list-group-item-heading">{{ member['name'] }}</h4>
						<p class="list-group-item-text">@{{ member['username'] }}</p>
					</div>
				</div>
				<div class="panel-footer" ng-show="team['is_owner']==true">
					<form id="add_member" onsubmit="add_member(); return false;" style="margin:none;">
						<div class="row">
							<div class="col-xs-12">
								<div class="input-group">
									<input type="text" class="form-control" id="new_member" name="new_member" placeholder="Add member..." autocomplete="off">
									<span class="input-group-btn">
										<button class="btn btn-success" type="submit">&nbsp;<i class="fa fa-fw fa-plus"></i>&nbsp;</button>
									</span>
								</div>
							</div>
						</div>
					</form>
				</div>
				<div class="panel-footer" ng-show="team['in_team']!=true && config.navbar['logged_in']==true">
					<div class="row">
						<div class="col-xs-12">
							<a href="javascript:request_invitation();" class="btn btn-primary col-xs-12"><i class="fa fa-fw fa-plus"></i> Join this team</a>
						</div>
					</div>
				</div>
			</div>
			<div class="panel panel-default" ng-show="team['is_owner']==true && team['pending_invitations'].length > 0">
				<div class="panel-heading">
					<h4 class="panel-title">Pending Invitations</h4>
				</div>
				<div class="list-group">
					<div class="list-group-item" ng-repeat="member in team['pending_invitations']">
						<a class="badge" ng-href="javascript:rescind_invitation({{ member['uid'] }});"><i class="fa fa-fw fa-times"></i></a>
						<h4 class="list-group-item-heading">{{ member['name'] }}</h4>
						<p class="list-group-item-text">@{{ member['username'] }}</p>
					</div>
				</div>
			</div>
		</div>
		<div class="col-sm-9 col-xs-12">
		</div>
	</div>
</div>
<div ng-show="!(team['tid'] >= 0) && config.navbar['logged_in']==true">
	<div class="page-header">
		<h1>Team</h1>
	</div>
	<p>To participate in EasyCTF, you must be on a <b>team</b>. If you'd like to go solo, just create a team by yourself. Read about team eligibility in the <a href="/rules">rules</a>.</p>

	<form class="form-horizontal" onsubmit="create_team(); return false;" id="create_team">
		<fieldset>
			<div id="create_team_msg"></div>
		</fieldset>
		<fieldset class="container-fluid">
			<div class="col-md-6 col-md-offset-3 col-sm-10 col-sm-offset-1">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h2 class="panel-title">Create a Team</h2>
					</div>
					<div class="panel-body">
						<form class="form-horizontal" onsubmit="login_form(); return false;" id="login_form">
							<fieldset>
								<div id="login_msg"></div>
							</fieldset>
							<fieldset class="container-fluid">
								<div class="row">
									<div class="col-sm-12 form-group">
										<label class="col-sm-12" for="teamname"><small>Team Name</small></label>
										<div class="col-sm-12">
											<input class="form-control" type="text" required name="teamname" id="teamname" placeholder="Create a team name..." autocomplete="off" />
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-sm-12 form-group">
										<label class="col-sm-12" for="school"><small>School Name</small></label>
										<div class="col-sm-12">
											<input class="form-control" type="text" required name="school" id="school" placeholder="School Name" autocomplete="off" />
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-sm-12 form-group">
										<center>
											<input type="submit" class="btn btn-success btn-lg" value="Create Team" />
										</center>
									</div>
								</div>
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</fieldset>
	</form>

	<div class="page-header">
		<h3>Invitations</h3>
	</div>
	<p>You need an invitation to join another team. If you'd like to request to be a member of their team, go to their team page and click the Request button.</p>
</div>
<div ng-show="!(team['tid'] >= 0) && config.navbar['logged_in']!=true">
	<div class="page-header">
		<h1>Team Not Found</h1>
	</div>

	<p>The team you were looking for doesn't exist. Check to make sure you've spelled the name right.</p>
</div>

<script type="text/javascript">
	$("#teamname_edit").on("keypress", function(e) {
		if (e.keyCode == 13) {
			e.preventDefault();
		}
	});
	$("[data-toggle=tooltip]").tooltip();
</script>