Innovation/dremjs-old
1
0
Fork 0
Code Issues Pull requests Projects Releases 8 Wiki Activity

Add files via upload

Browse source
This commit is contained in:
Innovation Inc 2019-12-19 00:03:06 -06:00 committed by GitHub
parent bffdd43e04
commit 1ca7c592ce
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 132 additions and 92 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

74
index.html
View file

@ -88,20 +88,28 @@
top: 0; top: 0;
right: 0; right: 0;
width: 100%; width: 100%;
}
.taskbarTime {
height: 42px; height: 42px;
float: left;
}
.taskbarApps {
text-align: center;
float: left;
margin-left: 5px;
margin-top: 2px;
} }
</style> </style>
</head> </head>
<body onload="initAgendaWM()"> <body onload="initAgendaWM()">
<p class="cwhite br3">DremJS Version 0.1.2b</p> <p class="cwhite br2">DremJS Version 0.1.4b</p>
<p class="cwhite br2">Build 31</p>
<p class="cwhite br1">&copy; Innovation Inc.</p> <p class="cwhite br1">&copy; Innovation Inc.</p>
<div class="start startgray"> <div class="start startgray">
<ul class="astart"> <ul class="astart">
<dt><a onclick="openApplication('About', 800, 500)"><p><img src="apps/About/about.png" align="top"> About DremJS</p></a></dt> <dt><a onclick="openApplication('About', 800, 500, 'about.png')"><p><img src="apps/About/about.png" align="top"> About DremJS</p></a></dt>
<dt><a onclick="openApplication('HowTo', 800, 500)"><p><img src="apps/HowTo/howto.png" align="top"> How to Install Applications</p></a></dt> <dt><a onclick="openApplication('HowTo', 800, 500, 'howto.png')"><p><img src="apps/HowTo/howto.png" align="top"> How to Install Applications</p></a></dt>
<dt><a onclick="openApplication('Market', 'max', 'max')"><p><img src="apps/Market/market.png" align="top"> DremJS Market</p></a></dt> <dt><a onclick="openApplication('Market', 'max', 'max', 'market.png')"><p><img src="apps/Market/market.png" align="top"> DremJS Market</p></a></dt>
<dt><a onclick="openApplication('debug')"><p><img src="apps/debug/debug.png" align="top"> Report a Bug</p></a></dt> <dt><a onclick="openApplication('debug', -1, -1, 'debug.png')"><p><img src="apps/debug/debug.png" align="top"> Report a Bug</p></a></dt>
<!--Below is where remotely installed apps will start --> <!--Below is where remotely installed apps will start -->
<hr /> <hr />
@ -110,17 +118,24 @@
<a href="#"><p class="start" style="left:12px;">Start</p></a> <a href="#"><p class="start" style="left:12px;">Start</p></a>
</div> </div>
<div id="appContainer"> <div id="appContainer">
<!-- This is the taskbar -->
<div id="taskbar" class="taskbar">
<div id="taskbarTime" class="taskbarTime">
<!-- Add apps here -->
<div class="cwhite" style="text-align:left" id="txt"></div> <a onclick="openApplication('About', 800, 500, 'about.png')"><img src="apps/About/about.png"> |</a>
</div>
<div id="taskbarApps" class="taskbarApps">
</div> </div>
<div class="taskbar"> </div>
<div class="cwhite" style="text-align:left" id="txt"></div> <a onclick="openApplication('About')"><img class="cent" src="apps/About/about.png"> |</a>
</div> </div>
<script> <script>
function initAgendaWM() { function initAgendaWM() {
startTime(); startTime();
makeDraggable(); makeDraggable();
} } // Initialize Agenda
function startTime() { function startTime() {
var today = new Date(); var today = new Date();
var h = today.getHours(); var h = today.getHours();
@ -131,11 +146,13 @@
document.getElementById('txt').innerHTML = document.getElementById('txt').innerHTML =
h + ":" + m + ":" + s; h + ":" + m + ":" + s;
var t = setTimeout(startTime, 500); var t = setTimeout(startTime, 500);
} } // Tick tock, Mr. Wick...
function checkTime(i) { function checkTime(i) {
if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10 if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
return i; return i;
} }
function makeDraggable() { function makeDraggable() {
$(".framewrap") $(".framewrap")
.draggable() .draggable()
@ -147,7 +164,7 @@
$('#' + app).css('z-index', 9999); $('#' + app).css('z-index', 9999);
} // Move a clicked application to the front } // Move a clicked application to the front
function openApplication(app, width, height) { function openApplication(app, width, height, appIcon) {
// Set width and height as default if one is <=-1 // Set width and height as default if one is <=-1
if (width <= -1 || height <= -1 || width == undefined || height == undefined) { if (width <= -1 || height <= -1 || width == undefined || height == undefined) {
width="500"; width="500";
@ -160,20 +177,25 @@
/* /*
This is just the following as a string: This is just the following as a string:
<div onclick=moveToFront('[windowID]') id='[windowID]' class='framewrap' style='width:[width]px; height=[height]px'> <div onclick=moveToFront('[windowID]') id='[windowID]' class='framewrap' style='width:[width]px; height=[height]px'>
<input type='button' onclick="closeApplication('[windowID]')" value='X" /> <input type='button' onclick="closeApplication('[windowID]')" value='X' />
<input type='button' onclick="maximizeApplication('[windowID]')" value='\u25A1' />
<input type='button' onclick="minimizeApplication('[windowID]')" value='_' />
<iframe class='appFrame' src='apps/[application name]'></iframe> <iframe class='appFrame' src='apps/[application name]'></iframe>
</div> </div>
[windowID] is replaced with i (defined above) [windowID] is replaced with i (defined above)
[application name] is replaced with parameter "app" (used to determine the application name to open). [application name] is replaced with parameter "app" (used to determine the application name to open).
The app parameter points to a subdirectory called apps. This means if you were to run openApplication(foo), it will attempt to The app parameter points to a subdirectory called apps. This means if you were to run openApplication(foo), it will attempt to open an
open an application stored at apps/foo/ Application stored at apps/foo/
Quite frustrating to work with, but it works. I'll make it fancier later, but right now it is good enough. Quite frustrating to work with, but it works. I'll make it fancier later, but right now it is good enough.
*/ */
var newElement="<div onclick=\"moveToFront('" + i + "')\" id='" + i + "' class='framewrap' style='width:" + width + "px; height:" + height + "px'><input type='button' onclick=\"closeApplication('" + i + "')\" value='X' /><input type='button' onclick=\"maximizeApplication('" + i + "')\" value='\u25A1' /><iframe class='appFrame' src='apps/" + app + "/'></iframe></div>"; var application="<div onclick=\"moveToFront('" + i + "')\" name='" + app + "' id='" + i + "' class='framewrap' style='width:" + width + "px; height:" + height + "px'><input type='button' onclick=\"closeApplication('" + i + "')\" value='X' /><input type='button' onclick=\"maximizeApplication('" + i + "')\" value='\u25A1' /><input type='button' onclick=\"minimizeApplication('" + i + "')\" value='_' /><iframe class='appFrame' src='apps/" + app + "/'></iframe></div>";
var taskbarApp="<div id='task" + i + "' onclick=\"minimizeApplication('" + i + "')\" class='taskbarApps'><img src='apps/" + app + "/" + appIcon + "' style='width:32px;height:32px' align='middle' /></div>";
var parent=document.getElementById('appContainer'); var parent=document.getElementById('appContainer');
parent.innerHTML+=newElement; parent.insertAdjacentHTML('beforeend', application);
var parent=document.getElementById('taskbarApps');
parent.insertAdjacentHTML('beforeend', taskbarApp);
if (width == "max" || height == "max") if (width == "max" || height == "max")
maximizeApplication(i); maximizeApplication(i);
moveToFront(i); moveToFront(i);
@ -182,12 +204,30 @@
function closeApplication(id) { function closeApplication(id) {
var application = document.getElementById(id); var application = document.getElementById(id);
var taskbarApp = document.getElementById('task' + id);
application.parentNode.removeChild(application); application.parentNode.removeChild(application);
taskbarApp.parentNode.removeChild(taskbarApp);
} // Closes an application. } // Closes an application.
function maximizeApplication(id) { function maximizeApplication(id) {
document.getElementById(id).setAttribute('style', "height: 93%; width: 99%; top: 40px; left: 0px"); document.getElementById(id).setAttribute('style', "height: 92%; width: 99%; top: 42px; left: 0px");
} // Maximize application
function minimizeApplication(id) {
var application = document.getElementById(id);
if (application.style.display === "none") {
application.style.display = "block";
} else {
application.style.display = "none";
} }
} // Minimize application
function idExists(id) {
if ($('#' + id).length)
return $('#' + id).attr('name');
else
return false;
} // Check if an ID exists
</script> </script>
</body> </body>
</html> </html>