|
|
@@ -513,6 +513,7 @@
|
|
|
|
|
|
.notificationbar .cover{
|
|
|
backdrop-filter: blur(2px);
|
|
|
+ -webkit-backdrop-filter: blur(2px);
|
|
|
position:absolute;
|
|
|
top:0px;
|
|
|
left:0px;
|
|
|
@@ -690,10 +691,10 @@
|
|
|
<div class="hostname statusbarpadding">
|
|
|
Welcome
|
|
|
</div>
|
|
|
- <div class="clock statusbarpadding" style="display: table-cell; cursor:pointer; user-select: none;" onclick="toggleNotification();">
|
|
|
+ <div class="clock statusbarpadding" style="display: table-cell; cursor:pointer; user-select: none;" onclick="toggleNotification();" ontouchstart="toggleNotification();">
|
|
|
ArOZ Online Desktop
|
|
|
</div>
|
|
|
- <div class="quicktools" onclick="showToolPanel();">
|
|
|
+ <div class="quicktools" onclick="showToolPanel();" ontouchend="showToolPanel();">
|
|
|
<div class="qtwrapper">
|
|
|
<i class="content icon"></i>
|
|
|
</div>
|
|
|
@@ -718,7 +719,7 @@
|
|
|
<div class="auto-jsCalendar blue"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="cover" onclick='toggleNotification("hide");'>
|
|
|
+ <div class="cover" onclick='toggleNotification("hide");' ontouchstart='toggleNotification("hide");'>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -811,15 +812,15 @@
|
|
|
</div>
|
|
|
<div class="item" style="padding-bottom:12px;">
|
|
|
<i class="volume up icon"></i> System Global Volume
|
|
|
- <div class="ts fluid small progress" style="margin-top:8px; cursor:pointer;" onclick="updateVolume(this,event);">
|
|
|
+ <div class="ts fluid small progress" style="margin-top:8px; cursor:pointer;" onclick="updateVolume(this,event);" >
|
|
|
<div id="volumebar" class="bar" style="width: 0%; background-color:#52C9FF; cursor:pointer;"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item" id="settingButton" onclick="showSystemSettings(); hideToolPanel();">
|
|
|
+ <div class="item" id="settingButton" onclick="showSystemSettings(); hideToolPanel();" ontouchend="showSystemSettings(); hideToolPanel();">
|
|
|
<i class="setting icon"></i> System Settings
|
|
|
<!-- <div style="float:right;"><i class="caret right icon"></i></div> -->
|
|
|
</div>
|
|
|
- <div class="item" onclick="fullscreen(); hideToolPanel();">
|
|
|
+ <div class="item" onclick="fullscreen(); hideToolPanel();" ontouchend="fullscreen(); hideToolPanel();">
|
|
|
<i class="maximize icon"></i> Toggle Fullscreen
|
|
|
</div>
|
|
|
<div class="ts divider"></div>
|
|
|
@@ -828,10 +829,10 @@
|
|
|
<i class="log out icon"></i> Logout
|
|
|
</div>
|
|
|
-->
|
|
|
- <div class="item hardware" onclick="restart(); hideToolPanel();">
|
|
|
+ <div class="item hardware" onclick="restart(); hideToolPanel();" ontouchend="restart(); hideToolPanel();">
|
|
|
<i class="repeat icon"></i> Restart
|
|
|
</div>
|
|
|
- <div class="item hardware" style="color:#b51d1d;" onclick="shutdown(); hideToolPanel();">
|
|
|
+ <div class="item hardware" style="color:#b51d1d;" onclick="shutdown(); hideToolPanel();" ontouchend="shutdown(); hideToolPanel();">
|
|
|
<i class="power icon"></i> Power Off
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -4417,10 +4418,31 @@
|
|
|
hideAllContextMenus();
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+ document.getElementById("volumebar").parentNode.addEventListener("touchstart", function(e){
|
|
|
+ updateVolume( document.getElementById("volumebar").parentNode, e);
|
|
|
+ });
|
|
|
+
|
|
|
+ function getCoordinateFromEvent(e){
|
|
|
+ if (e.originalEvent == undefined){
|
|
|
+ e.originalEvent = e;
|
|
|
+ }
|
|
|
+ if(e.type == 'touchstart' || e.type == 'touchmove' || e.type == 'touchend' || e.type == 'touchcancel'){
|
|
|
+ var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
|
|
|
+ x = touch.pageX;
|
|
|
+ y = touch.pageY;
|
|
|
+ } else if (e.type == 'mousedown' || e.type == 'mouseup' || e.type == 'mousemove' || e.type == 'mouseover'|| e.type=='mouseout' || e.type=='mouseenter' || e.type=='mouseleave') {
|
|
|
+ x = e.clientX;
|
|
|
+ y = e.clientY;
|
|
|
+ }
|
|
|
+ return [x,y];
|
|
|
+ }
|
|
|
+
|
|
|
function updateVolume(object, event){
|
|
|
var width = $(object).width();
|
|
|
var left = $(object).offset().left;
|
|
|
- var clickRel = event.clientX - left;
|
|
|
+ var clickPosition = getCoordinateFromEvent(event)[0];
|
|
|
+ var clickRel = clickPosition - left;
|
|
|
var percentage = clickRel / width * 100;
|
|
|
if (percentage < 0){
|
|
|
percentage = 0;
|
|
|
@@ -4802,17 +4824,17 @@
|
|
|
}, 15000);
|
|
|
|
|
|
function getDesktopHash(callback){
|
|
|
- $.ajax({
|
|
|
- url: "../../system/file_system/listDirHash",
|
|
|
- data: {dir: "user:/Desktop/"},
|
|
|
- success: function(data){
|
|
|
- if (data.error !== undefined){
|
|
|
-
|
|
|
- }
|
|
|
- callback(data);
|
|
|
+ $.ajax({
|
|
|
+ url: "../../system/file_system/listDirHash",
|
|
|
+ data: {dir: "user:/Desktop/"},
|
|
|
+ success: function(data){
|
|
|
+ if (data.error !== undefined){
|
|
|
+
|
|
|
}
|
|
|
- })
|
|
|
- }
|
|
|
+ callback(data);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
</script>
|
|
|
</body>
|
|
|
|
TC pushbot 5
