details.html (154 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/libs/ical.js"></script>
<script src="js/utils.js"></script>
<script src="js/details.js"></script>
</head>
<body id="body">
<div id="header-bg" class="header-bg"></div>
<div class="header">
<div class="title-details" id="title"></div>
</div>
<div class="details-command-button-container">
<div id="stats" class="stats"></div>
<div id="status" class="status-text">hello</div>
<!-- <button class="command-button" id="button-selfni" onclick="">Needinfo Me</button>
<button class="command-button" id="button-saveforlater" onclick="">Remind Me Later</button> -->
<button class="command-button" id="button-redirsetter" onclick="invokeRedirectToSetter();">Redirect to Setter</button>
<button class="command-button" id="button-redir" onclick="invokeRedirectTo();">Redirect to...</button>
<button class="command-button" id="button-clearcmt" onclick="invokeClearNIWithComment();">Clear w/Comment</button>
<button class="command-button" id="button-clear" onclick="invokeClearNI();">Clear</button>
<div class="button-separator"></div>
<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>
<!-- main list loading circle indicator -->
<div id="progress" class="progress"><img src="images/loadingicon.gif" /></div>
<div class="details-container" id="report">
</div>
<br />
<div class="errors-container" id="errors">
</div>
<br />
<span class="footer">Source <a href="https://github.com/mozilla/needinfodashboard">available on Github</a></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: clear needinfo with NO comment -->
<dialog id="prompt-confirm" oncancel="">
<form method="dialog">
<div class="prompt-container">
<div class="prompt-row1 prompt-confirm-info-grid">
<div class="prompt-text prompt-row1">These changes will impact</div>
<div id="prompt-confirm-bugcount" class="prompt-emphasis-text prompt-row2">err</div>
<div class="prompt-text prompt-row3">bug(s).</div>
</div>
<button class="prompt-row2 btn-confirm" value="confirm">Confirm</button>
<button class="prompt-row3 btn-cancel" autofocus value="cancel">Cancel</button>
</div>
</form>
</dialog>
<!-- dialog: clear needinfo with a comment -->
<dialog id="prompt-comment-confirm" oncancel="">
<form method="dialog">
<div class="prompt-container">
<div class="prompt-row1 prompt-confirm-info-grid">
<div class="prompt-text prompt-row1">These changes will impact</div>
<div id="prompt-comment-confirm-bugcount" class="prompt-emphasis-text prompt-row2">err</div>
<div class="prompt-text prompt-row3">bug(s).</div>
</div>
<div class="prompt-row2 text-area-container">
<textarea class="prompt-comment-textarea" id="prompt-comment-confirm-comment"
rows="3" cols="35" type="text" placeholder="comment"></textarea>
</div>
<button class="prompt-row3 btn-confirm" value="confirm">Confirm</button>
<button class="prompt-row4 btn-cancel" autofocus value="cancel">Cancel</button>
</div>
</form>
</dialog>
<!-- dialog: redirect needinfo to setter with a comment -->
<dialog id="prompt-redirect-confirm" oncancel="">
<form method="dialog">
<div class="prompt-container">
<div class="prompt-row1 prompt-confirm-info-grid">
<div class="prompt-text prompt-row1">These changes will impact</div>
<div id="prompt-redirect-confirm-bugcount" class="prompt-emphasis-text prompt-row2">err</div>
<div class="prompt-text prompt-row3">bug(s).</div>
</div>
<div class="prompt-row2 prompt-details">
<div class="account-label-soft">Redirecting to </div>
<div id="prompt-setter" class="account-label"></div>
</div>
<div class="prompt-row3 text-area-container">
<textarea class="prompt-comment-textarea" id="prompt-redirect-confirm-comment"
rows="3" cols="35" type="text" placeholder="comment"></textarea>
</div>
<button class="prompt-row4 btn-confirm" value="confirm">Confirm</button>
<button class="prompt-row5 btn-cancel" autofocus value="cancel">Cancel</button>
</div>
</form>
</dialog>
<!-- dialog: redirect needinfo to someone with a comment -->
<dialog id="prompt-redirect-to-confirm" oncancel="">
<form method="dialog">
<div class="prompt-container">
<div class="prompt-row1 prompt-confirm-info-grid">
<div class="prompt-text prompt-row1">These changes will impact</div>
<div id="prompt-redirect-to-confirm-bugcount" class="prompt-emphasis-text prompt-row2">err</div>
<div class="prompt-text prompt-row3">bug(s).</div>
</div>
<div class="prompt-row2 prompt-account-grid">
<input class="prompt-account-edit" id="prompt-redirect-to-confirm-to" type="text" placeholder="email or nick"
oninput="onInputForBugzillaUser(this);" value="" autocomplete="off" />
</div>
<div class="prompt-row3 prompt-text-input">
<select class="prompt-user-search" id="autofill-user-search" name="account" size="4"></select>
</div>
<div class="prompt-row4 text-area-container">
<textarea class="prompt-comment-textarea" id="prompt-redirect-to-confirm-comment"
rows="3" cols="35" type="text" placeholder="comment"></textarea>
</div>
<button class="prompt-row5 btn-confirm" value="confirm">Confirm</button>
<button class="prompt-row6 btn-cancel" autofocus value="cancel">Cancel</button>
</div>
</form>
</dialog>
</body>
</html>