/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> |