| Line 1... |
Line 1... |
| 1 |
<?php
|
1 |
<?php
|
| 2 |
# $Id: network.php 2324 2017-07-10 10:18:59Z tom.houdayer $
|
2 |
# $Id: network.php 2325 2017-07-10 12:13:57Z tom.houdayer $
|
| 3 |
|
3 |
|
| 4 |
// written by steweb57, Rexy & Tom HOUDAYER
|
4 |
// written by steweb57, Rexy & Tom HOUDAYER
|
| 5 |
|
5 |
|
| 6 |
/********************
|
6 |
/********************
|
| 7 |
* READ CONF FILES *
|
7 |
* READ CONF FILES *
|
| Line 473... |
Line 473... |
| 473 |
$(document).ready(function () {
|
473 |
$(document).ready(function () {
|
| 474 |
const interfacesAvailable = <?= ((!empty($interfacesAvailable)) ? "['".implode("', '", $interfacesAvailable)."']" : '[]') ?>;
|
474 |
const interfacesAvailable = <?= ((!empty($interfacesAvailable)) ? "['".implode("', '", $interfacesAvailable)."']" : '[]') ?>;
|
| 475 |
|
475 |
|
| 476 |
const wireStyles = {
|
476 |
const wireStyles = {
|
| 477 |
available: { border: '5px double green' }
|
477 |
available: { border: '5px double green' }
|
| 478 |
}
|
478 |
};
|
| 479 |
|
479 |
|
| 480 |
// Add external network
|
480 |
// Add external network
|
| 481 |
$('.network-configurator .add-external-network').click(function (event) {
|
481 |
$('.network-configurator .add-external-network').click(function (event) {
|
| 482 |
event.preventDefault();
|
482 |
event.preventDefault();
|
| 483 |
let options = '';
|
483 |
let options = '';
|
| Line 540... |
Line 540... |
| 540 |
$().connections({ from: 'div[data-network-type="internet"]>div.network-connector[data-connector-network="internet"]', to: 'div[data-network-type="external"]>div.network-connector[data-connector-network="internet"]:last', css: wireStyles.available, within: 'div[data-network-type="external"]:last' });
|
540 |
$().connections({ from: 'div[data-network-type="internet"]>div.network-connector[data-connector-network="internet"]', to: 'div[data-network-type="external"]>div.network-connector[data-connector-network="internet"]:last', css: wireStyles.available, within: 'div[data-network-type="external"]:last' });
|
| 541 |
$().connections({ from: 'div[data-network-type="alcasar"]>div.network-connector[data-connector-network="external"]', to: 'div[data-network-type="external"]>div.network-connector[data-connector-network="external"]:last', css: wireStyles.available, within: 'div[data-network-type="external"]:last' });
|
541 |
$().connections({ from: 'div[data-network-type="alcasar"]>div.network-connector[data-connector-network="external"]', to: 'div[data-network-type="external"]>div.network-connector[data-connector-network="external"]:last', css: wireStyles.available, within: 'div[data-network-type="external"]:last' });
|
| 542 |
} else if (networkType === 'internal') {
|
542 |
} else if (networkType === 'internal') {
|
| 543 |
$().connections({ from: 'div[data-network-type="alcasar"]>div.network-connector[data-connector-network="internal"]', to: 'div[data-network-type="internal"]>div.network-connector[data-connector-network="internal"]:last', css: wireStyles.available, within: 'div[data-network-type="internal"]:last' });
|
543 |
$().connections({ from: 'div[data-network-type="alcasar"]>div.network-connector[data-connector-network="internal"]', to: 'div[data-network-type="internal"]>div.network-connector[data-connector-network="internal"]:last', css: wireStyles.available, within: 'div[data-network-type="internal"]:last' });
|
| 544 |
}
|
544 |
}
|
| 545 |
}
|
545 |
};
|
| - |
|
546 |
|
| - |
|
547 |
window.addEventListener('resize', function () {
|
| - |
|
548 |
$('div.network-connector[data-connector-network]').connections('update');
|
| - |
|
549 |
});
|
| 546 |
|
550 |
|
| 547 |
// Add wires to existing networks
|
551 |
// Add wires to existing networks
|
| 548 |
$('div[data-network-type="external"]').add('div[data-network-type="internal"]').each(function (index, element) {
|
552 |
$('div[data-network-type="external"]').add('div[data-network-type="internal"]').each(function (index, element) {
|
| 549 |
addWire($(this));
|
553 |
addWire($(this));
|
| 550 |
})
|
554 |
});
|
| 551 |
});
|
555 |
});
|
| 552 |
</script>
|
556 |
</script>
|
| 553 |
</head>
|
557 |
</head>
|
| 554 |
<body>
|
558 |
<body>
|
| 555 |
<div class="panel">
|
559 |
<div class="panel">
|