forked from CISETeam11/Front-end
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsubmit.html
132 lines (127 loc) · 6.59 KB
/
submit.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
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Bootstrap JS, Jquery, moment JS, Vue JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script>
<!-- Custom CSS, tempusdominus bootstrap CSS -->
<link rel="stylesheet" href="css/search_page.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/css/tempusdominus-bootstrap-4.min.css" />
<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.css" />
<title>Software Engineering Evidence Repository</title>
</head>
<body>
<!--Navigation links-->
<ul class="nav justify-content-end">
<li class="nav-item mx-2">
<p class="text-muted"><a class="nav-link text-reset user-select-none"
style="padding-right: 0px; padding-left: 0px;" href="index.html">Search</a></p>
</li>
<p class="text-muted"><a class="nav-link text-reset user-select-none">|</a></p>
<li class="nav-item mx-2">
<p class="text-muted"><a class="nav-link text-reset user-select-none"
style="padding-right: 0px; padding-left: 0px;" href="moderator.html">Moderation</a></p>
</li>
</ul>
<!--Form container-->
<div class="container">
<div class="justify-content-center mt-5 shadow p-3 mb-5 bg-white rounded" style="width: 65%; margin: auto;">
<form id="form" action="">
<!--Title-->
<h1 class="text-center">Submit An Article</h1><br>
<div class="form-group">
<label for="title">Title</label>
<input type="text" id="title" name="title" class="form-control"
placeholder="Most Common Mistakes in Test-Driven Development Practice: Results from an Online Survey with Developers">
</div>
<div class="form-group">
<label for="author">Author(s)</label>
<input type="text" id="author" placeholder="Mauricio Aniche, Marco Gerosa" name="author"
class="form-control">
</div>
<div class="form-group">
<label for="journal">Journal</label>
<input type="text" id="journal" placeholder="IEEE Software" name="journal" class="form-control">
</div>
<div class="form-group">
<label for="doi">DOI</label>
<input type="text" id="doi" name="doi" placeholder="10.1109/ICSTW.2010.16" class="form-control">
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label for="year">Year</label>
<select name="year" id="year" class="form-control">
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<label for="volume">Volume</label>
<input type="number" id="volume" name="volume" class="form-control" placeholder="2">
</div>
</div>
<div class="col">
<div class="form-group">
<label for="pages">Pages</label>
<input type="text" id="pages" placeholder="20-24" name="pages" class="form-control">
</div>
</div>
<div class="col">
<div class="form-group">
<label for="journalIssue">Journal Issue</label>
<input type="number" id="journalIssue" name="journalIssue" class="form-control"
placeholder="2">
</div>
</div>
</div>
<div class="form-group">
<label for="bibtex">Bibtex</label>
<input type="file" id="bibtex" multiple size="50" class="form-control">
</div>
<!--UI messages-->
<div id="message" style="display: none;" class="alert">message</div><br>
<!--Submit & reset form buttons-->
<div class="form-group">
<div class="row">
<div class="col-6">
<button type="button" class="btn btn-primary form-control btn-lg mr-4 no-outline" onclick="submitArticle()">Submit</button>
</div>
<div class="col-6">
<button type="reset" class="btn btn-outline-danger form-control btn-lg mr-4 no-outline"onclick="resetSubmitForm()">Reset</button>
</div>
</div>
</div>
</form>
</div>
</div>
</body>
<script>
//Handles popluating years into year input field.
var select = document.getElementById("year");
var d = new Date();
var currentYear = parseInt(d.getFullYear());
var startYear = currentYear - 60;
for (var i = currentYear; i > startYear; i--) {
var el = document.createElement("option");
el.textContent = i;
el.value = i;
select.appendChild(el);
}
</script>
<!-- Local JS:: after body is loded -->
<script type='text/javascript' src="js/network.js"></script>
<script type='text/javascript' src="js/bibtexParse.js"></script>
<script type='text/javascript' src="js/submit.js"></script>
</html>