functions usage
This commit is contained in:
parent
0c7caf80b3
commit
ada00948c5
|
@ -291,7 +291,7 @@ sort($patterns);
|
||||||
<li data-state="/console/functions/function/monitors?id={{router.params.id}}&project={{router.params.project}}">
|
<li data-state="/console/functions/function/monitors?id={{router.params.id}}&project={{router.params.project}}">
|
||||||
|
|
||||||
<form class="pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} !== '90d'"
|
<form class="pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} !== '90d'"
|
||||||
data-service="functions.getUsage"
|
data-service="functions.getFunctionUsage"
|
||||||
data-event="submit"
|
data-event="submit"
|
||||||
data-name="usage"
|
data-name="usage"
|
||||||
data-param-function-id="{{router.params.id}}"
|
data-param-function-id="{{router.params.id}}"
|
||||||
|
@ -302,9 +302,10 @@ sort($patterns);
|
||||||
<button class="tick pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} === '90d'" disabled>90d</button>
|
<button class="tick pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} === '90d'" disabled>90d</button>
|
||||||
|
|
||||||
<form class="pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} !== '30d'"
|
<form class="pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} !== '30d'"
|
||||||
data-service="functions.getUsage"
|
data-service="functions.getFunctionUsage"
|
||||||
data-event="submit"
|
data-event="submit"
|
||||||
data-name="usage"
|
data-name="usage"
|
||||||
|
data-param-range="30d"
|
||||||
data-param-function-id="{{router.params.id}}">
|
data-param-function-id="{{router.params.id}}">
|
||||||
<button class="tick">30d</button>
|
<button class="tick">30d</button>
|
||||||
</form>
|
</form>
|
||||||
|
@ -312,7 +313,7 @@ sort($patterns);
|
||||||
<button class="tick pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} === '30d'" disabled>30d</button>
|
<button class="tick pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} === '30d'" disabled>30d</button>
|
||||||
|
|
||||||
<form class="pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} !== '24h'"
|
<form class="pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} !== '24h'"
|
||||||
data-service="functions.getUsage"
|
data-service="functions.getFunctionUsage"
|
||||||
data-event="submit"
|
data-event="submit"
|
||||||
data-name="usage"
|
data-name="usage"
|
||||||
data-param-function-id="{{router.params.id}}"
|
data-param-function-id="{{router.params.id}}"
|
||||||
|
@ -325,7 +326,7 @@ sort($patterns);
|
||||||
<h2>Monitors</h2>
|
<h2>Monitors</h2>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
data-service="functions.getUsage"
|
data-service="functions.getFunctionUsage"
|
||||||
data-event="load"
|
data-event="load"
|
||||||
data-name="usage"
|
data-name="usage"
|
||||||
data-param-function-id="{{router.params.id}}">
|
data-param-function-id="{{router.params.id}}">
|
||||||
|
|
|
@ -136,5 +136,82 @@ $runtimes = $this->getParam('runtimes', []);
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
<?php if ($usageStatsEnabled): ?>
|
||||||
|
<li data-state="/console/functions/usage?id={{router.params.id}}&project={{router.params.project}}">
|
||||||
|
|
||||||
|
<form class="pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} !== '90d'"
|
||||||
|
data-service="functions.getUsage"
|
||||||
|
data-event="submit"
|
||||||
|
data-name="usage"
|
||||||
|
data-param-range="90d">
|
||||||
|
<button class="tick">90d</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<button class="tick pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} === '90d'" disabled>90d</button>
|
||||||
|
|
||||||
|
<form class="pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} !== '30d'"
|
||||||
|
data-service="functions.getUsage"
|
||||||
|
data-event="submit"
|
||||||
|
data-name="usage"
|
||||||
|
data-param-range="30d">
|
||||||
|
<button class="tick">30d</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<button class="tick pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} === '30d'" disabled>30d</button>
|
||||||
|
|
||||||
|
<form class="pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} !== '24h'"
|
||||||
|
data-service="functions.getFunctionUsage"
|
||||||
|
data-event="submit"
|
||||||
|
data-name="usage"
|
||||||
|
data-param-range="24h">
|
||||||
|
<button class="tick">24h</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<button class="tick pull-end margin-start-small margin-top-small" data-ls-if="{{usage.range}} === '24h'" disabled>24h</button>
|
||||||
|
|
||||||
|
<h2>Monitors</h2>
|
||||||
|
|
||||||
|
<div
|
||||||
|
data-service="functions.getUsage"
|
||||||
|
data-event="load"
|
||||||
|
data-name="usage">
|
||||||
|
<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 background-image-no border-no margin-bottom-no">
|
||||||
|
<input type="hidden" data-ls-bind="{{usage}}" data-forms-chart="Executions=functionsExecutions" data-height="140" data-show-y-axis="true" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="chart-notes margin-bottom-large">
|
||||||
|
<li>Executions <span data-ls-bind="({{usage.functionsExecutions|statsGetLast|statsTotal}})"></span></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<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 background-image-no border-no margin-bottom-no">
|
||||||
|
<input type="hidden" data-ls-bind="{{usage}}" data-forms-chart="CPU Time (milliseconds)=functionsCompute" data-colors="orange" data-height="140" data-show-y-axis="true" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="chart-notes margin-bottom-large">
|
||||||
|
<li class="orange">CPU Time <span data-ls-bind="({{usage.functionsCompute|statsGetLast|seconds2hum}})"></span></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<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 background-image-no border-no margin-bottom-no">
|
||||||
|
<input type="hidden" data-ls-bind="{{usage}}" data-forms-chart="Failures=functionsFailures" data-colors="red" data-height="140" data-show-y-axis="true" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="chart-notes margin-bottom-large">
|
||||||
|
<li class="red">Errors <span data-ls-bind="({{usage.functionsFailures|statsGetLast|statsTotal}})"></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<?php endif;?>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
Loading…
Reference in a new issue