blend/blend-settings/src/index.html
2023-04-25 16:44:01 +05:30

78 lines
No EOL
2.4 KiB
HTML

<html>
<head>
<title>Settings</title>
<!-- Import bootstrap v5.0. -->
<link href="external/css/bootstrap.min.css" rel="stylesheet">
<!-- Import common styling. -->
<link href="internal/css/common.css" rel="stylesheet">
</head>
<body style="height: 100%;">
<br>
<div class="topnav">
<div class="btn-group" id="settings-tabs" role="group" aria-label="Stores">
<button class="btn btn-outline-light active shadow-none" id="containers-button" onclick="page('containers')">Linux
Containers</button>
<button class="btn btn-outline-light shadow-none d-none" id="android-button" onclick="page('android')">Android
Apps</button>
<!-- <button class="btn btn-outline-light shadow-none" id="system-button" onclick="page('system')">System</button> -->
</div>
</div>
<!-- Import bootstrap JS bundle. -->
<script src="external/js/bootstrap.bundle.min.js"></script>
<script>
const Sortable = require('sortablejs')
const child_process = require('child_process')
const path = require('path')
const fs = require('fs')
const ipc = require('electron').ipcRenderer
let webview = document.createElement("div")
webview.style.flexGrow = 1
webview.setAttribute("id", "webview")
webview.style.marginTop = "70px"
document.body.appendChild(webview)
const $ = require("jquery")
if (fs.existsSync('/usr/bin/waydroid')) {
document.getElementById('android-button').classList.remove('d-none')
}
function page(page) {
switch (page) {
case 'containers':
$('#webview').load("pages/containers.html");
$('#containers-button').addClass('active')
$('#android-button').removeClass('active')
$('#system-button').removeClass('active')
break;
case 'android':
$('#webview').load("pages/android.html");
$('#containers-button').removeClass('active')
$('#android-button').addClass('active')
$('#system-button').removeClass('active')
break;
case 'system':
$('#webview').load("pages/system.html");
$('#containers-button').removeClass('active')
$('#android-button').removeClass('active')
$('#system-button').addClass('active')
break;
}
}
page('containers')
</script>
<!-- Import generic page JS. -->
<script src="internal/js/generic_page.js"></script>
</body>
</html>