79 lines
3.7 KiB
HTML
79 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Web API Manager Configuration</title>
|
|
<link href="css/config.css" rel="stylesheet">
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<section class="container">
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li role="presentation" :class="activeTab === 'domain-rules' ? 'active' : ''">
|
|
<a href="#domain-rules" @click="setActiveTab">Domain Rules</a>
|
|
</li>
|
|
<li role="presentation" :class="activeTab === 'import-export' ? 'active' : ''">
|
|
<a href="#import-export" @click="setActiveTab">Import / Export</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tab-content">
|
|
<div role="tabpanel" :class="['tab-pane', activeTab === 'domain-rules' ? 'active' : '']" id="domain-rules">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-12">
|
|
<p>
|
|
Enter <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Match_patterns">domain matching rules</a>
|
|
on the right, to create a new blocking rule. On the
|
|
right, select which functionality should be blocked for
|
|
hosts matching each rule.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-4 col-md-4">
|
|
<domain-rules
|
|
:domain-names="domainNames"
|
|
:selected-domain="selectedDomain"
|
|
></domain-rules>
|
|
|
|
<logging-settings :should-log="shouldLog"></logging-settings>
|
|
</div>
|
|
|
|
<div class="col-xs-8 col-md-8">
|
|
<web-api-standards
|
|
:standards="standards"
|
|
:selected-standards="selectedStandards"
|
|
:selected-domain="selectedDomain">
|
|
</web-api-standards>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div role="tabpanel" :class="['tab-pane', activeTab === 'import-export' ? 'active' : '']" id="import-export">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-12">
|
|
<import-export
|
|
:domain-names="domainNames"
|
|
:selected-standards="selectedStandards">
|
|
</import-export>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<script src="../lib/init.js"></script>
|
|
<script src="../lib/defaults.js"></script>
|
|
<script src="../lib/standards.js"></script>
|
|
<script src="../lib/storage.js"></script>
|
|
<script src="js/third_party/vue.js"></script>
|
|
<script src="js/state.js"></script>
|
|
<script src="js/components/domain-rules.vue.js"></script>
|
|
<script src="js/components/import-export.vue.js"></script>
|
|
<script src="js/components/web-api-standards.vue.js"></script>
|
|
<script src="js/components/logging-settings.vue.js"></script>
|
|
<script src="js/config.js"></script>
|
|
</body>
|
|
</html>
|