Small UI updates
This commit is contained in:
parent
0adbf049a2
commit
ade33edd6f
|
@ -128,7 +128,8 @@
|
|||
<a data-ls-attrs="href=/console/functions?project={{router.params.project}}"
|
||||
data-analytics-event="click"
|
||||
data-analytics-category="console/navigation"
|
||||
data-analytics-label="Functions Link">
|
||||
data-analytics-label="Functions Link"
|
||||
class="link-animation-disabled">
|
||||
<i class="icon-lightning"></i>
|
||||
Functions
|
||||
</a>
|
||||
|
|
|
@ -58,21 +58,6 @@ $events = array_keys($this->getParam('events', []));
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<h3>Usage</h3>
|
||||
|
||||
<div class="box margin-bottom-small">
|
||||
<div class="margin-start-negative-small margin-end-negative-small margin-top-negative-small margin-bottom-negative-small">
|
||||
<div class="chart margin-bottom-no">
|
||||
<div class="content" data-forms-chart="Requests=usage.requests.data,Network=usage.network.data"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="chart-notes margin-bottom-large">
|
||||
<li>Invocations</li>
|
||||
<li>CPU Time</li>
|
||||
</ul>
|
||||
|
||||
<h3>Tags</h3>
|
||||
|
||||
<div class="margin-bottom"
|
||||
|
@ -179,6 +164,54 @@ $events = array_keys($this->getParam('events', []));
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-state="/console/functions/function/usage?id={{router.params.id}}&project={{router.params.project}}">
|
||||
<h2>Activity & Usage</h2>
|
||||
|
||||
<div class="box margin-bottom-small">
|
||||
<div class="margin-start-negative-small margin-end-negative-small margin-top-negative-small margin-bottom-negative-small">
|
||||
<div class="chart margin-bottom-no">
|
||||
<div class="content" data-forms-chart="Requests=usage.requests.data,Network=usage.network.data"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="chart-notes margin-bottom-large">
|
||||
<li>Invocations</li>
|
||||
<li>CPU Time</li>
|
||||
</ul>
|
||||
|
||||
<h3>Logs</h3>
|
||||
|
||||
<div class="box">
|
||||
<table class="vertical small">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="140">Date</th>
|
||||
<th width="175">Event</th>
|
||||
<th>Client</th>
|
||||
<th width="90">Location</th>
|
||||
<th width="90">IP</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!-- <tbody data-ls-loop="securityLogs" data-ls-as="log">
|
||||
<tr>
|
||||
<td data-title="Date: "><span data-ls-bind="{{log.time|date-time}}"></span></td>
|
||||
<td data-title="Event: "><span data-ls-bind="{{log.event}}"></span></td>
|
||||
<td data-title="Client: ">
|
||||
<img data-ls-attrs="src={{env.API}}/avatars/browsers/{{log.client.short_name|lowercase}}?width=80&height=80&project={{env.PROJECT}},title={{log.client.name}},alt={{log.client.name}}" class="avatar xxs inline margin-end-small" />
|
||||
<span data-ls-bind="{{log.client.name}} {{log.client.version}} on {{log.model}} {{log.OS.name}} {{log.OS.version}}"></span>
|
||||
</td>
|
||||
<td data-title="Location: ">
|
||||
<img data-ls-attrs="src={{env.API}}/avatars/flags/{{log.geo.isoCode}}?width=80&height=80&project={{env.PROJECT}}" class="avatar xxs inline margin-end-small" />
|
||||
<span data-ls-bind="{{log.geo.country}}"></span>
|
||||
</td>
|
||||
<td data-title="IP: "><span data-ls-bind="{{log.ip}}"></span></td>
|
||||
</tr>
|
||||
</tbody> -->
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li data-state="/console/functions/function/settings?id={{router.params.id}}&project={{router.params.project}}">
|
||||
<h2>Settings</h2>
|
||||
|
||||
|
|
|
@ -51,9 +51,10 @@
|
|||
data-service="functions.create"
|
||||
data-scope="sdk"
|
||||
data-event="submit"
|
||||
data-success="alert,trigger,reset"
|
||||
data-success="alert,trigger,reset,redirect"
|
||||
data-success-param-alert-text="Created function successfully"
|
||||
data-success-param-trigger-events="functions.create"
|
||||
data-success-param-redirect-url="/console/functions/function?id={{serviceData.$id}}&project={{router.params.project}}"
|
||||
data-failure="alert"
|
||||
data-failure-param-alert-text="Failed to create function"
|
||||
data-failure-param-alert-classname="error">
|
||||
|
@ -69,9 +70,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- <li data-state="/console/users/teams?project={{router.params.project}}">
|
||||
<h2>Usage</h2>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
2
public/dist/styles/default-ltr.css
vendored
2
public/dist/styles/default-ltr.css
vendored
File diff suppressed because one or more lines are too long
2
public/dist/styles/default-rtl.css
vendored
2
public/dist/styles/default-rtl.css
vendored
File diff suppressed because one or more lines are too long
|
@ -415,6 +415,10 @@
|
|||
|
||||
.chart {
|
||||
width: 80%;
|
||||
|
||||
@media @phones, @tablets {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
|
@ -521,7 +525,7 @@
|
|||
}
|
||||
|
||||
.chart {
|
||||
width: 80%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 0;
|
||||
padding-top: 20px;
|
||||
|
|
Loading…
Reference in a new issue