Thursday, July 20, 2017

Steps to add jquery-ui to node-arc-d3 (working draft)

$ git clone https://github.com/bshambaugh/node-arc-d3.git
$ cd node-arc-d3
$ git checkout -b btc-setup
$ npm init
$ npm install --save d3 jquery jsonld lodash n3 requirejs urijs jquery-ui
$ cd src
View the source:
$ cat index.html

Test the source in the browser:
http://localhost/bc-node-arc-d3/node-arc-d3/src/

In the browser:
http://localhost/bc-node-arc-d3/node-arc-d3/src/data/

In the data window:
http://localhost/bc-node-arc-d3/node-arc-d3/src/data/old-Food-Growing-Methods.ttl

Press the "Load File / LDP Container" Button

Edit the source:
$ vim index.html

Add right below the <body> tag:
<script src="../node_modules/jquery-ui/demos/bootstrap.js">
$("#resizable").resizable({
     handles: "se"
});
</script>

....
  <div class="box d">
     <div class="box da">DA<textarea id="resizable" rows="5" cols="20"></textarea></div>
     <div class="box db">DB</div>
  </div>
.....
// This causes the rest of the code to fail even though I do get a resizable text box







No comments:

Post a Comment