(ems) add button to clean local storage

pkg/emscripten/itch/index.html

@@ -88,6 +88,9 @@
                       <button class="btn btn-danger disabled" id="btnAdd" onclick="document.getElementById('btnRom').click()" title="Add Games" disabled>
                          <span class="fa fa-plus" id="icnAdd"></span> </span> <span class="sr-only"></span>
                       </button>
+                      <button class="btn btn-primary enabled" id="btnClean" onclick="cleanupStorage();" title="Cleanup" disabled>
+                        <span class="fa fa-trash-o" id="btnCleanup"></span> <span class="sr-only">Cleanup</span>
+                      </button>
                       <input class="btn btn-danger disabled" style="display: none" type="file" id="btnRom" name="upload" onclick="document.getElementById('btnAdd').click();" onchange="selectFiles(event.target.files)" multiple />
                       <button class="btn btn-danger disabled" id="btnFullscreen" onclick="Module.requestFullScreen()" title="Fullscreen" disabled>
                          <span class="fa fa-desktop" id="icnAdd"></span> <span class="sr-only">Fullscreen</span>

pkg/emscripten/itch/itch.js

@@ -50,6 +50,11 @@ function reload()
    window.top.location.reload();
 }
 
+function cleanupStorage()
+{
+   localStorage.clear();
+}
+
 function dropboxInit()
 {
   document.getElementById('btnRun').disabled = true;

pkg/emscripten/libretro/index.html

@@ -28,8 +28,6 @@
 
            <!--Collapse content-->
            <div class="collapse navbar-toggleable-xs" id="collapseEx2">
-               <!--Navbar Brand-->
-               <a class="navbar-brand" href="#">RetroArch</a>
                <!--Links-->
                <ul class="nav navbar-nav">
                   <div class="dropdown">
@@ -83,20 +81,22 @@
                            <a class="dropdown-item" href="." data-core="virtualjaguar">Virtual Jaguar</a>
                            <a class="dropdown-item" href="." data-core="yabause">Yabause</a>
                         </div>
-
                         <button class="btn btn-primary disabled" id="btnRun" onclick="startRetroArch()" disabled>
                            <span class="fa fa-spinner fa-spin" id="icnRun"></span> Run
                         </button>
                         <button class="btn btn-primary disabled" id="btnAdd" onclick="document.getElementById('btnRom').click()" disabled>
                            <span class="fa fa-plus" id="icnAdd"></span> Add Content
                         </button>
-                      <input class="btn btn-primary disabled" style="display: none" type="file" id="btnRom" name="upload" onclick="document.getElementById('btnAdd').click();" onchange="selectFiles(event.target.files)" multiple />
+                        <button class="btn btn-primary enabled" id="btnClean" onclick="cleanupStorage();" title="Cleanup" disabled>
-                      <button class="btn btn-primary disabled" id="btnFullscreen" onclick="Module.requestFullScreen()" title="Fullscreen" disabled>
+                           <span class="fa fa-trash-o" id="btnCleanup"></span> <span class="sr-only">Cleanup</span>
-                         <span class="fa fa-desktop" id="icnAdd"></span> <span class="sr-only">Fullscreen</span>
                         </button>
+                        <input class="btn btn-primary disabled" style="display: none" type="file" id="btnRom" name="upload" onclick="document.getElementById('btnAdd').click();" onchange="selectFiles(event.target.files)" multiple />
                         <button class="btn btn-primary disabled" id="btnMenu" onclick="keyPress(112);" title="Menu toggle" disabled>
                            <span class="fa fa-bars" id="btnMenu"></span> <span class="sr-only">Menu</span>
                         </button>
+                        <button class="btn btn-primary disabled" id="btnFullscreen" onclick="Module.requestFullScreen()" title="Fullscreen" disabled>
+                           <span class="fa fa-desktop" id="icnAdd"></span> <span class="sr-only">Fullscreen</span>
+                        </button>
                    </li>
                 </div>
                </ul>
@@ -114,7 +114,7 @@
    </div>
    <div class="container">
       <div class="row">
-         <div class="col-sm-12 form-group btn-group text-xs-center p-t-2">
+         <div class="col-sm-12 form-group btn-group text-xs-left p-t-2">
             <div class="btn-group" data-toggle="buttons">
                <label class="btn btn-primary" id="lblLocal" onclick=switchStorage("browser")>
                   <input type="radio" name="options" id="btnLocal" autocomplete="off" checked>
@@ -136,7 +136,6 @@
                      <textarea id="output" rows="15"></textarea>
                 </div>
             </div>
-
          </div>
       </div>
    </div>

pkg/emscripten/libretro/libretro.js

@@ -45,6 +45,11 @@ var showError = function(error) {
   }
 };
 
+function cleanupStorage()
+{
+   localStorage.clear();
+}
+
 function dropboxInit()
 {
   document.getElementById('btnRun').disabled = true;
@@ -329,6 +334,7 @@ $(function() {
          $('#lblLocal').addClass('active');
          preLoadingComplete();
          setupFileSystem("browser");
+         document.getElementById("btnClean").disabled = false;
       }
    });
  });