corrade-nucleus-nucleons – Diff between revs 24 and 26

Subversion Repositories:

?pathlinks?

Rev 24 – Rev 28 – Go to most recent revision – Details – Blame – Last modification – View Log

     <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
     <!-- Corrade Nucleus Fonts -->
     <link href="/css/nucleus/fonts.css" rel="stylesheet" type="text/css">
     <!-- Customized bootstrap style. -->
     <link href="/css/nucleus/nucleus.css" rel="stylesheet" type="text/css">
+    <!-- Manager for Windows. -->
+    <link href="/css/wm/wm.css" rel="stylesheet" type="text/css">
     <!-- jsTree style -->
     <link href="/pack-rat/node_modules/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css">
     <!-- Bootstrap table -->
         <div class="jumbotron">
         <h1>Corrade Pack Rat</h1>
         <p class="lead">Pack Rat is an inventory manager for Corrade Nucleus that allows you to sort your inventory and perform other management operations.</p>
         <img src="/pack-rat/img/pack-rat.png"></div>
+		<div class="panel panel-default  draggable movable">
+		  <div class="panel-heading">
+		    <h3 class="panel-title">Pack-Rat</h3>
+		  </div>
+		  <div class="panel-body">
-        <!-- Will hold the inventory tree (completed dynamically). -->
+            <!-- Will hold the inventory tree (completed dynamically). -->
-        <div id="tree">
+            <div id="tree">
+            </div>
+		  </div>
+		</div>
+        <!-- Nucleons -->
+		<div class="panel panel-default draggable movable">
+		  <div class="panel-heading">
+		    <h3 class="panel-title">Nucleons</h3>
+		  </div>
+		  <div class="panel-body">
+		    <div id="nucleons" class="row"></div>
+		  </div>
-        </div>
+		</div>
         <footer class="footer">
             <p>&copy; 2017 Wizardry and Steamworks</p>
     <script src="/pack-rat/node_modules/moment/min/moment.min.js" type="text/javascript"></script>
     <!-- JsTree -->
     <script src="/pack-rat/node_modules/jstree/dist/jstree.min.js" type="text/javascript"></script>
     <!-- JSON to Table -->
     <script src="/pack-rat/node_modules/json-to-table/json-to-table.js" type="text/javascript"></script>
+    <!-- Interact JS -->
+    <script src="/node_modules/interactjs/dist/interact.min.js" type="text/javascript"></script>
+    <!-- Manager for Windows. -->
+    <script src="/js/wm/wm.js" type="text/javascript"></script>
+    <!-- Nucleons Loader -->
+    <script src="/js/nucleus/load-nucleons.js" type="text/javascript"></script>
     <!-- Main script -->
     <script type="text/javascript">
         $(function() {
             function customMenu(node) {
                 // The default set of menu items for all types
                                     .attr('src', '/pack-rat/img/loader.svg')
                                     .appendTo('#item-download-content');
                                 $('#item-download-modal')
                                     .modal('show')
                                     .on('hidden.bs.modal', function (e) {
-                                        $('#item-download-texture')
+                                        $('#item-download-content')
                                             .html('');
                                     });
                                 $.ajax({
                                     type: 'POST',
                                     url: '/',
                                         item: node.id,
                                         type: 'Notecard'
                                     },
                                     dataType: 'json'
                                 }).done(function(response) {
-                                    // Remove loader texture.
-                                    $("#item-download-texture")
+                                    $('#item-download-content')
                                         .html('');
                                     // Decode notecard and display it.
                                     $('#item-download-content').html(
                                         type: 'Sound',
                                         format: 'wav'
                                     },
                                     dataType: 'json'
                                 }).done(function(response) {
-                                    // Remove loader texture.
-                                    $("#item-download-texture")
+                                    $('#item-download-content')
                                         .html('');
                                     // Create HTML5 audio tags and load the data.
-                                    $('#item-download-content').html("<audio controls='controls'><source id='item-download-audio-source' src='' type='audio/wav'></source></audio>");
+                                    $('#item-download-content')
-                                    $('#item-download-audio-source').attr('src', 'data:audio/mp3;base64,' + response.data);
+                                        .html("<audio controls='' preload='auto'><source src='" + 'data:audio/x-wav;base64,' + response.data + "' type='audio/x-wav'></audio>");
                                 });
+                            }
+                        }
                     });
                 // Once the node is moved, update the node ID to reflect the path change.
                 var parentPath = data.parent != '/' ? data.parent : "";
                 var item = data.node.id.split(/[\/]+/).pop();
                 data.instance.set_id(data.node, parentPath + '/' + item);
             });
+            // Move context menu to top-most.
+            $('#tree').on('contextmenu', '.jstree-anchor', function (e) {
+                $('.vakata-context').css('z-index', getTopWindowIndex() + 1);
+            });
         });
     </script>
 </body>
 </html>