Psst.. new poll here.
Psst.. new forums here.
Microsoft is blocking us again (TY IP Reputation!) so just use oauth login instead. :)
Paste
Pasted as HTML by Azwa ( 6 years ago )
<!DOCTYPE html>
<html lang="en">
<head>
<title>WQD7002: Sentiment-based Favourability Ratings (WQD170089)</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="../static/css/decorate.css" rel="stylesheet" type="text/css">
<link href="../static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<form action="/" id="form">
<div class="container">
<br>
<nav class="navbar fixed-top navbar-light bg-light">
<div class="container" id="nav_container">
<a class="navbar-brand" id="navbar_text" href="/">Sentiment-based favourability ratings of Malaysian politicians</a>
<img src="../static/images/um-logo.png" alt="" id="um_logo">
</div>
<div class="container">
Course: WQD7002 Research Project | Student: Ahmad Azwa Kamaruddin (WQD170089) | Supervisor: Dr Salimah Mokhtar
</div>
</nav>
<br>
<br>
<br>
<br>
<div class="container">
<div class="row">
<!-- LEFT CARD -->
<div class="col-sm-3">
<div class="card border-dark mb-3" style="width: 16rem;">
<div class="card-header" id="hd_politicians">Politicians</div>
<div class="card-body text-dark">
<label for="politician" style="font-size: 14px">Select a politician's name and the number of tweets to fetch for analysis. Then click predict:</label>
<select name="politician" class="custom-select" size="9" id="politician">
<option selected value="@chedetofficial">Tun Dr Mahathir Mohamad</option>
<option value="@abdulhadiawang">Abdul Hadi Awang</option>
<option value="@ahmadmaslan">Ahmad Maslan</option>
<option value="@AnnuarMusa">Annuar Musa</option>
<option value="@anthonyloke">Anthony Loke</option>
<option value="@anwaribrahim">Anwar Ibrahim</option>
<option value="@AzminAli">Azmin Ali</option>
<option value="@baru_bian">Baru Bian</option>
<option value="@DrDzul">Dzulkefly Ahmad</option>
<option value="@drwanazizah">Wan Azizah Ismail</option>
<option value="@GobindSinghDeo">Gobind Singh Deo</option>
<option value="@guanenglim">Lim Guan Eng</option>
<option value="@hannahyeoh">Hannah Yeoh</option>
<option value="@HishammuddinH2O">Hishammuddin Hussein</option>
<option value="@Khairykj">Khairy Jamaluddin</option>
<option value="@KhalidSamad">Khalid Samad</option>
<option value="@LiewChinTong">Liew Chin Tong</option>
<option value="@limkitsiang">Lim Kit Siang</option>
<option value="@maszlee">Maszlee Malik</option>
<option value="@MSabu_Official">Mohamad Sabu</option>
<option value="@mujahidrawa">Mujahid Yusof Rawa</option>
<option value="@MyKinabatangan">Bung Moktar Radin</option>
<option value="@NajibRazak">Mohd Najib Tun Razak</option>
<option value="@RinaMohdHarun">Rina Mohd Harun</option>
<option value="@SyedSaddiq">Syed Saddiq</option>
<option value="@teresakok">Teresa Kok</option>
<option value="@tokmatn9">Mohamad Haji Hasan</option>
<option value="@yeobeeyin">Yeo Bee Yin</option>
<option value="@Zahid_Hamidi">Ahmad Zahid Hamidi</option>
<option value="@zuraida_my">Zuraida Kamaruddin</option>
</select>
<div class="row" style="margin-top: 10px; margin-bottom: 10px">
<div class="col-sm">
<label for="no_tweets" class="col-form-label" style="font-size: 14px">No. of tweets: </label>
</div>
<div class="col-sm">
<select id="no_tweets" name="no_tweets" class="form-control" style="font-size: 14px">
<option value="30" selected>30</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</div>
</div>
<div>
<button type="button" id="btnFetch" class="btn btn-primary btn-block">Predict Favourability Rating</button>
</div>
</div>
</div>
</div>
<!-- MIDDLE CARD -->
<div class="col-sm">
<div class="card border-dark mb-3">
<div class="card-header" id="hd_favour_rating">Favourability Rating</div>
<div class="text-center">
<div class="font-weight-bolder">{{ user_name }}</div>
<img src="{{ user_img_url }}" alt="..." class="img-thumbnail">
<img src="../static/images/{{ fav_rating }}.png" alt="..." class="img-thumbnail">
<small class="text-dark">Recent Twitter Sentiment Polarity</small>
</div>
<div class="progress">
<div class="progress-bar bg-success" role="progressbar" style="width: {{ good_sentiment }}%" aria-valuenow="{{ good_sentiment }}" aria-valuemin="0" aria-valuemax="100">👍 {{ good_sentiment }}%</div>
<div class="progress-bar bg-danger" role="progressbar" style="width: {{ bad_sentiment }}%" aria-valuenow="{{ bad_sentiment }}" aria-valuemin="0" aria-valuemax="100">👎 {{ bad_sentiment }}%</div>
</div>
</div>
</div>
<!-- RIGHT CARD -->
<div class="col-sm-6">
<div class="card border-dark mb-3">
<div class="card-header" id="hd_twitter">Twitter Sentiments</div>
<div class="card-body text-dark">
<ul class="list-group">
{% for item in stmt_tweets_tmp %}
<li class="list-group-item">
<small><strong>TIMESTAMP: {{ item[2] }}</strong></small><br>
<img src="../static/images/twitter_logo.png" alt="..." width="25" height="25">
{{ item[1] }}
{% if item[0]=='positive' %}
<span class="badge badge-pill badge-success">positive</span>
{% else %}
<span class="badge badge-pill badge-danger">negative</span>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script src="../static/vendor/jquery/jquery-3.4.1.min.js"></script>
<script src="../static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../static/js/decorate.js"></script>
</body>
</html>
Revise this Paste
Children: 106755