VulpesOS/gaia/apps/costcontrol/elements/datausage-tab.html
OverSu b38dea0597 Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
2026-09-30 23:13:03 +02:00

54 lines
2.1 KiB
HTML
Executable file

<element name="datausage-tab" extends="section">
<template>
<div class="view-scroll">
<section class="content">
<section id="graphic-area" class="graph" role="img" aria-labelledby="axis-layer today-layer limits-layer warning-layer">
<canvas id="background-layer" aria-hidden="true"></canvas>
<canvas id="wifi-layer" hidden aria-hidden="true"></canvas>
<canvas id="mobile-layer" hidden aria-hidden="true"></canvas>
<canvas id="axis-layer" aria-hidden="true"></canvas>
<canvas id="today-layer" aria-hidden="true"></canvas>
<canvas id="warning-layer" aria-hidden="true"></canvas>
<canvas id="limits-layer" aria-hidden="true"></canvas>
<img hidden alt="" src="./style/images/app/ui/datausage/pattern.png" id="graphic-pattern" />
</section>
<ul class="toggle-data" data-type="list">
<li id="mobileItem">
<gaia-checkbox id="mobileCheck">
<label>
<span class="data-origin-label" data-l10n-id="mobile-usage"></span>
<span class="overview" id="mobileOverview"></span>
<span></span>
</label>
</gaia-checkbox>
</li>
<li id="wifiItem">
<gaia-checkbox id="wifiCheck">
<label>
<span class="data-origin-label" data-l10n-id="wifi-usage">-</span>
<span class="overview" id="wifiOverview"></span>
<span></span>
</label>
</gaia-checkbox>
</li>
</ul>
<header id="app-usage-header">
<h2 data-l10n-id="app-usage-list-header">Mobile App Usage</h2>
</header>
<div id="app-usage-no-data" data-l10n-id="app-usage-no-data" hidden>
You have not used any mobile data yet. Usage for each application will
show up here when you do.
</div>
<ul id="app-usage-list">
</ul>
</section>
</div>
<script type="text/javascript" defer src="js/views/datausage.js"></script>
</template>
</element>