omar/MosisService
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add shell architecture with persistent status bar, nav bar, and content fragments

Browse Source
This commit is contained in:
omigamedev
2026-01-20 10:09:47 +01:00
parent 1f91d7508e
commit 2db7eea9f1
15 changed files with 1456 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/main/assets/apps/home/home_content.rml Normal file
View File

@@ -0,0 +1,76 @@
<!-- Home Screen Content Fragment -->
<!-- Loaded into shell's #app-container -->
<!-- Styles are in shell.rml -->
<div class="home-content-area">
<!-- App Grid -->
<div class="home-grid">
<div id="installed-apps" class="app-grid-section">
<!-- Apps populated dynamically -->
<div class="app-icon">
<div class="app-icon-image" style="background-color: #F44336;" onclick="shellNavigateTo('browser')">
<img src="../../icons/browser.tga"/>
</div>
<span class="app-icon-label">Browser</span>
</div>
<div class="app-icon">
<div class="app-icon-image" style="background-color: #9C27B0;" onclick="shellNavigateTo('camera')">
<img src="../../icons/camera.tga"/>
</div>
<span class="app-icon-label">Camera</span>
</div>
<div class="app-icon">
<div class="app-icon-image" style="background-color: #FF9800;" onclick="shellNavigateTo('contacts')">
<img src="../../icons/contacts.tga"/>
</div>
<span class="app-icon-label">Contacts</span>
</div>
<div class="app-icon">
<div class="app-icon-image" style="background-color: #4CAF50;" onclick="shellNavigateTo('dialer')">
<img src="../../icons/phone.tga"/>
</div>
<span class="app-icon-label">Phone</span>
</div>
<div class="app-icon">
<div class="app-icon-image" style="background-color: #2196F3;" onclick="shellNavigateTo('messages')">
<img src="../../icons/message.tga"/>
</div>
<span class="app-icon-label">Messages</span>
</div>
<div class="app-icon">
<div class="app-icon-image" style="background-color: #E91E63;" onclick="shellNavigateTo('music')">
<img src="../../icons/music.tga"/>
</div>
<span class="app-icon-label">Music</span>
</div>
<div class="app-icon">
<div class="app-icon-image" style="background-color: #607D8B;" onclick="shellNavigateTo('settings')">
<img src="../../icons/settings.tga"/>
</div>
<span class="app-icon-label">Settings</span>
</div>
<div class="app-icon">
<div class="app-icon-image" style="background-color: #3F51B5;" onclick="shellNavigateTo('store')">
<img src="../../icons/store.tga"/>
</div>
<span class="app-icon-label">Store</span>
</div>
</div>
</div>
<!-- Dock -->
<div class="home-dock">
<div class="dock-item" style="background-color: #4CAF50;" onclick="shellNavigateTo('dialer')">
<img src="../../icons/phone.tga"/>
</div>
<div class="dock-item" style="background-color: #2196F3;" onclick="shellNavigateTo('messages')">
<img src="../../icons/message.tga"/>
</div>
<div class="dock-item" style="background-color: #FF9800;" onclick="shellNavigateTo('contacts')">
<img src="../../icons/contacts.tga"/>
</div>
<div class="dock-item" style="background-color: #F44336;" onclick="shellNavigateTo('browser')">
<img src="../../icons/browser.tga"/>
</div>
</div>
</div>