kopia lustrzana https://gitlab.com/gridtracker.org/gridtracker
639 wiersze
28 KiB
HTML
639 wiersze
28 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
This file is part of GridTracker.
|
|
|
|
GridTracker is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, version 3 of the License.
|
|
|
|
GridTracker is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with GridTracker. If not, see <https://www.gnu.org/licenses/>.
|
|
-->
|
|
<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%; width: 100%">
|
|
<head>
|
|
<title>Call Roster</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<link rel="stylesheet" href="./lib/style.css" />
|
|
<link id="roster" rel="stylesheet" href="./lib/style_roster.css" />
|
|
<script src="./lib/protos.js" type="text/javascript"></script>
|
|
<script src="./lib/screens.js" type="text/javascript"></script>
|
|
<script src="./lib/third-party.js" type="text/javascript"></script>
|
|
<script src="./lib/jquery-3.6.1.min.js"></script>
|
|
<script src="./lib/CLDRPluralRuleParser.js" type="text/javascript"></script>
|
|
<script src="./lib/jquery.i18n.js" type="text/javascript"></script>
|
|
<script src="./lib/jquery.i18n.messagestore.js" type="text/javascript"></script>
|
|
<script src="./lib/jquery.i18n.fallbacks.js" type="text/javascript"></script>
|
|
<script src="./lib/jquery.i18n.parser.js" type="text/javascript"></script>
|
|
<script src="./lib/jquery.i18n.emitter.js" type="text/javascript"></script>
|
|
<script src="./lib/jquery.i18n.language.js" type="text/javascript"></script>
|
|
<script src="./lib/i18n.js" type="text/javascript"></script>
|
|
<script src="./lib/roster.js " type="text/javascript"></script>
|
|
<script src="./lib/roster/prepareRosterSettings.js" type="text/javascript"></script>
|
|
<script src="./lib/roster/processRosterFiltering.js" type="text/javascript"></script>
|
|
<script src="./lib/roster/processRosterHunting.js" type="text/javascript"></script>
|
|
<script src="./lib/roster/renderCompactRoster.js" type="text/javascript"></script>
|
|
<script src="./lib/roster/renderNormalRoster.js" type="text/javascript"></script>
|
|
<script src="./lib/roster/renderRoster.js" type="text/javascript"></script>
|
|
<script src="./lib/roster/rosterColumns.js" type="text/javascript"></script>
|
|
<script src="./lib/roster/rosterColumnFunctions.js" type="text/javascript"></script>
|
|
<script src="./lib/roster/sendAlerts.js" type="text/javascript"></script>
|
|
</head>
|
|
<body id="rosterBody" onload="init()" onresize="resize()" style="display:none;" class="roster" oncontextmenu="return handleContextMenu(event);">
|
|
<div id="MainCallRoster" style="display:block;";>
|
|
<header id="RosterControls">
|
|
<div id="TransmitControls">
|
|
<div id="txrxdec" style=" background-color: Green; border-style: outset; border-color: yellow; border-width: 3px; margin: 2px;" class="roundBorder">
|
|
Waiting…
|
|
</div>
|
|
<div class="button" style="margin: 3px" onclick="window.opener.haltAllTx(true);">Halt Tx</div>
|
|
</div>
|
|
|
|
<div id="MoreLessControls">
|
|
<div data-i18n="roster.controls.more" class="link" onclick="toggleMoreControls()" id="ShowMoreControlsLink">More Controls</div>
|
|
<div data-i18n="roster.controls.less" class="link" onclick="toggleMoreControls()" id="ShowFewerControlsLink">Fewer Controls</div>
|
|
</div>
|
|
|
|
<div id="MainRosterControls">
|
|
<div id="LogbookControls">
|
|
<label data-i18n="roster.controls.logbook.label">Logbook</label>
|
|
<select id="referenceNeed" onchange="valuesChanged();">
|
|
<option data-i18n="roster.controls.logbook.awardTracker" value="6">Award Tracker</option>
|
|
<option data-i18n="roster.controls.logbook.liveBandMode" value="0" selected="true">Live Band & Mode</option>
|
|
<option data-i18n="roster.controls.logbook.liveBandMixMode" value="1">Live Band, Mix Modes</option>
|
|
<option data-i18n="roster.controls.logbook.liveBandDigiMode" value="2">Live Band, Digi Modes</option>
|
|
<option data-i18n="roster.controls.logbook.mixBandLiveMode" value="3">Mix Band, Live Mode</option>
|
|
<option data-i18n="roster.controls.logbook.mixBandMode" value="4">Mix Band & Modes</option>
|
|
<option data-i18n="roster.controls.logbook.mixBandDigiMode" value="5">Mix Band & Digi Modes</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div id="CallsignsControls">
|
|
<label data-i18n="roster.controls.callsigns.label">Callsigns</label>
|
|
<select id="callsignNeed" onchange="valuesChanged();">
|
|
<option data-i18n="roster.controls.callsigns.worked" value="worked">New</option>
|
|
<option data-i18n="roster.controls.callsigns.confirmed" value="confirmed">New+Unconfirmed</option>
|
|
<option data-i18n="roster.controls.callsigns.all" value="all">All Traffic</option>
|
|
<option data-i18n="roster.controls.callsigns.hits" value="hits">All Traffic/Only Wanted</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div id="HuntModeControls">
|
|
<label data-i18n="roster.controls.hunting.label">Hunting</label>
|
|
<select id="huntMode" onchange="valuesChanged();" value="callsign">
|
|
<option data-i18n="roster.controls.hunting.callsign" value="callsign">Callsign</option>
|
|
<option data-i18n="roster.controls.hunting.grid" value="grid">Grid</option>
|
|
<option data-i18n="roster.controls.hunting.dxcc" value="dxcc">DXCC</option>
|
|
<option data-i18n="roster.controls.hunting.dxccSingle" value="dxccs">DXCC (Single)</option>
|
|
<option data-i18n="roster.controls.hunting.cqZone" value="cq">CQ Zone</option>
|
|
<option data-i18n="roster.controls.hunting.ituZone" value="itu">ITU Zone</option>
|
|
<option data-i18n="roster.controls.hunting.usStates" value="usstates">US States (WAS)</option>
|
|
<option data-i18n="roster.controls.hunting.usState" value="usstate">US State (Single)</option>
|
|
<option data-i18n="roster.controls.hunting.wpx"value="wpx">Prefix (WPX)</option>
|
|
</select>
|
|
|
|
<select id="huntNeed" onchange="valuesChanged();">
|
|
<option data-i18n="roster.controls.huntNeed.worked" value="worked">New</option>
|
|
<option data-i18n="roster.controls.huntNeed.confirmed" value="confirmed">New+Unconfirmed</option>
|
|
<option data-i18n="roster.controls.huntNeed.mixed" value="mixed">Mixed</option>
|
|
</select>
|
|
|
|
<select id="stateSelect" onchange="valuesChanged();">
|
|
<option data-i18n="roster.controls.huntState.label"value="" selected="true">Select Territory</option>
|
|
</select>
|
|
|
|
<select id="DXCCsSelect" onchange="valuesChanged();" id="HuntDXCCsControls">
|
|
<option data-i18n="roster.controls.huntDXCC.label" value="-1" selected="true">Select DXCC</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div id="scriptIcon" style="display: none; padding: 0; margin: 0"></div>
|
|
|
|
<div id="AwardTrackerControls">
|
|
<div id="AwardWantedList"></div>
|
|
<div data-i18n="roster.controls.awardTracker.addButton" style="margin-top:2px;" class="button" onclick="openAwardPopup()">Add Awards</div>
|
|
|
|
<div id="awardHunterDiv" style="display: none;">
|
|
<table style="padding: 15px">
|
|
<tr>
|
|
<th data-i18n="roster.controls.awardTracker.new" align="center">New Award Tracker</th>
|
|
</tr>
|
|
<tr>
|
|
<td align="left">
|
|
<select id="awardSponsor" onchange="awardSponsorChanged();">
|
|
<option data-i18n="roster.controls.awardTracker.sponsor" value="" disabled selected>Sponsor</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="left">
|
|
<select id="awardName" onchange="awardNameChanged();">
|
|
<option data-i18n="roster.controls.awardTracker.name" value="" disabled selected>Name</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center">
|
|
<div data-i18n="roster.controls.awardTracker.add" class="button" style="margin: 3px" onclick="closeAwardPopup()">Done</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="SecondaryRosterControls">
|
|
<div id="huntingMatrixDiv" class="secondaryControlGroup">
|
|
<h3 data-i18n="roster.secondary.wanted.label">Wanted</h3>
|
|
|
|
<div class='columns'>
|
|
<div>
|
|
<input type="checkbox" id="huntCallsign" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.callsign" for="huntCallsign">Callsign</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntGrid" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.grid" for="huntGrid">Grid</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntDXCC" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.dxcc" for="huntDXCC">DXCC</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntQRZ" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.qrz" for="huntQRZ" title="Stations calling *you*">QRZ</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntPX" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.wpx" for="huntPX">WPX</label>
|
|
</div>
|
|
<div id="huntingMatrixPotaDiv">
|
|
<input type="checkbox" id="huntPOTA" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.pota" for="huntPOTA" title="Parks On The Air">POTA</label>
|
|
</div>
|
|
<div id="huntingMatrixOAMSDiv">
|
|
<input type="checkbox" id="huntOAMS" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.OAMS" for="huntOAMS" title="Off-Air Message Service Users">OAMS</label>
|
|
</div>
|
|
<div>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntCQz" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.cqzone" for="huntCQz" title="CQ Zones">CQz</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntITUz" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.ituzone" for="huntITUz" title="ITU Zones">ITUz</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntMarathon" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.marathon" for="huntMarathon" title="CQ DX Marathon">Marathon</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntState" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.state" for="huntState" title="State">State</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntCounty" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.county" for="huntCounty" title="County">County</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntCont" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.cont" for="huntCont" title="Continent">Continent</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="huntRegex" onchange="wantedChanged(this);" />
|
|
<label data-i18n="roster.secondary.wanted.regex" title="Callsign Regular Expression">Regex</label>
|
|
|
|
<input
|
|
type="text"
|
|
class="inputTextValue"
|
|
size="12"
|
|
id="huntRegexValue"
|
|
onfocus="CR.typingInRoster=true;"
|
|
onblur="CR.typingInRoster=false;"
|
|
oninput="valuesChanged();"
|
|
onkeydown="blurOnEnter(this);"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="exceptionDiv" class="secondaryControlGroup">
|
|
<h3>Exceptions</h3>
|
|
<div class='columns'>
|
|
<div>
|
|
<input type="checkbox" id="cqOnly" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.cqOnly" for="cqOnly">CQ Only</label>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" id="wantGrid" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.hasGrid" for="wantGrid">Has Grid</label>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" id="wantMinDB" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.minDB" for="wantMinDB">Min dB</label>
|
|
<input
|
|
type="range"
|
|
min="-25"
|
|
max="0"
|
|
step="1"
|
|
class="slider"
|
|
id="minDb"
|
|
oninput="valuesChanged();"
|
|
/>
|
|
<span id="minDbView" class="roundBorderValue">-24</span>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" id="wantMaxDT" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.maxDT" for="wantMaxDT">Max DT</label>
|
|
<input
|
|
type="range"
|
|
min="0.1"
|
|
max="2"
|
|
step="0.1"
|
|
class="slider"
|
|
id="maxDT"
|
|
oninput="valuesChanged();"
|
|
/>
|
|
<span id="maxDTView" class="roundBorderValue">.5</span>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" id="wantMinFreq" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.minFreq" for="wantMinFreq">Min freq</label>
|
|
<input
|
|
type="range"
|
|
min="0"
|
|
max="2500"
|
|
step="10"
|
|
class="slider"
|
|
id="minFreq"
|
|
oninput="valuesChanged();"
|
|
/>
|
|
<span id="minFreqView" class="roundBorderValue">400</span>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" id="wantMaxFreq" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.maxFreq" for="wantMaxFreq">Max freq</label>
|
|
<input
|
|
type="range"
|
|
min="500"
|
|
max="3500"
|
|
step="10"
|
|
class="slider"
|
|
id="maxFreq"
|
|
oninput="valuesChanged();"
|
|
/>
|
|
|
|
<span id="maxFreqView" class="roundBorderValue">3500</span>
|
|
</div>
|
|
|
|
<div id="usesLoTWDiv">
|
|
<input type="checkbox" id="usesLoTW" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.usesLoTW" for="usesLoTW">Uses LoTW</label>
|
|
|
|
<input
|
|
title="Max time since their last upload"
|
|
type="range"
|
|
min="3"
|
|
max="27"
|
|
step="3"
|
|
class="slider"
|
|
id="maxLoTW"
|
|
oninput="valuesChanged();"
|
|
/>
|
|
<span id="maxLoTWView" class="roundBorderValue" style="width: 35px;">3</span>
|
|
</div>
|
|
|
|
<div id="onlySpotDiv">
|
|
<input type="checkbox" id="onlySpot" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.spottedMe" for="onlySpot">Spotted Me</label>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" id="noMyDxcc" onchange="onlyMyDxcc.checked=false; valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.noMyDXCC" for="noMyDxcc">Not My DXCC</label>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" id="onlyMyDxcc" onchange="noMyDxcc.checked=false; valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.onlyMyDXCC" for="onlyMyDxcc">Only My DXCC</label>
|
|
</div>
|
|
|
|
<div id="useseQSLDiv">
|
|
<input type="checkbox" id="useseQSL" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.useseQSL" for="useseQSL">Uses eQSL</label>
|
|
</div>
|
|
|
|
<div id="usesOQRSDiv">
|
|
<input type="checkbox" id="usesOQRS" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.usesOQRS" for="usesOQRS">Uses OQRS</label>
|
|
</div>
|
|
|
|
<div id="allOnlyNewDiv">
|
|
<input type="checkbox" id="allOnlyNew" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.allOnlyNew" for="allOnlyNew">Only New Calls</label>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" id="wantRRCQ" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.wantRRCQ" for="wantRRCQ">RR73 as CQ</label>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" id="noUnknownDXCC" onchange="valuesChanged();" />
|
|
<label data-i18n="roster.secondary.exceptions.noUnknownDXCC" >No Unknown DXCC</label>
|
|
</div>
|
|
|
|
<div>
|
|
<label title="No Decodes Containing...">
|
|
<input type="checkbox" id="noMsg" onchange="valuesChanged();" />
|
|
No
|
|
</label>
|
|
<input
|
|
type="text"
|
|
class="inputTextValue"
|
|
size="8"
|
|
id="noMsgValue"
|
|
onfocus="CR.typingInRoster=true;"
|
|
onblur="CR.typingInRoster=false;"
|
|
oninput="valuesChanged();"
|
|
onkeydown="blurOnEnter(this);"
|
|
/>
|
|
</div>
|
|
|
|
<div>
|
|
<label title="Only Decodes Containing...">
|
|
<input type="checkbox" id="onlyMsg" onchange="valuesChanged();" />
|
|
Only
|
|
</label>
|
|
<input
|
|
type="text"
|
|
class="inputTextValue"
|
|
size="8"
|
|
id="onlyMsgValue"
|
|
onfocus="CR.typingInRoster=true;"
|
|
onblur="CR.typingInRoster=false;"
|
|
oninput="valuesChanged();"
|
|
onkeydown="blurOnEnter(this);"
|
|
/>
|
|
</div>
|
|
|
|
<div>
|
|
<label title="Callsign Regular Expression">
|
|
<input type="checkbox" id="useRegex" onchange="valuesChanged();" />
|
|
Regex
|
|
</label>
|
|
|
|
<input
|
|
type="text"
|
|
class="inputTextValue"
|
|
size="12"
|
|
id="callsignRegex"
|
|
onfocus="CR.typingInRoster=true;"
|
|
onblur="CR.typingInRoster=false;"
|
|
oninput="valuesChanged();"
|
|
onkeydown="blurOnEnter(this);"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div id="instancesWrapper">
|
|
<div id="instancesDiv"></div>
|
|
</div>
|
|
|
|
<main id="RosterTable"></main>
|
|
</div>
|
|
|
|
<div id="rosterDelayDiv" class="roundBorder" style="display:none; margin: 0px; margin-top: -1px; position:fixed; top:0px; left:0px;">⌛</div>
|
|
|
|
<div
|
|
id="editView"
|
|
class="roundBorder"
|
|
style="height: 100%; width:95%; top:0px; left:0px; border: 3px solid #066; padding: 10px; margin: 10px; display: none; position: absolute;"
|
|
>
|
|
<div style="display: block; font-size: larger">Callsign, CQ and DXCC Ignores</div>
|
|
<br />
|
|
<div id="editTables"></div>
|
|
<div style="top: 1px; right: 1px; position: absolute">
|
|
<button class="Xbutton" onclick="closeEditIgnores()">X</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="settingsDiv" class="roundBorder" style="overflow: hidden;
|
|
margin: 0;
|
|
top: 10px;
|
|
left: 15%;
|
|
width: 70%;
|
|
display: none;
|
|
background-color: #000000;
|
|
padding: 0px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
position: absolute;
|
|
z-index: 600;
|
|
border: 3px solid rgb(0, 50, 189);" >
|
|
<div class="mapItem" >
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td data-i18n="settings.callroster.AlwaysOnTop.label" align="center">Window Always On Top</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2">
|
|
<input type="checkbox" id="rosterAlwaysOnTop" onchange="changeRosterTop(this)" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="mapItem" >
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td data-i18n="settings.callroster.MaxAge.label" align="center">Call Roster Max Age</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td align="center" id="rosterTimeTd">2m 0s</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2">
|
|
<input type="range" min="5" max="300" value="120" step="5" class="slider" id="rosterTime"
|
|
oninput="changeRosterTime()" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="mapItem">
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td align="center">Clear Call Roster on Band change</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2">
|
|
<input type="checkbox" id="clearRosterOnBandChange"
|
|
onchange="clearRosterOnBandChangeValueChanged(this)" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<br />
|
|
<div class="mapItem">
|
|
<label>Compact Mode Entity<label><br />
|
|
<select id="compactEntitySelect" onchange="compactEntityChanged()"></select>
|
|
</div>
|
|
<div class="mapItem">
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td align="center">Call Roster Decode Delay On Focus</td>
|
|
</tr>
|
|
<td colspan="2">
|
|
<input type="checkbox" id="rosterDelayOnFocus" onchange="rosterDelayOnFocusValueChanged(this)" />
|
|
</td>
|
|
<tr align="center">
|
|
<td align="center" style="display:none;" id="rosterDelayTimeTd">1500ms</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2" >
|
|
<input
|
|
type="range"
|
|
min="50"
|
|
max="5000"
|
|
value="1500"
|
|
step="10"
|
|
class="slider"
|
|
id="rosterDelayTime"
|
|
oninput="changeRosterDelayTime()"
|
|
style="display:none;"
|
|
/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<br />
|
|
<div class="mapItem">
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td align="center">Window Filters</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td align="center">
|
|
<div class="mapItem">
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td align="center">Brightness</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td align="center" id="filterbrightnessTd"></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2">
|
|
<input type="range" min="10" max="100" value="100" step="1" class="slider" id="filterbrightnessSlider" oninput="filtersChanged()" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="mapItem">
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td align="center">Contrast</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td align="center" id="filtercontrastTd"></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2">
|
|
<input type="range" min="10" max="100" value="100" step="1" class="slider" id="filtercontrastSlider" oninput="filtersChanged()" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="mapItem">
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td align="center">Saturate</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td align="center" id="filtersaturateTd"></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2">
|
|
<input type="range" min="0" max="200" value="100" step="1" class="slider" id="filtersaturateSlider" oninput="filtersChanged()" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<br/>
|
|
<div class="mapItem">
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td align="center">Invert</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td align="center" id="filterinvertTd"></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2">
|
|
<input type="range" min="0" max="100" value="0" step="1" class="slider" id="filterinvertSlider" oninput="filtersChanged()" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="mapItem">
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td align="center">Sepia</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td align="center" id="filtersepiaTd"></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2">
|
|
<input type="range" min="0" max="100" value="0" step="1" class="slider" id="filtersepiaSlider" oninput="filtersChanged()" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="mapItem">
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td align="center">Hue Rotate</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td align="center" id="filterhuerotateTd"></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2">
|
|
<input type="range" min="0" max="359" value="0" step="1" class="slider" id="filterhuerotateSlider" oninput="filtersChanged()" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="mapItem">
|
|
<div class="button" style="margin: 10px" onclick="resetFilters()" title="Reset Filters">Reset Filters (Ctrl-R)</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div style="top: 1px; right: 1px; position: absolute">
|
|
<button class="Xbutton" onclick="closeSettings()">X</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |