index.html (101 lines of code) (raw):
<!DOCTYPE html>
<html>
<head>
<title>Need Info Manager</title>
<link rel="stylesheet" type="text/css" href="css/needinfo.css">
<link rel="shortcut icon" type="image/png" href="images/nidashfavicon.png">
<script src="js/libs/jquery-1.12.0.min.js"></script>
<script src="js/libs/jquery-cross-origin.min.js"></script>
<script src="js/libs/purl-2.3.1/purl.js"></script>
<script src="js/utils.js"></script>
<script src="js/needinfo.js"></script>
</head>
<body id="body">
<div id="header-bg" class="header-bg"></div>
<div class="header">
<img id="title-img" src="images/firefox.png" />
<div class="title" id="title">Need Info Manager</div>
</div>
<div class="index-command-button-container">
<select id="team-select" class="team-select" onchange="teamSelectionChanged(this);">
<option id="empty-option" class="team-option" value="empty"></option>
<option class="team-option" value="graphics">Graphics</option>
<option class="team-option" value="media">Media Playback</option>
<option class="team-option" value="necko">Necko</option>
<option class="team-option" value="privacy">Privacy</option>
<option class="team-option" value="secinf">Security Infrastructure</option>
<option class="team-option" value="webrtc">Web Conferencing</option>
<option class="team-option" value="specific-account">Specific Account...</option>
</select>
<div class="button-separator"></div>
<input type="date" class="date-picker" id="oldest-search-date" onchange="lastDateChanged();"/>
<button class="command-button" onclick="refreshList(event);">Refresh</button>
<button class="command-button" onclick="openSettings()">Settings</button>
<img id="alert-icon" class="alert-icon" src="images/alert-icon.png" width="10px" height="10px" />
</div>
<center>
<div class="table-container" id="report">
</div>
</center>
<br />
<div class="errors-container" id="errors">
</div>
<br />
<span class="footer">Would you like to add your team? Ping jimm on Slack or Matrix.</span>
<span class="footer">The source for this dashbaord is <a href="https://github.com/mozilla/needinfodashboard">available on Github!</a> Bug reports and feature requests welcome.</span>
<!-- dialog: setting and alert icon -->
<dialog id="settings-dialog" oncancel="">
<form method="dialog">
<div class="settings-container">
<div class="prompt-row1">Settings</div>
<label class="prompt-row2" for="api-key">
API Key <a href="https://wiki.mozilla.org/Bugzilla:REST_API#with_two_factor_authentication" target="_blank" rel="noopener noreferrer"><img src="images/info.png" width="15"></a>
</label>
<input class="prompt-row3" type="text" id="api-key" placeholder="Bugzilla API Key" name="key" />
<div class="prompt-row4 settings-options-container">
<div class="settings-header">
<div class="settings-label-title">Search Options</div>
</div>
<div class="settings-col1">
<input type="checkbox" id="option-ignoremyni" name="ignoremyni" />
</div>
<div class="settings-col2">
<div class="settings-label">Ignore self needinfos</div>
</div>
<div class="settings-header">
<div class="settings-label-title">General Options</div>
</div>
<div class="settings-col1">
<input type="checkbox" id="option-targets" name="target" />
</div>
<div class="settings-col2">
<div class="settings-label">Target same tab for bug links</div>
</div>
<div class="settings-col1">
<input type="checkbox" id="option-save" name="save" />
</div>
<div class="settings-col2">
<div class="settings-label">Always remember my settings</div>
</div>
</div>
<button class="prompt-row5 btn-confirm" value="confirm">Apply</button>
<button class="prompt-row6 btn-cancel" autofocus value="cancel">Cancel</button>
</div>
</form>
</dialog>
<!-- dialog: query for a bugzilla account -->
<dialog id="prompt-query-account" oncancel="">
<form method="dialog">
<div class="prompt-query-account-container">
<div class="prompt-row1">
<input class="prompt-account-edit" id="prompt-account-edit" type="text" placeholder="email or nick"
oninput="onInputForBugzillaUser(this);" value="" autocomplete="off" />
</div>
<div class="prompt-text-input prompt-row3">
<select class="prompt-user-search" id="autofill-user-search" name="account" size="4"></select>
</div>
<button class="prompt-row4 btn-confirm" id="btn-confirm" value="confirm">Confirm</button>
<button class="prompt-row5 btn-cancel" id="btn-cancel" autofocus value="cancel">Cancel</button>
</div>
</form>
</dialog>
</body>
</html>