| /pack-rat/003_pack_rat/pack-rat/index.html |
|---|
| @@ -17,6 +17,8 @@ |
|---|
| <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"> |
| @@ -118,9 +120,26 @@ |
|---|
| <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> |
| |
| <!-- Will hold the inventory tree (completed dynamically). --> |
| <div id="tree"> |
| </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). --> |
| <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> |
| |
| <footer class="footer"> |
| <p>© 2017 Wizardry and Steamworks</p> |
| @@ -143,6 +162,12 @@ |
|---|
| <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() { |
| @@ -231,7 +256,7 @@ |
|---|
| $('#item-download-modal') |
| .modal('show') |
| .on('hidden.bs.modal', function (e) { |
| $('#item-download-texture') |
| $('#item-download-content') |
| .html(''); |
| }); |
| $.ajax({ |
| @@ -279,8 +304,7 @@ |
|---|
| }, |
| dataType: 'json' |
| }).done(function(response) { |
| // Remove loader texture. |
| $("#item-download-texture") |
| $('#item-download-content') |
| .html(''); |
| |
| // Decode notecard and display it. |
| @@ -323,13 +347,12 @@ |
|---|
| }, |
| 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-audio-source').attr('src', 'data:audio/mp3;base64,' + response.data); |
| $('#item-download-content') |
| .html("<audio controls='' preload='auto'><source src='" + 'data:audio/x-wav;base64,' + response.data + "' type='audio/x-wav'></audio>"); |
| }); |
| } |
| } |
| @@ -505,6 +528,11 @@ |
|---|
| 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> |
