-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathreview.html
131 lines (120 loc) · 8.06 KB
/
review.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Twee-Fi</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Twee-Fi Milestone 1">
<meta name="author" content="">
<link rel="icon" type="img/ico" href="images/Favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/twee-fi.css" >
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light bg-light border-bottom fixed-top">
<a class="navbar-brand" href="./">
<img class="align-middle" src="images/logo.png" style="height: 30px" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="./">Write new Review</a>
</li>
<li class="nav-item">
<a class="nav-link" href="view.html">View Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<span class="navbar-text" id="loginInfo">Not logged in</span>
</li>
<li class="nav-item" id="loginName">
<!-- Auto-filled -->
</li>
<li class="nav-item">
<button id="logoutButton" class="btn btn-outline-secondary mx-2 hide">Logout</button>
<button id="loginButton" class="btn btn-outline-secondary mx-2">Login</button>
</li>
</ul>
</div>
</nav>
<div class="container-fluid">
<h1 class="display-3 mt-3 mb-3">Review Tweet</h1>
<div id="tweetview">
<iframe class="rounded border col-12" id="twitframe" height="200"></iframe>
</div>
<form id="review-form" novalidate>
<div class="form-group">
<input type="text" class="form-control" readonly id="tweet_url" placeholder="https://twitter.com/<twitteruser>/status/<long number>">
</div>
<div class="form-group">
<label for="claim_reviewed">Summarize what the Tweet Claimed</label>
<textarea id="claim_reviewed" rows="3" class="form-control" aria-describedby="claim_reviewedHelp" placeholder="Claim made in Tweet" required></textarea>
<small id="claim_reviewedHelp" class="form-text text-muted">What does the tweet claim?</small>
<div class="invalid-feedback" id="no_claim">
Please summarize the tweet's claim.
</div>
</div>
<div class="form-group">
<label for="review_body">What's your review of this Tweet?</label>
<textarea id="review_body" rows="3" class="form-control" aria-describedby="review_bodyHelp" placeholder="Review" required></textarea>
<small id="review_bodyHelp" class="form-text text-muted">Here you justify your truthfulness rating.</small>
<div class="invalid-feedback" id="no_body">
Enter the text of your review.
</div>
</div>
<div class="form-group">
<label for="rating-in-stars">Rate the truthfulness of the Claim:</label>
<input type="number" id="rating-in-stars" class="rating" data-clearable="reset rating" data-icon-lib="fa" data-active-icon="fa-star" data-inactive-icon="fa-star-o" data-clearable-icon="fa-trash-o" value="0" data-inline/>
<div class="invalid-feedback" id="no_rating">
Please rate the truthfulness.
</div>
</div>
<button id="submit_claim" type="submit" class="btn btn-primary my-3">Create ClaimReview</button>
</form>
<div id="cr-valid" class="alert alert-success fade hide">
ClaimReview successfully created.
</div>
<div class="alert alert-warning invisible" id="firsttime">
Thank you for posting your first review. The review is now getting published at <a id="reviewURI" href="">[reviewURI]</a> where it might be found by search engines.
<hr>
For your rating to be accessed by the twee-fi browser plugin we ask you to create an issue with the subject "Please add <a id="repoURI" href="">[repoURI]</a> to the aggregator" <a href="https://github.com/factsmission/twee-fi-aggregator/issues">here</a>.
<hr>
This message will not be shown again.
<button type="button" id="dismissFirsttime" class="btn btn-primary mx-3">I understand</button>
</div>
</div>
<nav class="navbar navbar-light bg-light invisible">
<span class="navbar-text">
Copyright © 2017 <a href="#" target="_blank">FactsMission</a> AG Biel/Bienne, Switzerland. <strong> Twee-Fi</strong>, an Open Source Project. License: <a href="#" target="blank">MIT</a> Repo: <a href="#" target="_blank"><img src="images/github-32px.png" alt="Twee-Fi on GitHub"></a>
</span>
</nav>
<nav class="navbar fixed-bottom navbar-light bg-light">
<span class="navbar-text">
Copyright © 2017 <a href="https://factsmission.com" target="_blank">FactsMission</a> AG Biel/Bienne, Switzerland. <strong> Twee-Fi</strong>, an Open Source Project. License: <a href="https://opensource.org/licenses/MIT" target="blank">MIT</a> Repo: <a href="https://github.com/factsmission/twee-fi" target="_blank"><img src="images/github-32px.png" alt="Twee-Fi on GitHub"></a>
</span>
</nav>
<!-- /.container -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<!-- solid components -->
<script src="https://solid.github.io/releases/rdflib.js/rdflib-0.16.2.min.js"></script>
<!-- <script src="https://solid.github.io/releases/solid.js/solid-0.14.1.min.js"></script> -->
<script src="js/solid-auth-client.bundle.js"></script>
<!-- UX components -->
<script src="js/bootstrap-rating-input.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
<script src="https://retog.github.io/solid-utils/js/solid-utils.js"></script>
<script src="js/twee-fi.js"></script>
<script src="js/review.js"></script>
</body>
</html>