209 lines
8.9 KiB
HTML
209 lines
8.9 KiB
HTML
<html>
|
|
<head>
|
|
<!-- shit like this really makes you appreciate angular and similar frameworks, doesn't it? -->
|
|
<title></title>
|
|
<meta charset="utf-8">
|
|
<link rel='stylesheet' type='text/css' href='../css/font/overpass.css'>
|
|
<link rel='stylesheet' type='text/css' href='../css/font/overpass-mono.css'>
|
|
<link rel='stylesheet' type='text/css' href='../css/common.css'>
|
|
<link rel='stylesheet' type='text/css' href='./css/popup.css'>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
U<span class="smallcaps">ltrawidify</span>: <small>Quick settings</small>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- TABS/SIDEBAR -->
|
|
<div id="tablist" class="left-side">
|
|
</div>
|
|
|
|
<!-- PANELS/CONTENT -->
|
|
<div id="tab-content" class="right-side">
|
|
<!-- <div id="script-not-running-warning" class="warning">If you see this line, then your browser didn't start the popup script yet. This is a problem caused by the browser. Please wait a few seconds.</div> -->
|
|
|
|
<!-- EXTENSION SETTINGS -->
|
|
<div id="_menu_settings_ext" class="suboption hidden">
|
|
<p>These settings can be overriden on per-site basis.</p>
|
|
<div class="row">
|
|
|
|
<div id="_menu_settings_site_status" class="row">
|
|
<span class="label experimental">Extension status</span>
|
|
<div id="_menu_settings_global_status_buttons" class="button-row">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="_menu_settings_site_autoar" class="row">
|
|
<span class="label experimental">Automatic detection</span>
|
|
<div id="_menu_settings_global_autoar_buttons" class="button-row">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- STRETCH STUFF -->
|
|
<div id="_menu_settings_global_stretch" class="row">
|
|
<span class="label experimental">Stretching mode</span>
|
|
<div id="_menu_settings_global_stretch_buttons" class="button-row">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- VIDEO ALIGNMENT -->
|
|
<div id="_menu_settings_global_alignment" class="row">
|
|
<span class="label">Video alignment:</span>
|
|
<div id="_menu_settings_global_alignment_buttons" class="button-row">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SITE SETTINGS -->
|
|
<div id="_menu_settings_site" class="suboption hidden">
|
|
<div class="row">
|
|
<span class="label">Options for this site:</span>
|
|
<div class="button-row">
|
|
<a id="_ext_site_options_whitelist" class="button _ext _ext_site_options _whitelist">Whitelist</a>
|
|
<a id="_ext_site_options_default" class="button _ext _ext_site_options _default" >Default</a>
|
|
<a id="_ext_site_options_blacklist" class="button _ext _ext_site_options _blacklist">Blacklist</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="_menu_settings_site_status" class="row">
|
|
<span class="label experimental">Extension status for this site</span>
|
|
<div id="_menu_settings_site_status_buttons" class="button-row">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="_menu_settings_site_autoar" class="row">
|
|
<span class="label experimental">Automatic detection</span>
|
|
<div id="_menu_settings_site_autoar_buttons" class="button-row">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- STRETCH STUFF -->
|
|
<div id="_menu_settings_site_stretch" class="row">
|
|
<span class="label experimental">Stretching mode</span>
|
|
<div id="_menu_settings_site_stretch_buttons" class="button-row">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- VIDEO ALIGNMENT -->
|
|
<div id="_menu_settings_site_alignment" class="row">
|
|
<span class="label">Video alignment:</span>
|
|
<div id="_menu_settings_site_alignment_buttons" class="button-row">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- VIDEO SETTINGS -->
|
|
<div id="_menu_settings_video" class="suboption">
|
|
|
|
<!-- CROP STUFF -->
|
|
<div id="_menu_settings_video_crop" class="row">
|
|
<span class="label">Cropping mode</span>
|
|
<div id="_menu_settings_video_crop_buttons" class="button-row">
|
|
|
|
</div>
|
|
<!-- todo: redirect 'custom aspect ratio' to settings -->
|
|
<!-- <div style="overflow: auto">
|
|
<div class="float-right medium-small">
|
|
<a id="_changeAr_b_show_customAr" class="_changeAr_show_customAr x-pad-1em">Set custom aspect ratio</a>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
|
|
|
|
<!-- ZOOM STUFF -->
|
|
<span class="label experimental">Manual zooming and panning</span>
|
|
<div class="row">
|
|
<!--
|
|
min, max and value need to be implemented in js as this slider
|
|
should use logarithmic scale
|
|
-->
|
|
<input id="_input_zoom_slider" class="w100"
|
|
type="range"
|
|
step="any"
|
|
/>
|
|
<div style="overflow: auto">
|
|
<div class="inline-block float-left medium-small x-pad-1em">
|
|
Zoom: <span id="_label_zoom_level">100</span>%
|
|
</div>
|
|
<div class="inline-block float-right medium-small">
|
|
<a id="_zoom_b_show_shortcuts" class="_zoom_show_shortcuts x-pad-1em">show shortcuts</a>
|
|
<a id="_zoom_b_hide_shortcuts" class="_zoom_hide_shortcuts hidden x-pad-1em">hide shortcuts</a>
|
|
<a class="_zoom_reset x-pad-1em">reset</a>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="m-t-0-33em w100 display-block">
|
|
<input id="_input_zoom_site_allow_pan"
|
|
type="checkbox"
|
|
/>
|
|
Pan with mouse
|
|
</div> -->
|
|
<div id="_zoom_shortcuts" class="row hidden">
|
|
<small>Keyboard shortcuts:<ul>
|
|
<li>Z: zoom</li>
|
|
<li>U: unzoom</li>
|
|
<li>P: toggle pan</li>
|
|
<li>shift: hold to enable/prevent pan</li>
|
|
</ul></small>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- STRETCH STUFF -->
|
|
<div id="_menu_settings_video_stretch" class="row">
|
|
<span class="label experimental">Stretching mode</span>
|
|
<div id="_menu_settings_video_stretch_buttons" class="button-row">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- VIDEO ALIGNMENT -->
|
|
<div id="_menu_settings_video_alignment" class="row">
|
|
<span class="label">Video alignment:</span>
|
|
<div id="_menu_settings_video_alignment_buttons" class="button-row">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- ABOUT -->
|
|
<div id="_menu_about" class="suboption hidden">
|
|
<div class="row">
|
|
<span class="label">Ultrawidify version:</span><br/> <span id="uw-version"></span>
|
|
</div>
|
|
<div class="row">
|
|
<span class="label">Having an issue?</span><br/> Report <strike>undocumented features</strike> bugs using one of the following options:<ul><li> <a target="_blank" href="https://github.com/xternal7/ultrawidify/issues"><b>Github (strongly preferred)</b></a><br/></li>
|
|
<li>PM me on <a target="_blank" href="https://www.reddit.com/message/compose?to=xternal7&subject=[Ultrawidify]%20ENTER%20SUMMARY%20OF%20YOUR%20PROBLEM%20HERE&message=Describe+your+issue+in+more+detail.+Don%27t+forget+to+include%3A%0D%0A%2A+Extension+version%0D%0A%2A+Browser%0D%0A%2A+Operating+system%0D%0A%2A+Other+extensions+that+could+possibly+interfere%0D%0A%0D%0AIf+you%27re+reporting+an+issue+with+automatic+aspect+ratio+detection%2C+please+also+include+the+following+%28if+possible%29%3A%0D%0A%2A+model+and+make+of+your+CPU%0D%0A%2A+amount+of+RAM">reddit</a><br/></li>
|
|
<li>Email: <a target="_blank" href="mailto:tamius.han@gmail.com?subject=%5BUltrawidify%5D+ENTER+SUMMARY+OF+YOUR+ISSUE+HERE&body=Describe+your+issue+in+more+detail.+Don%27t+forget+to+include%3A%0D%0A%2A+Extension+version%0D%0A%2A+Browser%0D%0A%2A+Operating+system%0D%0A%2A+Other+extensions+that+could+possibly+interfere%0D%0A%0D%0AIf+you%27re+reporting+an+issue+with+automatic+aspect+ratio+detection%2C+please+also+include+the+following+%28if+possible%29%3A%0D%0A%2A+model+and+make+of+your+CPU%0D%0A%2A+amount+of+RAM">tamius.han@gmail.com</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- load all scripts. ordering is important! -->
|
|
|
|
<script src="../../js/conf/Debug.js"></script>
|
|
|
|
<script src="../../js/lib/BrowserDetect.js"></script>
|
|
<script src="../../js/lib/Comms.js"></script>
|
|
|
|
<script src="../../js/conf/ExtensionConf.js"></script>
|
|
<script src="../../js/lib/Settings.js"></script>
|
|
|
|
<!-- ui libs -->
|
|
<script src="../../js/lib/libghettoui/BaseElement.js"></script>
|
|
<script src="../../js/lib/libghettoui/popup/MenuItem.js"></script>
|
|
<script src="../../js/lib/libghettoui/popup/TabItem.js"></script>
|
|
<script src="../../js/lib/libghettoui/buttons/Button.js"></script>
|
|
<script src="../../js/lib/libghettoui/buttons/ShortcutButton.js"></script>
|
|
|
|
|
|
|
|
<script src="./js/popupvars.js"></script>
|
|
<script src="./js/popup.js"></script>
|
|
</body>
|
|
</html>
|
|
|
|
|