-
Notifications
You must be signed in to change notification settings - Fork 8
/
options.html
144 lines (124 loc) · 5.27 KB
/
options.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!--
~ #%L
~ AEM Chrome Plug-in
~ %%
~ Copyright (C) 2016 Adobe
~ %%
~ Licensed under the Apache License, Version 2.0 (the "License");
~ you may not use this file except in compliance with the License.
~ You may obtain a copy of the License at
~
~ http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing, software
~ distributed under the License is distributed on an "AS IS" BASIS,
~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
~ See the License for the specific language governing permissions and
~ limitations under the License.
~ #L%
-->
<html ng-app="aem-chrome-plugin-app">
<head>
<link rel="stylesheet" type="text/css" href="vendor/assets/stylesheets/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/stylesheets/options.css">
<script src="vendor/assets/javascripts/jquery-2.2.0.min.js"></script>
<script src="vendor/assets/javascripts/angular.min.js"></script>
<script src="assets/javascripts/tracer-plugin/app.js"></script>
<script src="assets/javascripts/tracer-plugin/services/options-service.js"></script>
<script src="assets/javascripts/tracer-plugin/controllers/options-controller.js"></script>
<title>AEM Chrome Plug-in | Options</title>
</head>
<body>
<div class="container" ng-controller="OptionsCtrl">
<h2>
<img src="assets/images/aem-chrome-plugin_logo_48x48.png" /> AEM Chrome Plug-in
</h2>
<div class="wrapper">
<h3>Default Options</h3>
<p>
<em>
Global options are for requesting the Log Tracer data from AEM. These setting are global for all browser tabs. If different tabs require different servlet context or credentials, these options must be updated as you move between the browser tabs.
</em>
</p>
<form class="form-options">
<p>
For more information visit the <a href="http://adobe-consulting-services.github.io/acs-aem-tools/aem-chrome-plugin/log-tracer/"
target="_blank">AEM Chrome Plug-in documentation Web site</a>.
</p>
<label class="text">
Servlet context
<br/>
<input type="text" ng-model="options.servletContext"/>
</label>
<p>
Note that existing login-tokens associated w/ the tab's host will override these settings.
</p>
<label class="text">
Web console user
<br/>
<input type="text" ng-model="options.user"/>
</label>
<label class="text">
Web console password
<br/>
<input type="password" ng-model="options.password"/>
</label>
</form>
<h3>Host Configurations</h3>
<p>
Host configurations should be used when you access an AEM instance from one host name, but the Sling Log Tracer end-points
(/system/console/tracer) are available from one or many other host names.
</p>
<p>
<em>
An example of this is when 1 or many AEM instances are fronted by a single host-name that is assocated with CDN orWeb server tier.
In this scenario AEM may be accessed via www.example.com however AEM Chrome Plug-in must check call AEM Publish instances directly by IP or internal host.
</em>
</p>
<form class="form-options host-options" ng-repeat="tabHostOption in options.tabHostOptions track by $index">
<label class="text">
Host name
<p>Ex: http://www.example.com, https://author.internal.my-company.com</p>
<input type="text" ng-model="tabHostOption.tabHost"/>
</label>
<label class="text">
AEM end-points
<p>The end-points AEM Chrome Plug-in will check for Sling Log Tracer data.</p>
<ul class="tracer-hosts">
<li ng-repeat="tracerHost in tabHostOption.tracerHosts track by $index">
<input type="text" ng-model="tracerHost.origin"/>
<button class="tracer-hosts--remove" ng-click="tabHostOption.tracerHosts.splice($index, 1)">Remove</button>
</li>
<li class="tracer-hosts--add"><button ng-click="addTabHostOptionTracerHost(tabHostOption)">Add</button></li>
</ul>
</label>
<label class="text">
Servlet context
<input type="text" ng-model="tabHostOption.servletContext"/>
</label>
<label class="text">
Web console user
<br/>
<input type="text" ng-model="tabHostOption.user"/>
</label>
<label class="text">
Web console password
<br/>
<input type="password" ng-model="tabHostOption.password"/>
</label>
<button ng-click="options.tabHostOptions.splice($index, 1)">Remove this Host Configuration</button>
</form>
<button ng-click="options.tabHostOptions.push({
tracerHosts: [],
user: 'admin',
password: 'admin'
})">Add a new Host Configuration</button>
</div>
</div>
<div class="wrapper footer">
<hr/>
AEM Chrome Plug-in is inspired by and borrows from <a href="https://github.com/dejan/rails_panel">Rails Panel</a>.
</div>
</div>
</body>
</html>