1
0
Fork 0
mirror of synced 2024-06-26 18:20:43 +12:00

Small UI updates

This commit is contained in:
Eldad Fux 2020-06-13 23:26:45 +03:00
parent 0adbf049a2
commit ade33edd6f
6 changed files with 60 additions and 25 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -415,6 +415,10 @@
.chart {
width: 80%;
@media @phones, @tablets {
width: 100%;
}
}
hr {
@ -521,9 +525,9 @@
}
.chart {
width: 80%;
width: 100%;
position: relative;
height: 0;
height: 0;
padding-top: 20px;
padding-bottom: 26%;
.func-margin-end(-2px);