From 46fbaf26862a971da33c258af59cb81ca6ffd479 Mon Sep 17 00:00:00 2001
From: Steven Hugg <hugg@fasterlight.com>
Date: Sun, 30 Dec 2018 12:57:33 -0600
Subject: [PATCH] portrait mode warning

---
 doc/notes.txt |  5 ++++-
 src/ui.ts     | 47 +++++++++++++++++++++++++++++++++++++----------
 tss           |  2 +-
 3 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/doc/notes.txt b/doc/notes.txt
index d9b0fb51..31e0358d 100644
--- a/doc/notes.txt
+++ b/doc/notes.txt
@@ -85,8 +85,11 @@ TODO:
 - use alternate confirm/prompt dialogs
 - https://github.com/jvilk/BrowserFS
 - what if error in include file you can't edit b/c it never appears?
-- markdown: can't share
+- markdown, verilog: can't share
 - https://www.crowdsupply.com/tinyfpga/tinyfpga-bx
+- "rotate to landscape pls" message
+- instead of VL_RAND_RESET_Q, make warning about >32 bits
+- HTTPS warning
 
 
 WEB WORKER FORMAT
diff --git a/src/ui.ts b/src/ui.ts
index e0f8733f..454657e1 100644
--- a/src/ui.ts
+++ b/src/ui.ts
@@ -148,7 +148,7 @@ function refreshWindowList() {
     var mode = tool && TOOL_TO_SOURCE_STYLE[tool];
     return new Views.SourceEditor(path, mode);
   }
-  
+
   function addEditorItem(id:string) {
     var data = current_project.getFile(id);
     if (typeof data === 'string')
@@ -1139,6 +1139,27 @@ function setupReplaySlider() {
     $("#dbg_record").click(_toggleRecording).show();
 }
 
+
+function isLandscape() {
+  try {
+    var object = window.screen['orientation'] || window.screen.msOrientation || window.screen['mozOrientation'] || null;
+    if (object) {
+      if (object.type.indexOf('landscape') !== -1) { return true; }
+      if (object.type.indexOf('portrait') !== -1) { return false; }
+    }
+    if ('orientation' in window) {
+      var value = window.orientation;
+      if (value === 0 || value === 180) {
+        return false;
+      } else if (value === 90 || value === 270) {
+        return true;
+      }
+    }
+  } catch (e) { }
+  // fallback to comparing width to height
+  return window.innerWidth > window.innerHeight;
+}
+
 function showWelcomeMessage() {
   if (hasLocalStorage && !localStorage.getItem("8bitworkshop.hello")) {
     // Instance the tour
@@ -1171,20 +1192,27 @@ function showWelcomeMessage() {
           element: "#dropdownMenuButton",
           title: "Main Menu",
           content: "Click the menu to download your code, switch between platforms, create new files, or share your work with others."
-        }];
-    if (!is_vcs) {
-      steps.push({
-        element: "#windowMenuButton",
-        title: "Window List",
-        content: "Switch between editor windows, assembly listings, and other tools like disassembler and memory dump."
-      });
-    }
+        },
+        {
+          element: "#sidebar",
+          title: "Sidebar",
+          content: "Switch between editor windows, assembly listings, and other tools like disassembler and memory dump."
+        }
+      ];
     steps.push({
       element: "#booksMenuButton",
       placement: 'left',
       title: "Bookstore",
       content: "Get some books that explain how to program all of this stuff!"
     });
+    if (!isLandscape()) {
+      steps.unshift({
+        element: "#controls_top",
+        placement: 'bottom',
+        title: "Portrait mode detected",
+        content: "This site works best on desktop browsers. For best results, rotate your device to landscape orientation."
+      });
+    }
     var tour = new Tour({
       autoscroll:false,
       //storage:false,
@@ -1390,4 +1418,3 @@ export function startUI(loadplatform : boolean) {
     }
   }
 }
-
diff --git a/tss b/tss
index 61a1691a..d630ddcb 160000
--- a/tss
+++ b/tss
@@ -1 +1 @@
-Subproject commit 61a1691a1de05dca3b694bf603db49ffbaf572cf
+Subproject commit d630ddcb29d74a178cde043d74188fac35d6a21f