Pages/ChromeOptions.html
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<!--
This was likely rendered from the Privly-application templating system
See: https://github.com/privly/privly-applications/pull/19
-->
<title>
New Options
</title>
<meta content="../shared/test/parameters.js,../shared/test/extension_integration.js,
../shared/test/network_service.js,./js/tests/OptionsSpec.js" name="PrivlySpec"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<!-- Top Styles -->
<link class="top" href="../vendor/bootstrap/css/bootstrap.min.css" media="screen" rel="stylesheet"/>
<link class="top" href="../shared/css/top/top.css" rel="stylesheet"/>
<!-- Common Styles -->
<link href="../shared/css/common.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="../shared/css/tooltip.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="css/options.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="../shared/javascripts/meta_loader.js" type="text/javascript">
</script>
<script src="../shared/javascripts/parameters.js" type="text/javascript">
</script>
<script src="../shared/javascripts/network_service.js" type="text/javascript">
</script>
<script src="../shared/javascripts/extension_integration.js" type="text/javascript">
</script>
<script src="../shared/javascripts/local_storage.js" type="text/javascript">
</script>
<script src="../vendor/jquery.min.js" type="text/javascript">
</script>
<script src="js/options.js" type="text/javascript">
</script>
</head>
<body data-privly-exclude="true">
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="../vendor/bootstrap/js/bootstrap.min.js">
</script>
<!-- Wrap all page content here -->
<div id="wrap">
<div class="navbar navbar-inverse navbar-fixed-top injected_hide mobile_hide" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
<span class="sr-only">
Toggle navigation
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</button>
<a class="navbar-brand lobster home_domain" href="../Help/content_server.html" title="This is your current content server">
Privly
</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="logged_in_nav" style="display:none;">
<a href="../History/new.html">
History
<span class="glyphicon glyphicon-list-alt">
</span>
</a>
</li>
<li class="logged_out_nav">
<a class="login_url" href="../Login/new.html">
Login
<span class="glyphicon glyphicon-log-in">
</span>
</a>
</li>
<li class="dropdown logged_in_nav" style="display:none;">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
New Link
<b class="caret">
</b>
</a>
<ul class="dropdown-menu">
<li class="dropdown-header">
Select Application
</li>
<li>
<a href="../Message/new.html">
<span class="glyphicon glyphicon-pencil">
</span>
New Message
</a>
</li>
<li>
<a href="../PlainPost/new.html">
<span class="glyphicon glyphicon-pencil">
</span>
New PlainPost
</a>
</li>
<li>
<a href="../Help/new.html">
<span class="glyphicon glyphicon-info-sign">
</span>
Help
</a>
</li>
</ul>
</li>
<li class="active dropdown logged_in_nav logged_out_nav">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
Options
<b class="caret">
</b>
</a>
<ul class="dropdown-menu">
<li>
<a class="account_url logged_in_nav" href="#" style="display:none;" target="_blank">
<span class="glyphicon glyphicon-new-window">
</span>
Server Account
</a>
</li>
<li class="active">
<a href="../Pages/ChromeOptions.html">
<span class="glyphicon glyphicon-wrench">
</span>
Extension Options
</a>
</li>
<li>
<a href="../Pages/ChromeFirstRun.html">
<span class="glyphicon glyphicon-info-sign">
</span>
Extension Information
</a>
</li>
</ul>
</li>
<li class="logged_in_nav" style="display:none;">
<a class="logout_url" href="#" id="logout_link">
Logout
<span class="glyphicon glyphicon-log-out">
</span>
</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p class="flash notice" id="messages">
Pending server check. The application is checking its connection
with the remote server.
</p>
<p class="flash notice" id="login_message" style="display:none;">
You are not currently signed into your content server. Please
<a class="login_url btn btn-default" href="../Login/new.html">
login
</a>
</p>
<div id="copy_message" style="display:none;">
<p class="flash notice">
Copy and paste the address found below to any website
you want to share this information through.
</p>
<p class="flash notice">
<span class="glyphicon glyphicon-link">
</span>
<span class="privlyUrl" data-privly-exclude="true">
</span>
</p>
<p class="flash notice open-app-button" style="display:none;">
<strong>
Now copy/paste
</strong>
the highlighted address anywhere you want to share it. You can also
<a class="btn btn-default" href="" id="local_address" target="_blank">
open the link
</a>
to view the content yourself.
</p>
</div>
</div>
</div>
<div id="form" style="display:none;">
<div class="row">
<div class="container">
<h1 class="page-header">
Extension Options
</h1>
<section id="button_option">
<h2>
Privly Button
</h2>
<br/>
<input id="disableBtn" type="checkbox"/>
Disable the Privly button that appears in the top-right corner of textarea's
<br/>
<br/>
<button class="btn btn-primary" id="save_btnAppearance">
Save
</button>
<div id="button_status">
</div>
</section>
<hr/>
<section id="glyph">
<h2>
Security Glyph
</h2>
<p>
Content metadata is displayed when you hover your mouse over the content. To authenticate the metadata, a unique random glyph is associated with your extension. The glyph is displayed next to items that the extension verifies.
</p>
<p>
Your glyph:
</p>
<div id="glyph_div">
</div>
<br/>
<button class="btn btn-primary btn-sm" id="regenerate_glyph">
Regenerate Glyph
</button>
</section>
<hr/>
<section id="whitelist">
<h2>
User Whitelist
</h2>
<p>
The user
<a href="https://github.com/privly/privly-organization/wiki/whitelist" target="_blank" title="find out more about white listing">
whitelist
</a>
specifies which domains you trust not to track your browsing.
Properly formatted links to these domains will automatically
inject their associated Privly Applications.
</p>
<div id="urls">
<div>
<input class="whitelist_url form-control" placeholder="ex: domain.com" type="text"/>
<span class="glyphicon glyphicon-remove remove_whitelist">
</span>
</div>
<div>
<input class="whitelist_url form-control" type="text"/>
<span class="glyphicon glyphicon-remove remove_whitelist">
</span>
</div>
</div>
<div id="status">
</div>
<span id="add_more_urls">
<span class="glyphicon glyphicon-plus-sign">
</span>
Add more
</span>
<button class="btn btn-primary btn-sm" id="save_whitelist">
Save
</button>
<br/>
<br/>
</section>
<hr/>
<section id="content_server">
<h2>
Content Servers
</h2>
<p>
Set domain to upload your content when generating new links directly from the extension.
</p>
<p>
These are the recommended servers during development, select "other" to assign it to any trustworthy domain you like.
<br/>
<a href="https://priv.ly/pages/servers.html" target="_blank">
Learn More.
</a>
</p>
<form>
<fieldset id="server_form">
<select class="btn btn-default" id="content_server_url" style="" type="dropdown">
<option value="alpha">
https://privlyalpha.org (recommended)
</option>
<option value="dev">
https://dev.privly.org
</option>
<option value="local">
http://localhost:3000
</option>
<option value="other">
Other
</option>
</select>
<fieldset id="user">
<input class="form-control" id="other_content_server" placeholder="ex: https://myContentServer.com" size="200" style="width:250px;" title="Enter content server here" type="text"/>
</fieldset>
<button class="btn btn-primary" id="save_server" type="button" value="save_server">
Save
</button>
</fieldset>
</form>
<div id="server_status">
</div>
</section>
<br/>
</div>
<!-- /container -->
</div>
</div>
</div>
<!-- /.container -->
<div class="container">
<div class="row">
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.wrap -->
<div id="footer">
<div class="container">
<p class="text-muted credit">
<a href="https://www.priv.ly/pages/donate.html" target="_blank">
<span class="glyphicon glyphicon-gift">
</span>
Donate
</a>
to build a more private web.
You are viewing a
Privly
<span style="vertical-align: super;font-size: xx-small">
®
</span>
Application,
<a href="https://priv.ly/pages/about" target="_blank">
learn more
</a>
about Privly.
<a class="legal_nav" href="http://priv.ly" target="_blank">
Terms of Service
</a>
and
<a class="legal_nav" href="http://priv.ly" target="_blank">
DMCA
</a>
.
</p>
</div>
</div>
</body>
</html>