JuPad/PadApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

mode selection
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
jusax23 2022-12-16 23:10:27 +01:00
parent 6c68f2bf20
commit 819e253b8f
3 changed files with 27 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
pages/system/led.jsx → pages/led/led.jsx
View file

@ -4,7 +4,6 @@ import { SWindow, s } from "../../stear/main";
export default new SWindow({ export default new SWindow({
call: async (stear,{find, resolve, close, render, call, event, include},args)=>{ call: async (stear,{find, resolve, close, render, call, event, include},args)=>{
call(connect,{},false);
return <div> return <div>
led Main led Main
</div>; </div>;

36
pages/menu.jsx
View file

@ -1,7 +1,9 @@
import * as color from "../js/color.js"; import * as color from "../js/color.js";
import { Stear, SWindow, _, s } from "../stear/main.js"; import { Stear, SWindow, _, s } from "../stear/main.js";
import { fadein } from "../stear/utils.js"; import { fadein } from "../stear/utils.js";
import led from "./led/led.jsx";
import remote from "./remote/remote.jsx"; import remote from "./remote/remote.jsx";
import system from "./system/system.jsx";
const pool = Stear.addLanguagePool("home"); const pool = Stear.addLanguagePool("home");
const connected = pool.add("conncted", "Connected to: {}"); const connected = pool.add("conncted", "Connected to: {}");
@ -19,17 +21,16 @@ export default new SWindow({
let window = 0; let window = 0;
let wins = [ let wins = [
include(remote) include(system),
include(remote),
include(led),
]; ];
let show = 0;
return <div style={{ display: 'flex', flexDirection: "column", height: "100%", alignItems: "center" }}> return <div style={{ display: 'flex', flexDirection: "column", height: "100%", alignItems: "center" }}>
<div style={{ backgroundColor: color.mainBar, width: "100%", height: "5rem", display: "flex",alignItems: "center", boxShadow: "rgba(50, 50, 50, 0.2) 0px 8px 24px"}}> <div style={{ backgroundColor: color.mainBar, width: "100%", height: "5rem", display: "flex",alignItems: "center", boxShadow: "rgba(50, 50, 50, 0.2) 0px 8px 24px"}} find="menu">
<div style={{ display: "flex", height: "100%", flexDirection: "row", alignItems: "center", gap: "0.5rem", paddingLeft: "0.5rem", width:"100%" }} find="menu"> <div style={{ display: "flex", height: "100%", flexDirection: "row", alignItems: "center", gap: "0.5rem", paddingLeft: "0.5rem", width:"100%" }}>
{() => { {() => {
console.log("rerender");
return ["#0f0", "#00f", "#ff0"].map((d, i) => { return ["#0f0", "#00f", "#ff0"].map((d, i) => {
return <div style={ return <div style={
{ height: "2rem", { height: "2rem",
width: "2rem", width: "2rem",
@ -46,12 +47,29 @@ export default new SWindow({
}} }}
</div> </div>
<label style={{width:"100%",textAlign:"center",fontSize:"2rem"}}>JuPad</label> <label style={{width:"100%",textAlign:"center",fontSize:"2rem"}}>JuPad</label>
<div style={{width:"100%",textAlign:"right",paddingRight:"0.5rem"}} >rigth</div> <div style={{width:"100%",alignItems:"center",paddingRight:"0.5rem", display:"flex",flexDirection:"row-reverse", gap:"0.5rem"}}>
{() => {
return ["#eee", "#00f", "linear-gradient(90deg,rgba(255, 0, 0, 1) 0%,rgba(255, 154, 0, 1) 10%,rgba(208, 222, 33, 1) 20%,rgba(79, 220, 74, 1) 30%,rgba(63, 218, 216, 1) 40%,rgba(47, 201, 226, 1) 50%,rgba(28, 127, 238, 1) 60%,rgba(95, 21, 242, 1) 70%,rgba(186, 12, 248, 1) 80%,rgba(251, 7, 217, 1) 90%,rgba(255, 0, 0, 1) 100%)"].map((d, i) => {
return <div style={
{ height: "2rem",
width: "2rem",
borderRadius: "1rem",
background: d,
border: "4px solid " + (window == i ? color.modeInUse() : color.modeNotInUse()) }
} event={{
pointerdown: () => {
window = i;
find.main.rerender();
}
}}></div>;
});
}}
</div>
</div> </div>
<div style={{ width: "100%", height: "100%", position: "relative"}}> <div style={{ width: "100%", height: "100%", position: "relative"}}>
{()=>{ {()=>{
wins[show].opts.render(); wins[window].opts.render();
return wins[show].render({ return wins[window].render({
style: { style: {
height: "100%", height: "100%",
width: "100%" width: "100%"

1
pages/led/system.jsx → pages/system/system.jsx
View file

@ -4,7 +4,6 @@ import { SWindow, s } from "../../stear/main";
export default new SWindow({ export default new SWindow({
call: async (stear,{find, resolve, close, render, call, event, include},args)=>{ call: async (stear,{find, resolve, close, render, call, event, include},args)=>{
call(connect,{},false);
return <div> return <div>
system Main system Main
</div>; </div>;