easyctf-2017/web/pages/admin/problems.html

<div class="page-header">
	<h1>Problem Editor</h1>
</div>

<style>
.ace_editor {
	width: 100%;
	height: 200px;
}
</style>

<ul class="nav nav-tabs" role="tablist">
	<li role="presentation" class="active"><a href="#problems" aria-controls="problems" role="tab" data-toggle="tab">Problems</a></li>
	<li role="presentation"><a href="#filesystem" aria-controls="filesystem" role="tab" data-toggle="tab">Filesystem</a></li>
</ul>
<div class="tab-content">
	<div role="tabpanel" class="tab-pane active" id="problems">
		<div class="row">
			<div class="col-sm-12 col-md-6">
				<div class="panel-group" id="problems" role="tablist" aria-multiselectable="true">
					<div class="well" ng-show="problems.length==0">There are no problems to show!</div>
					<!-- <div class="panel panel-default">
						<div class="panel-heading" role="tab" id="heading-new">
							<h4 class="panel-title">
								<a class="NO_HOVER_UNDERLINE_DAMMIT" style="display:block;" data-toggle="collapse" data-parent="#accordion" href="#collapse-new" aria-expanded="true" aria-controls="collapse-new">
									<i class="fa fa-fw fa-plus"></i> Create New Problem
								</a>
							</h4>
						</div>
						<div id="collapse-new" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-new">
							<div class="panel-body">
								
							</div>
						</div>
					</div> -->
				</div>
			</div>
			<div class="col-sm-12 col-md-6">
				<div class="panel panel-default">
					<div class="panel-heading" role="tab" id="heading-new">
						<h4 class="panel-title">
							<i class="fa fa-fw fa-plus"></i> Create New Problem
						</h4>
					</div>
					<div id="collapse-new" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-new">
						<div class="panel-body">
							<form class="form-horizontal" onsubmit="create_problem(); return false;" id="create_problem">
								<fieldset>
									<div id="register_msg"></div>
								</fieldset>
								<fieldset class="container-fluid">
									<p>Be sure you are familiar with guidelines to writing problems before you submit! Problem unlocking and other options will be available after you submit your problem.</p>
									<div class="row">
										<div class="col-sm-12 form-group">
											<label class="col-sm-12" for="name"><small>Title</small></label>
											<div class="col-sm-12">
												<input class="form-control" type="text" required name="name" placeholder="Title" autocomplete="off" />
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-12 form-group">
											<label class="col-sm-12" for="category"><small>Category</small></label>
											<div class="col-sm-12">
												<select name="category" class="selectpicker" data-width="100%">
													<option value="Algorithm">Algorithm</option>
													<option value="Binary Exploitation">Binary Exploitation</option>
													<option value="Cryptography">Cryptography</option>
													<option value="Forensics">Forensics</option>
													<option value="Linux">Linux</option>
													<option value="Miscellaneous">Miscellaneous</option>
													<option value="Programming">Programming</option>
													<option value="Reconnaissance">Reconnaissance</option>
													<option value="Reverse Engineering">Reverse Engineering</option>
													<option value="Web Exploitation">Web Exploitation</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-12 form-group">
											<label class="col-sm-12" for="value"><small>Value</small></label>
											<div class="col-sm-12">
												<input class="form-control" type="number" required name="value" placeholder="Value" autocomplete="off" value="10" />
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-12 form-group">
											<label class="col-sm-12" for="description"><small>Description</small></label>
											<div class="col-sm-12">
												<textarea id="new_description" name="description"></textarea>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-12 form-group">
											<label class="col-sm-12" for="hint"><small>Hint</small></label>
											<div class="col-sm-12">
												<input class="form-control" type="text" required name="hint" placeholder="Hint" autocomplete="off" />
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-12 form-group">
											<label class="col-sm-12" for="grader"><small>Grader</small></label>
											<div class="col-sm-12">
												<div id="new_grader" class="ace_editor">def grade(key, tid):
	""" Grade this problem. """
	flag = "easyctf{a_flag}"
	case_sensitive = True
	if (key.find(flag) >= 0) if case_sensitive \
	  else (key.lower().find(flag.lower()) >= 0):
		return { "success": 1, "message": "Correct!" }
	return { "success": 0, "message": "Sorry, try again." }</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-12 form-group">
											<center>
												<input type="submit" class="btn btn-primary btn-lg" value="Create" />
											</center>
										</div>
									</div>
								</fieldset>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div role="tabpanel" class="tab-pane" id="filesystem">
		<div class="well">Nothing here yet.</div>
	</div>
</div>

<script type="text/javascript">
	$("ul[role=tablist]").tab();
	$("a[role=tab]").click(function(e) {
		e.preventDefault();
	});
	$(".selectpicker").selectpicker();
	var config = {
		toolbar: [
			{ name: "basicstyles", items: [ "Bold", "Italic", "Underline" ] },
			{ name: "links", items: [ "Link" ] },
			{ name: "paragraph", items: [ "NumberedList", "BulletedList", "-", "Outdent", "Indent", "-", "Blockquote" ] },
			{ name: "tools", items: [ "Maximize" ] },
			{ name: "document", items: [ "Source" ] },
		]
	};
	CKEDITOR.replace("new_description", config);
	var new_grader = ace.edit("new_grader");
	new_grader.setTheme("ace/theme/tomorrow");
	new_grader.getSession().setMode("ace/mode/python");
</script>