summaryrefslogtreecommitdiffstats
path: root/modules-available
diff options
context:
space:
mode:
Diffstat (limited to 'modules-available')
-rw-r--r--modules-available/locations/page.inc.php4
-rw-r--r--modules-available/locations/templates/location-subnets.html6
-rw-r--r--modules-available/roomplanner/hooks/runmode/config.json3
-rw-r--r--modules-available/roomplanner/js/grid.js85
-rw-r--r--modules-available/roomplanner/page.inc.php45
-rw-r--r--modules-available/roomplanner/permissions/permissions.json11
-rw-r--r--modules-available/roomplanner/style.css3
-rw-r--r--modules-available/roomplanner/templates/footer.html59
-rw-r--r--modules-available/roomplanner/templates/header.html49
-rw-r--r--modules-available/roomplanner/templates/item-selector.html314
-rw-r--r--modules-available/roomplanner/templates/main-roomplan.html18
-rw-r--r--modules-available/roomplanner/templates/page.html369
12 files changed, 534 insertions, 432 deletions
diff --git a/modules-available/locations/page.inc.php b/modules-available/locations/page.inc.php
index 08f9b518..0a6fdb10 100644
--- a/modules-available/locations/page.inc.php
+++ b/modules-available/locations/page.inc.php
@@ -495,9 +495,7 @@ class Page_Locations extends Page
{
$locationId = Request::any('locationid', 0, 'integer');
- if (!User::hasPermission("location.view", $locationId)) {
- die('Permission denied');
- }
+ User::assertPermission("location.view", $locationId);
$loc = Database::queryFirst('SELECT locationid, parentlocationid, locationname FROM location WHERE locationid = :lid',
array('lid' => $locationId));
diff --git a/modules-available/locations/templates/location-subnets.html b/modules-available/locations/templates/location-subnets.html
index 9db75f0b..db94be0a 100644
--- a/modules-available/locations/templates/location-subnets.html
+++ b/modules-available/locations/templates/location-subnets.html
@@ -75,9 +75,11 @@
</div>
<div class="col-md-4 text-center">
{{#roomplanner}}
- <a class="btn btn-default {{perms.roomplanner.edit.disabled}}" href="?do=roomplanner&amp;locationid={{locationid}}" target="_blank"
+ <a class="btn btn-default" href="?do=roomplanner&amp;locationid={{locationid}}" target="_blank"
onclick="window.open(this.href, '_blank', 'toolbar=0,scrollbars,resizable');return false">
- <span class="glyphicon glyphicon-move"></span> {{lang_editRoomplan}}
+ <span class="glyphicon glyphicon-move"></span>
+ {{^perms.roomplanner.edit.disabled}}{{lang_editRoomplan}}{{/perms.roomplanner.edit.disabled}}
+ {{#perms.roomplanner.edit.disabled}}{{lang_showRoomplan}}{{/perms.roomplanner.edit.disabled}}
</a>
{{/roomplanner}}
</div>
diff --git a/modules-available/roomplanner/hooks/runmode/config.json b/modules-available/roomplanner/hooks/runmode/config.json
index 27c601fd..3cbf4a6c 100644
--- a/modules-available/roomplanner/hooks/runmode/config.json
+++ b/modules-available/roomplanner/hooks/runmode/config.json
@@ -3,5 +3,6 @@
"isClient": false,
"configHook": "PvsGenerator::runmodeConfigHook",
"allowGenericEditor": false,
- "deleteUrlSnippet": "locationid="
+ "deleteUrlSnippet": "locationid=",
+ "permission": ".roomplanner.edit"
} \ No newline at end of file
diff --git a/modules-available/roomplanner/js/grid.js b/modules-available/roomplanner/js/grid.js
index 466e42aa..ced76678 100644
--- a/modules-available/roomplanner/js/grid.js
+++ b/modules-available/roomplanner/js/grid.js
@@ -1,5 +1,9 @@
+var $gridInner = $('#draw-element-area');
+var $gridFrame = $('#drawpanel');
+var $grid = $('#drawarea');
+
if (!roomplanner) var roomplanner = {
-
+
getScaleFactor: function() {
return this.settings.scale/100;
},
@@ -280,7 +284,7 @@ if (!roomplanner) var roomplanner = {
"computers": []
};
- var furniture = $('#draw-element-area div[itemtype="furniture"]');
+ var furniture = $gridInner.find('div[itemtype="furniture"]');
furniture.each(function(idx,el) {
objects.furniture.push({
"gridRow" : $(el).attr('gridRow'),
@@ -291,7 +295,7 @@ if (!roomplanner) var roomplanner = {
});
});
- var computers = $('#draw-element-area div[itemtype="pc"]');
+ var computers = $gridInner.find('div[itemtype="pc"]');
computers.each(function(idx,el) {
var object = {
@@ -326,7 +330,7 @@ if (!roomplanner) var roomplanner = {
var objects = object;
}
- $('#draw-element-area').html('');
+ $gridInner.html('');
function itemToHtml(item, itemtype, obstacle) {
var html = '<div itemtype="'+itemtype+'" style="position:absolute;" ';
@@ -335,15 +339,18 @@ if (!roomplanner) var roomplanner = {
html += prop+'="'+item[prop]+'" ';
}
html += 'class="draggable ui-draggable';
- html+= '"></div>';
- return html;
+ if (PLANNER_READ_ONLY) {
+ html += ' disabled';
+ }
+ html += '"></div>';
+ return html;
}
if (objects.furniture) {
var furniture = objects.furniture;
for (var piece in furniture) {
var item = itemToHtml(furniture[piece], "furniture", true);
- $('#draw-element-area').append(item);
+ $gridInner.append(item);
}
}
@@ -353,51 +360,53 @@ if (!roomplanner) var roomplanner = {
var computers = objects.computers;
for (var piece in computers) {
var item = itemToHtml(computers[piece], "pc", false);
- $('#draw-element-area').append(item);
+ $gridInner.append(item);
}
}
- $('#draw-element-area .draggable').each(function(idx,el) {
+ $gridInner.find('.draggable').each(function(idx,el) {
roomplanner.initDraggable(el);
roomplanner.initResizable(el);
- roomplanner.initTooltip(el);
- roomplanner.initRotation(el);
- roomplanner.initDelete(el);
- roomplanner.initTutor(el);
+ if (!PLANNER_READ_ONLY) {
+ roomplanner.initTooltip(el);
+ roomplanner.initRotation(el);
+ roomplanner.initDelete(el);
+ roomplanner.initTutor(el);
+ }
});
roomplanner.grid.scale(roomplanner.settings.scale);
roomplanner.fitContent();
},
clear: function() {
- $('#draw-element-area').html('');
+ $gridInner.html('');
}
};
roomplanner.grid = (function() {
var grid = {
resize: function() {
- var w = Math.max($('#drawpanel .panel-body').width(),roomplanner.settings.room.width*roomplanner.settings.scale)
- var h = Math.max($('#drawpanel .panel-body').height(),roomplanner.settings.room.height*roomplanner.settings.scale)
- $('#drawarea').width(w);
- $('#drawarea').height(h);
+ var w = Math.max($gridFrame.find('.panel-body').width(),roomplanner.settings.room.width*roomplanner.settings.scale)
+ var h = Math.max($gridFrame.find('.panel-body').height(),roomplanner.settings.room.height*roomplanner.settings.scale)
+ $grid.width(w);
+ $grid.height(h);
},
scale: function(num) {
- var area_left = parseInt($('#drawarea').css('left')) - $('#drawpanel .panel-body').width()/2 ;
- var area_top = parseInt($('#drawarea').css('top')) - $('#drawpanel .panel-body').height()/2;
+ var area_left = parseInt($grid.css('left')) - $gridFrame.find('.panel-body').width()/2 ;
+ var area_top = parseInt($grid.css('top')) - $gridFrame.find('.panel-body').height()/2;
var opts = {
- left: ((parseInt(area_left) * num / roomplanner.settings.scale ) + $('#drawpanel .panel-body').width()/2)+ "px" ,
- top: ((parseInt(area_top) * num / roomplanner.settings.scale ) + $('#drawpanel .panel-body').height()/2)+ "px"
+ left: ((parseInt(area_left) * num / roomplanner.settings.scale ) + $gridFrame.find('.panel-body').width()/2)+ "px" ,
+ top: ((parseInt(area_top) * num / roomplanner.settings.scale ) + $gridFrame.find('.panel-body').height()/2)+ "px"
};
- $('#drawarea').css(opts);
+ $grid.css(opts);
- $('#drawarea').css('background-size',num);
+ $grid.css('background-size',num);
roomplanner.settings.scale = num;
- $('#draw-element-area .ui-draggable').each(function(idx,item) {
+ $gridInner.find('.ui-draggable').each(function(idx,item) {
var $item = $(item);
var h = $item.attr('data-height') * roomplanner.getScaleFactor();
var w = $item.attr('data-width') * roomplanner.getScaleFactor();
@@ -431,7 +440,7 @@ roomplanner.fitContent = function() {
var minY = 99999;
var maxX = -99999;
var maxY = -99999;
- $('#draw-element-area .ui-draggable').each(function(idx,item) {
+ $gridInner.find('.ui-draggable').each(function(idx,item) {
var $item = $(item);
var l = parseInt($item.attr('gridcol')) * roomplanner.settings.cellsize;
@@ -446,8 +455,8 @@ roomplanner.fitContent = function() {
});
if (minX > maxX)
return;
- var width = (maxX - minX) / $('#drawpanel .panel-body').width();
- var height = (maxY - minY) / $('#drawpanel .panel-body').height();
+ var width = (maxX - minX) / $gridFrame.find('.panel-body').width();
+ var height = (maxY - minY) / $gridFrame.find('.panel-body').height();
var scale;
if (width > height) {
scale = Math.floor(100 / width);
@@ -461,7 +470,7 @@ roomplanner.fitContent = function() {
top: -(minY * (scale / 100)) + "px"
};
- $('#drawarea').css(opts);
+ $grid.css(opts);
};
$(document).ready(function(){
@@ -480,12 +489,12 @@ $(document).ready(function(){
change: update,
slide: update,
stop: function(e, ui) {
- $('#drawarea').trigger('checkposition');
+ $grid.trigger('checkposition');
}
});
- $('#drawarea').bind('checkposition', function() {
+ $grid.bind('checkposition', function() {
if ($(this).offset().left > 0) {
$(this).css('left',0);
}
@@ -502,7 +511,7 @@ $(document).ready(function(){
}
});
- $('#drawarea').draggable({
+ $grid.draggable({
stop: function() {
$(this).trigger('checkposition');
}
@@ -512,7 +521,7 @@ $(document).ready(function(){
* adds droppable functionality to the draw area for the elements.
* drop event is only fired for elements added to the board from the toolbar.
*/
- $('#draw-element-area').droppable({
+ $gridInner.droppable({
accept: ".draggable",
drop: function(event, ui) {
@@ -528,8 +537,8 @@ $(document).ready(function(){
if (ui.helper != ui.draggable) {
- var leftPos = parseInt($(el).css('left'))-parseInt($('#drawarea').css('left'))-$('#drawpanel').offset().left;
- var topPos = parseInt($(el).css('top'))-parseInt($('#drawarea').css('top'))-($('#drawpanel').offset().top + $('#drawpanel .panel-heading').height());
+ var leftPos = parseInt($(el).css('left'))-parseInt($grid.css('left'))-$gridFrame.offset().left;
+ var topPos = parseInt($(el).css('top'))-parseInt($grid.css('top'))-($gridFrame.offset().top + $gridFrame.find('.panel-heading').height());
var cp = roomplanner.getCellPositionFromPixels(leftPos,topPos);
leftPos = cp[0];
topPos = cp[1];
@@ -575,8 +584,8 @@ $(document).ready(function(){
$(el).css('opacity',1);
if (ui.helper != ui.draggable) {
- var l = parseInt($(el).css('left'))-parseInt($('#drawarea').css('left'))-$('#drawpanel').offset().left;
- var t = parseInt($(el).css('top'))-parseInt($('#drawarea').css('top'))-($('#drawpanel').offset().top + $('#drawpanel .panel-heading').height());
+ var l = parseInt($(el).css('left'))-parseInt($grid.css('left'))-$gridFrame.offset().left;
+ var t = parseInt($(el).css('top'))-parseInt($grid.css('top'))-($gridFrame.offset().top + $gridFrame.find('.panel-heading').height());
var cp = roomplanner.getCellPositionFromPixels(l,t);
$(el).css('left',cp[0]);
$(el).css('top',cp[1]);
@@ -596,7 +605,7 @@ $(document).ready(function(){
if ($(el).attr('itemtype') == "pc") {
var uuids = [];
- var computers = $('#draw-element-area div[itemtype="pc"]');
+ var computers = $gridInner.find('div[itemtype="pc"]');
computers.each(function(idx,el) {
if ($(el).attr('muuid')) {
uuids.push($(el).attr('muuid'));
diff --git a/modules-available/roomplanner/page.inc.php b/modules-available/roomplanner/page.inc.php
index 764d5cdb..2712560a 100644
--- a/modules-available/roomplanner/page.inc.php
+++ b/modules-available/roomplanner/page.inc.php
@@ -30,7 +30,7 @@ class Page_Roomplanner extends Page
{
User::load();
- if (!User::hasPermission('superadmin')) {
+ if (!User::isLoggedIn()) {
Message::addError('main.no-permission');
Util::redirect('?do=Main');
}
@@ -79,13 +79,22 @@ class Page_Roomplanner extends Page
$subnetMachines = $this->getPotentialMachines();
$machinesOnPlan = $this->getMachinesOnPlan($config['tutoruuid']);
$roomConfig = array_merge($furniture, $machinesOnPlan);
- Render::addTemplate('page', [
+ $canEdit = User::hasPermission('edit', $this->locationid);
+ $params = [
'location' => $this->location,
'managerip' => $managerIp,
'dediMgrChecked' => $dediMgr,
'subnetMachines' => json_encode($subnetMachines),
'locationid' => $this->locationid,
- 'roomConfiguration' => json_encode($roomConfig)]);
+ 'roomConfiguration' => json_encode($roomConfig),
+ 'edit_disabled' => $canEdit ? '' : 'disabled'
+ ];
+ Render::addTemplate('header', $params);
+ if ($canEdit) {
+ Render::addTemplate('item-selector', $params);
+ }
+ Render::addTemplate('main-roomplan', $params);
+ Render::addTemplate('footer', $params);
} else {
Message::addError('main.invalid-action', $this->action);
}
@@ -97,16 +106,30 @@ class Page_Roomplanner extends Page
$this->action = Request::any('action', false, 'string');
if ($this->action === 'getmachines') {
+
+ $locations = User::getAllowedLocations('edit');
+ if (empty($locations)) {
+ die('{"machines":[]}');
+ }
+
$query = Request::get('query', false, 'string');
$aquery = preg_replace('/[^\x01-\x7f]+/', '%', $query);
+ if (strlen(str_replace('%', '', $aquery)) < 2) {
+ $aquery = $query;
+ }
+
+ $condition = 'locationid IN (:locations)';
+ if (in_array(0, $locations)) {
+ $condition .= ' OR locationid IS NULL';
+ }
- $result = Database::simpleQuery('SELECT machineuuid, macaddr, clientip, hostname, fixedlocationid '
- . 'FROM machine '
- . 'WHERE machineuuid LIKE :aquery '
- . ' OR macaddr LIKE :aquery '
- . ' OR clientip LIKE :aquery '
- . ' OR hostname LIKE :query '
- . ' LIMIT 100', ['query' => "%$query%", 'aquery' => "%$aquery%"]);
+ $result = Database::simpleQuery("SELECT machineuuid, macaddr, clientip, hostname, fixedlocationid
+ FROM machine
+ WHERE ($condition) AND machineuuid LIKE :aquery
+ OR macaddr LIKE :aquery
+ OR clientip LIKE :aquery
+ OR hostname LIKE :query
+ LIMIT 100", ['query' => "%$query%", 'aquery' => "%$aquery%", 'locations' => $locations]);
$returnObject = ['machines' => []];
@@ -134,7 +157,7 @@ class Page_Roomplanner extends Page
private function handleSaveRequest($isAjax)
{
- /* save */
+ User::assertPermission('edit', $this->locationid);
$machinesOnPlan = $this->getMachinesOnPlan('invalid');
$config = Request::post('serializedRoom', null, 'string');
$config = json_decode($config, true);
diff --git a/modules-available/roomplanner/permissions/permissions.json b/modules-available/roomplanner/permissions/permissions.json
index f7bc3479..6a520a89 100644
--- a/modules-available/roomplanner/permissions/permissions.json
+++ b/modules-available/roomplanner/permissions/permissions.json
@@ -1,10 +1,5 @@
{
- "compilerOptions": {
- "module": "commonjs",
- "target": "es5",
- "sourceMap": true
- },
- "exclude": [
- "node_modules"
- ]
+ "edit": {
+ "location-aware": true
+ }
} \ No newline at end of file
diff --git a/modules-available/roomplanner/style.css b/modules-available/roomplanner/style.css
index 6a68a444..9359f82b 100644
--- a/modules-available/roomplanner/style.css
+++ b/modules-available/roomplanner/style.css
@@ -715,6 +715,9 @@ div.draggable:hover .deleteHandle {
display:inline;
cursor: pointer;}
+.draggable.disabled {
+ pointer-events: none;
+}
[itemtype="furniture"], [itemtype="furniture_drag"] {
z-index: 99;
diff --git a/modules-available/roomplanner/templates/footer.html b/modules-available/roomplanner/templates/footer.html
new file mode 100644
index 00000000..6e4e0783
--- /dev/null
+++ b/modules-available/roomplanner/templates/footer.html
@@ -0,0 +1,59 @@
+<div class="pull-left">
+ <div class="input-group" style="width:1px">
+ <div class="input-group-addon">{{lang_managerIp}}</div>
+ <input class="form-control" type="text" id="manager-ip" value="{{managerip}}" placeholder="1.2.3.4"
+ style="width:120px" {{edit_disabled}}>
+ <div class="input-group-addon checkbox">
+ <input id="dedi-mgr" type="checkbox" {{dediMgrChecked}} {{edit_disabled}}>
+ <label for="dedi-mgr">{{lang_dedicatedManager}}</label>
+ </div>
+ </div>
+</div>
+<div class="pull-right">
+ <button class="btn btn-default" onclick="triggerCancel()">{{lang_cancel}}</button>
+ <button id="saveBtn" class="btn btn-primary" {{edit_disabled}}>{{lang_save}}</button>
+</div>
+<div class="clearfix"></div>
+
+
+<script type="application/javascript"><!--
+var locationId = '{{locationid}}';
+var subnetMachines, roomConfiguration;
+var plannerLoadState = 'invalid';
+const PLANNER_READ_ONLY = '{{edit_disabled}}'.length !== 0;
+document.addEventListener("DOMContentLoaded", function () {
+
+ subnetMachines = makeCombinedField({{{subnetMachines}}});
+ roomConfiguration = {{{roomConfiguration}}};
+
+ $.when(
+ $.getScript("modules/roomplanner/js/lib/jquery-collision.js"),
+ $.getScript("modules/roomplanner/js/lib/jquery-ui-draggable-collision.js"),
+ $.getScript("modules/roomplanner/js/grid.js"),
+ $.Deferred(function( deferred ){
+ $( deferred.resolve );
+ })
+ ).done(function() {
+ $.getScript("modules/roomplanner/js/init.js", function() {
+ initRoomplanner();
+ loadRoom();
+ });
+ });
+});
+
+function loadRoom() {
+ roomplanner.load(roomConfiguration); // TODO: Filter invalid PCs, they're currently invisible and cannot be removed
+ plannerLoadState = roomplanner.serialize();
+}
+
+function triggerCancel() {
+ if (roomplanner.serialize() !== plannerLoadState) {
+ if (!confirm('{{lang_confirmDiscardChanges}}'))
+ return;
+ }
+ window.close();
+ // In case this page wasn't opened via JS, it will not close on modern browsers, so let's reset
+ loadRoom();
+}
+
+// --></script>
diff --git a/modules-available/roomplanner/templates/header.html b/modules-available/roomplanner/templates/header.html
new file mode 100644
index 00000000..5706c970
--- /dev/null
+++ b/modules-available/roomplanner/templates/header.html
@@ -0,0 +1,49 @@
+<!-- Modal -->
+<div class="modal fade" id="selectMachineModal" role="dialog">
+ <div class="modal-dialog">
+
+ <!-- Modal content-->
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal">&times;</button>
+ <h4>{{lang_titleAddMachine}}</h4>
+ </div>
+ <div class="modal-body">
+ <ul class="nav nav-tabs">
+ <li class="active"><a data-toggle="tab" href="#subnet">{{lang_titleBySubnet}}</a></li>
+ <li><a data-toggle="tab" href="#search">{{lang_titleBySearch}}</a></li>
+ </ul>
+ <div class="tab-content">
+ <div id="subnet" class="tab-pane fade in active">
+ <br/>
+ <p>
+ {{lang_descriptionBySubnet}}
+ </p>
+ <label for="subnetBox">{{lang_labelBySubnet}}</label>
+ <input id="subnetBox" class="form-control"/>
+ </div>
+ <div id="search" class="tab-pane fade">
+ <br/>
+ <p> {{lang_descriptionBySearch}}</p>
+ <label for="machineSearchBox">{{lang_labelBySearch}}</label>
+ <input id="machineSearchBox" class="form-control"/>
+ </div>
+
+ </div>
+
+
+ </div>
+ <div class="modal-footer">
+ <button class="btn btn-default pull-left" data-dismiss="modal">{{lang_cancel}}</button>
+ <button class="btn btn-primary" id="selectMachineButton" {{edit_disabled}}>{{lang_select}}</button>
+ </div>
+ </div>
+ </div>
+</div>
+
+<!-- berryous raumplaner -->
+<h1>{{lang_roomplanner}} – {{location.locationname}}</h1>
+
+<div class="alert alert-danger" style="display:none" id="error-msg"></div>
+<div class="alert alert-success" style="display:none" id="success-msg">{{lang_planSuccessfullySaved}}</div>
+<div class="alert alert-info" style="display:none" id="saving-msg">{{lang_planBeingSaved}}</div> \ No newline at end of file
diff --git a/modules-available/roomplanner/templates/item-selector.html b/modules-available/roomplanner/templates/item-selector.html
new file mode 100644
index 00000000..72607e7c
--- /dev/null
+++ b/modules-available/roomplanner/templates/item-selector.html
@@ -0,0 +1,314 @@
+<div id="toolpanel" class="panel panel-default" style="z-index:200;">
+ <div class="panel-body">
+ <ul role="tablist" class="nav nav-tabs">
+ <li role="presentation" class="active"><a href="#computers"
+ aria-controls="computers" role="tab"
+ data-toggle="tab">{{lang_catComputers}}</a></li>
+ <li role="presentation"><a href="#walls"
+ aria-controls="walls" role="tab" data-toggle="tab">{{lang_catWalls}}</a></li>
+ <li role="presentation"><a href="#electricaldevices"
+ aria-controls="electricaldevices" role="tab"
+ data-toggle="tab">{{lang_catElectricalDevices}}</a></li>
+ <li role="presentation"><a href="#tables"
+ aria-controls="tables" role="tab" data-toggle="tab">{{lang_catTables}}</a></li>
+ <li role="presentation"><a href="#chairs"
+ aria-controls="chairs" role="tab" data-toggle="tab">{{lang_catChairs}}</a></li>
+ <li role="presentation"><a href="#furniture"
+ aria-controls="furniture" role="tab" data-toggle="tab">{{lang_catFurniture}}</a>
+ </li>
+ <li role="presentation"><a href="#officesupply"
+ aria-controls="officesupply" role="tab"
+ data-toggle="tab">{{lang_catOfficeSupply}}</a></li>
+ <li role="presentation"><a href="#plants"
+ aria-controls="plants" role="tab" data-toggle="tab">{{lang_catPlants}}</a></li>
+ <li role="presentation"><a href="#misc"
+ aria-controls="misc" role="tab" data-toggle="tab">{{lang_catMisc}}</a></li>
+ </ul>
+ <div class="tab-content">
+ <div role="tabpanel" class="tab-pane" id="walls">
+ <ul class="toollist">
+ <li>
+ <div itemtype="furniture" scalable="h" itemlook="wall-horizontal" class="draggable"
+ style="width:100px; height:25px;" data-height="25" data-width="100"
+ title="Wand (horizontal)"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" scalable="v" itemlook="wall-vertical" class="draggable"
+ style="width:25px; height:100px;" data-height="100" data-width="25" title="Wand (vertial)"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" scalable="h" itemlook="window-horizontal" class="draggable"
+ style="width:50px; height:25px;" data-height="25" data-width="50" title="Fenster"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" scalable="v" itemlook="window-vertical" class="draggable"
+ style="width:25px; height:50px;" data-height="50" data-width="25" title="Fenster"></div>
+ </li>
+
+
+ <li>
+ <div itemtype="furniture" itemlook="door-nw" class="draggable" style="width:50px; height:100px;"
+ data-height="100" data-width="50" title="{{lang_door}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="door-ne" class="draggable" style="width:50px; height:100px;"
+ data-height="100" data-width="50" title="{{lang_door}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="door-sw" class="draggable" style="width:50px; height:100px;"
+ data-height="100" data-width="50" title="{{lang_door}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="door-se" class="draggable" style="width:50px; height:100px;"
+ data-height="100" data-width="50" title="{{lang_door}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="door-wn" class="draggable" style="width:100px; height:50px;"
+ data-height="50" data-width="100" title="{{lang_door}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="door-ws" class="draggable" style="width:100px; height:50px;"
+ data-height="50" data-width="100" title="{{lang_door}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="door-en" class="draggable" style="width:100px; height:50px;"
+ data-height="50" data-width="100" title="{{lang_door}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="door-es" class="draggable" style="width:100px; height:50px;"
+ data-height="50" data-width="100" title="{{lang_door}}"></div>
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div role="tabpanel" class="tab-pane active" id="computers">
+ <ul class="toollist">
+ <li>
+ <div itemtype="pc" itemlook="pc-south" class="draggable" style="width:100px; height:100px;"
+ data-height="100" data-width="100" title="PC" noresize=1></div>
+ </li>
+ <li>
+ <div itemtype="pc" itemlook="copier" class="draggable" style="width:100px; height:100px;"
+ data-height="100" data-width="100" title="{{lang_photocopier}}" noresize=1></div>
+ </li>
+ <li>
+ <div itemtype="pc" itemlook="printer" class="draggable" style="width:100px; height:100px;"
+ data-height="100" data-width="100" title="{{lang_printer}}" noresize=1></div>
+ </li>
+ <li>
+ <div itemtype="pc" itemlook="telephone" class="draggable" style="width:100px; height:100px;"
+ data-height="100" data-width="100" title="{{lang_telephone}}" noresize=1></div>
+ </li>
+ </ul>
+ </div>
+
+ <div role="tabpanel" class="tab-pane" id="electricaldevices">
+ <ul class="toollist">
+ <li>
+ <div itemtype="furniture" itemlook="flatscreen" class="draggable" style="width:75px; height:100px;"
+ data-height="100" data-width="75" title="{{lang_flatscreen}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="lamp" class="draggable" style="width:125px; height:50px;"
+ data-height="50" data-width="125" title="{{lang_deskLamp}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="tvcamera" class="draggable" style="width:125px; height:50px;"
+ data-height="50" data-width="125" title="{{lang_projector}}"></div>
+ </li>
+ </ul>
+ </div>
+
+ <div role="tabpanel" class="tab-pane" id="tables">
+ <ul class="toollist">
+ <li>
+ <div itemtype="furniture" itemlook="4chairs1squaretable" class="draggable"
+ style="width:100px; height:100px;" data-height="100" data-width="100"
+ title="{{lang_4chairs1squaretable}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="6chairs1table-horizontal" class="draggable"
+ style="width:100px; height:75px;" data-height="75" data-width="100"
+ title="{{lang_6chairs1table}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="8chairs1conferencetable-horizontal" class="draggable"
+ style="width:175px; height:100px;" data-height="100" data-width="175"
+ title="{{lang_8chairs1conferencetable}}"></div>
+ </li>
+
+ <li>
+ <div itemtype="furniture" itemlook="classroomdesk-north" class="draggable"
+ style="width:275px; height:100px;" data-height="100" data-width="275"
+ title="{{lang_classroomdesk}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="classroomdeskchair-north" class="draggable"
+ style="width:175px; height:100px;" data-height="100" data-width="175"
+ title="{{lang_classroomdeskchair}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="classroomtable-east" class="draggable"
+ style="width:75px; height:100px;" data-height="100" data-width="75"
+ title="{{lang_classroomtable}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="classroomtablechair-north" class="draggable"
+ style="width:75px; height:100px;" data-height="100" data-width="75"
+ title="{{lang_classroomdeskchair}}"></div>
+ </li>
+
+ <li>
+ <div itemtype="furniture" itemlook="conferencetable-horizontal" class="draggable"
+ style="width:200px; height:100px;" data-height="100" data-width="200"
+ title="{{lang_conferencetable}}"></div>
+ </li>
+
+
+ <li>
+ <div itemtype="furniture" itemlook="podium-north" class="draggable" style="width:200px; height:100px;"
+ data-height="100" data-width="200" title="{{lang_podium}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="roundeddesk-east" class="draggable"
+ style="width:75px; height:100px;" data-height="100" data-width="75"
+ title="{{lang_roundeddesk}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="roundtable" class="draggable" style="width:100px; height:100px;"
+ data-height="100" data-width="100" title="{{lang_roundtable}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="semicirculartable-north" class="draggable"
+ style="width:200px; height:100px;" data-height="100" data-width="200"
+ title="{{lang_semicirculartable}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="squaretable" class="draggable" style="width:100px; height:100px;"
+ data-height="100" data-width="100" title="{{lang_squaretable}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="studentdesk-north" class="draggable"
+ style="width:150px; height:100px;" data-height="100" data-width="150"
+ title="{{lang_studentdesk}}"></div>
+ </li>
+
+
+ </ul>
+
+ </div>
+
+ <div role="tabpanel" class="tab-pane" id="chairs">
+ <ul class="toollist">
+ <li>
+ <div itemtype="furniture" itemlook="armchair-south" class="draggable"
+ style="width:100px; height:100px;" data-height="100" data-width="100"
+ title="{{lang_armchair}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="chair-south" class="draggable" style="width:125px; height:100px;"
+ data-height="100" data-width="125" title="{{lang_chair}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="chair2-south" class="draggable" style="width:100px; height:100px;"
+ data-height="100" data-width="100" title="{{lang_chair}}"></div>
+ </li>
+
+
+ <li>
+ <div itemtype="furniture" itemlook="couch-south" class="draggable" style="width:100px; height:100px;"
+ data-height="100" data-width="100" title="{{lang_couch}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="greenchair-south" class="draggable"
+ style="width:125px; height:100px;" data-height="100" data-width="125"
+ title="{{lang_greenchair}}"></div>
+ </li>
+
+ <li>
+ <div itemtype="furniture" itemlook="studentdeskchair-north" class="draggable"
+ style="width:100px; height:100px;" data-height="100" data-width="100"
+ title="{{lang_studentdeskchair}}"></div>
+ </li>
+ </ul>
+ </div>
+
+ <div role="tabpanel" class="tab-pane" id="furniture">
+ <ul class="toollist">
+ <li>
+ <div itemtype="furniture" itemlook="locker-east" class="draggable" style="width:100px; height:75px;"
+ data-height="75" data-width="100" title="{{lang_locker}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="locker-north" class="draggable" style="width:75px; height:100px;"
+ data-height="100" data-width="75" title="{{lang_locker}}"></div>
+ </li>
+
+ <li>
+ <div itemtype="furniture" itemlook="coatrack-east" class="draggable" style="width:25px; height:150px;"
+ data-height="150" data-width="25" title="{{lang_coatrack}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="coatrack-north" class="draggable"
+ style="width:150px; height:25px;" data-height="25" data-width="150"
+ title="{{lang_coatrack}}"></div>
+ </li>
+
+
+ <li>
+ <div itemtype="furniture" itemlook="lecturetheaterrow" class="draggable"
+ style="width:725px; height:100px;" data-height="100" data-width="725"
+ title="{{lang_lecturetheaterrow}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="lecturetheaterrowseats" class="draggable"
+ style="width:725px; height:50px;" data-height="50" data-width="725"
+ title="{{lang_lecturetheaterrow}}"></div>
+ </li>
+
+ </ul>
+ </div>
+
+ <div role="tabpanel" class="tab-pane" id="officesupply">
+ <ul class="toollist">
+ <li>
+ <div itemtype="furniture" itemlook="papertray" class="draggable" style="width:25px; height:50px;"
+ data-height="50" data-width="25" title="{{lang_papertray}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="wastecan" class="draggable" style="width:50px; height:50px;"
+ data-height="50" data-width="50" title="{{lang_wastecan}}"></div>
+ </li>
+
+ </ul>
+ </div>
+ <div role="tabpanel" class="tab-pane" id="plants">
+ <ul class="toollist">
+ <li>
+ <div itemtype="furniture" itemlook="plant" class="draggable" style="width:75px; height:75px;"
+ data-height="75" data-width="75" title="{{lang_plant}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="plant2" class="draggable" style="width:75px; height:75px;"
+ data-height="75" data-width="75" title="{{lang_plant}}"></div>
+ </li>
+ <li>
+ <div itemtype="furniture" itemlook="plant3" class="draggable" style="width:75px; height:75px;"
+ data-height="75" data-width="75" title="{{lang_plant}}"></div>
+ </li>
+ </ul>
+ </div>
+ <div role="tabpanel" class="tab-pane" id="misc">
+ <ul class="toollist">
+ <li>
+ <div itemtype="furniture" itemlook="projectionscreen" class="draggable"
+ style="width:525px; height:25px;" data-height="25" data-width="525" title="{{lang_plant}}"></div>
+ </li>
+ </ul>
+ </div>
+
+ </div>
+ </div>
+</div> \ No newline at end of file
diff --git a/modules-available/roomplanner/templates/main-roomplan.html b/modules-available/roomplanner/templates/main-roomplan.html
new file mode 100644
index 00000000..1fc49bea
--- /dev/null
+++ b/modules-available/roomplanner/templates/main-roomplan.html
@@ -0,0 +1,18 @@
+<div class="panel panel-default" id="drawpanel">
+ <div class="panel-heading">
+ <h3 class="panel-title">{{lang_roomplan}}</h3>
+ </div>
+ <div class="panel-body">
+ <div id="drawarea" style="top:0px; left:0px;">
+ <div id="draw-element-area" style="width:100%; height:100%;"></div>
+ </div>
+ <div id="scaleContainer">
+ <span id="zoom-fit" class="glyphicon glyphicon-move" aria-hidden="true"></span>
+ <div>
+ <div id="scaleslider"></div>
+ <span id="zoom-out" class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span>
+ <span id="zoom-in" class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
+ </div>
+ </div>
+ </div>
+</div> \ No newline at end of file
diff --git a/modules-available/roomplanner/templates/page.html b/modules-available/roomplanner/templates/page.html
deleted file mode 100644
index e8544ce8..00000000
--- a/modules-available/roomplanner/templates/page.html
+++ /dev/null
@@ -1,369 +0,0 @@
-<!-- Modal -->
-<div class="modal fade" id="selectMachineModal" role="dialog">
- <div class="modal-dialog">
-
- <!-- Modal content-->
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal">&times;</button>
- <h4>{{lang_titleAddMachine}}</h4>
- </div>
- <div class="modal-body">
- <ul class="nav nav-tabs">
- <li class="active"><a data-toggle="tab" href="#subnet">{{lang_titleBySubnet}}</a></li>
- <li><a data-toggle="tab" href="#search">{{lang_titleBySearch}}</a></li>
- </ul>
- <div class="tab-content">
- <div id="subnet" class="tab-pane fade in active">
- <br/>
- <p>
- {{lang_descriptionBySubnet}}
- </p>
- <label for="subnetBox">{{lang_labelBySubnet}}</label>
- <input id="subnetBox" class="form-control"/>
- </div>
- <div id="search" class="tab-pane fade">
- <br/>
- <p> {{lang_descriptionBySearch}}</p>
- <label for="machineSearchBox">{{lang_labelBySearch}}</label>
- <input id="machineSearchBox" class="form-control" />
- </div>
-
- </div>
-
-
- </div>
- <div class="modal-footer">
- <button class="btn btn-default pull-left" data-dismiss="modal" >{{lang_cancel}}</button>
- <button class="btn btn-primary" id="selectMachineButton">{{lang_select}}</button>
- </div>
- </div>
- </div>
-</div>
-
-<!-- berryous raumplaner -->
-<h1>{{lang_roomplanner}} – {{location.locationname}}</h1>
-
-<div class="alert alert-danger" style="display:none" id="error-msg"></div>
-<div class="alert alert-success" style="display:none" id="success-msg">{{lang_planSuccessfullySaved}}</div>
-<div class="alert alert-info" style="display:none" id="saving-msg">{{lang_planBeingSaved}}</div>
-
- <div id="toolpanel" class="panel panel-default" style="z-index:200;">
- <div class="panel-body">
- <ul role="tablist" class="nav nav-tabs">
- <li role="presentation" class="active"><a href="#computers"
- aria-controls="computers" role="tab" data-toggle="tab">{{lang_catComputers}}</a></li>
- <li role="presentation"><a href="#walls"
- aria-controls="walls" role="tab" data-toggle="tab">{{lang_catWalls}}</a></li>
- <li role="presentation"><a href="#electricaldevices"
- aria-controls="electricaldevices" role="tab" data-toggle="tab">{{lang_catElectricalDevices}}</a></li>
- <li role="presentation"><a href="#tables"
- aria-controls="tables" role="tab" data-toggle="tab">{{lang_catTables}}</a></li>
- <li role="presentation"><a href="#chairs"
- aria-controls="chairs" role="tab" data-toggle="tab">{{lang_catChairs}}</a></li>
- <li role="presentation"><a href="#furniture"
- aria-controls="furniture" role="tab" data-toggle="tab">{{lang_catFurniture}}</a></li>
- <li role="presentation"><a href="#officesupply"
- aria-controls="officesupply" role="tab" data-toggle="tab">{{lang_catOfficeSupply}}</a></li>
- <li role="presentation"><a href="#plants"
- aria-controls="plants" role="tab" data-toggle="tab">{{lang_catPlants}}</a></li>
- <li role="presentation"><a href="#misc"
- aria-controls="misc" role="tab" data-toggle="tab">{{lang_catMisc}}</a></li>
- </ul>
- <div class="tab-content">
- <div role="tabpanel" class="tab-pane" id="walls">
- <ul class="toollist">
- <li>
- <div itemtype="furniture" scalable="h" itemlook="wall-horizontal" class="draggable" style="width:100px; height:25px;" data-height="25" data-width="100" title="Wand (horizontal)"></div>
- </li>
- <li>
- <div itemtype="furniture" scalable="v" itemlook="wall-vertical" class="draggable" style="width:25px; height:100px;" data-height="100" data-width="25" title="Wand (vertial)"></div>
- </li>
- <li>
- <div itemtype="furniture" scalable="h" itemlook="window-horizontal" class="draggable" style="width:50px; height:25px;" data-height="25" data-width="50" title="Fenster"></div>
- </li>
- <li>
- <div itemtype="furniture" scalable="v" itemlook="window-vertical" class="draggable" style="width:25px; height:50px;" data-height="50" data-width="25" title="Fenster"></div>
- </li>
-
-
- <li>
- <div itemtype="furniture" itemlook="door-nw" class="draggable" style="width:50px; height:100px;" data-height="100" data-width="50" title="{{lang_door}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="door-ne" class="draggable" style="width:50px; height:100px;" data-height="100" data-width="50" title="{{lang_door}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="door-sw" class="draggable" style="width:50px; height:100px;" data-height="100" data-width="50" title="{{lang_door}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="door-se" class="draggable" style="width:50px; height:100px;" data-height="100" data-width="50" title="{{lang_door}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="door-wn" class="draggable" style="width:100px; height:50px;" data-height="50" data-width="100" title="{{lang_door}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="door-ws" class="draggable" style="width:100px; height:50px;" data-height="50" data-width="100" title="{{lang_door}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="door-en" class="draggable" style="width:100px; height:50px;" data-height="50" data-width="100" title="{{lang_door}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="door-es" class="draggable" style="width:100px; height:50px;" data-height="50" data-width="100" title="{{lang_door}}"></div>
- </li>
-
- </ul>
- </div>
-
-
- <div role="tabpanel" class="tab-pane active" id="computers">
- <ul class="toollist">
- <li>
- <div itemtype="pc" itemlook="pc-south" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="PC" noresize=1></div>
- </li>
- <li>
- <div itemtype="pc" itemlook="copier" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="{{lang_photocopier}}" noresize=1></div>
- </li>
- <li>
- <div itemtype="pc" itemlook="printer" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="{{lang_printer}}" noresize=1></div>
- </li>
- <li>
- <div itemtype="pc" itemlook="telephone" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="{{lang_telephone}}" noresize=1></div>
- </li>
- </ul>
- </div>
-
- <div role="tabpanel" class="tab-pane" id="electricaldevices">
- <ul class="toollist">
- <li>
- <div itemtype="furniture" itemlook="flatscreen" class="draggable" style="width:75px; height:100px;" data-height="100" data-width="75" title="{{lang_flatscreen}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="lamp" class="draggable" style="width:125px; height:50px;" data-height="50" data-width="125" title="{{lang_deskLamp}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="tvcamera" class="draggable" style="width:125px; height:50px;" data-height="50" data-width="125" title="{{lang_projector}}"></div>
- </li>
- </ul>
- </div>
-
- <div role="tabpanel" class="tab-pane" id="tables">
- <ul class="toollist">
- <li>
- <div itemtype="furniture" itemlook="4chairs1squaretable" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="{{lang_4chairs1squaretable}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="6chairs1table-horizontal" class="draggable" style="width:100px; height:75px;" data-height="75" data-width="100" title="{{lang_6chairs1table}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="8chairs1conferencetable-horizontal" class="draggable" style="width:175px; height:100px;" data-height="100" data-width="175" title="{{lang_8chairs1conferencetable}}"></div>
- </li>
-
- <li>
- <div itemtype="furniture" itemlook="classroomdesk-north" class="draggable" style="width:275px; height:100px;" data-height="100" data-width="275" title="{{lang_classroomdesk}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="classroomdeskchair-north" class="draggable" style="width:175px; height:100px;" data-height="100" data-width="175" title="{{lang_classroomdeskchair}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="classroomtable-east" class="draggable" style="width:75px; height:100px;" data-height="100" data-width="75" title="{{lang_classroomtable}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="classroomtablechair-north" class="draggable" style="width:75px; height:100px;" data-height="100" data-width="75" title="{{lang_classroomdeskchair}}"></div>
- </li>
-
- <li>
- <div itemtype="furniture" itemlook="conferencetable-horizontal" class="draggable" style="width:200px; height:100px;" data-height="100" data-width="200" title="{{lang_conferencetable}}"></div>
- </li>
-
-
- <li>
- <div itemtype="furniture" itemlook="podium-north" class="draggable" style="width:200px; height:100px;" data-height="100" data-width="200" title="{{lang_podium}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="roundeddesk-east" class="draggable" style="width:75px; height:100px;" data-height="100" data-width="75" title="{{lang_roundeddesk}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="roundtable" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="{{lang_roundtable}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="semicirculartable-north" class="draggable" style="width:200px; height:100px;" data-height="100" data-width="200" title="{{lang_semicirculartable}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="squaretable" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="{{lang_squaretable}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="studentdesk-north" class="draggable" style="width:150px; height:100px;" data-height="100" data-width="150" title="{{lang_studentdesk}}"></div>
- </li>
-
-
- </ul>
-
- </div>
-
- <div role="tabpanel" class="tab-pane" id="chairs">
- <ul class="toollist">
- <li>
- <div itemtype="furniture" itemlook="armchair-south" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="{{lang_armchair}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="chair-south" class="draggable" style="width:125px; height:100px;" data-height="100" data-width="125" title="{{lang_chair}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="chair2-south" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="{{lang_chair}}"></div>
- </li>
-
-
- <li>
- <div itemtype="furniture" itemlook="couch-south" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="{{lang_couch}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="greenchair-south" class="draggable" style="width:125px; height:100px;" data-height="100" data-width="125" title="{{lang_greenchair}}"></div>
- </li>
-
- <li>
- <div itemtype="furniture" itemlook="studentdeskchair-north" class="draggable" style="width:100px; height:100px;" data-height="100" data-width="100" title="{{lang_studentdeskchair}}"></div>
- </li>
- </ul>
- </div>
-
- <div role="tabpanel" class="tab-pane" id="furniture">
- <ul class="toollist">
- <li>
- <div itemtype="furniture" itemlook="locker-east" class="draggable" style="width:100px; height:75px;" data-height="75" data-width="100" title="{{lang_locker}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="locker-north" class="draggable" style="width:75px; height:100px;" data-height="100" data-width="75" title="{{lang_locker}}"></div>
- </li>
-
- <li>
- <div itemtype="furniture" itemlook="coatrack-east" class="draggable" style="width:25px; height:150px;" data-height="150" data-width="25" title="{{lang_coatrack}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="coatrack-north" class="draggable" style="width:150px; height:25px;" data-height="25" data-width="150" title="{{lang_coatrack}}"></div>
- </li>
-
-
- <li>
- <div itemtype="furniture" itemlook="lecturetheaterrow" class="draggable" style="width:725px; height:100px;" data-height="100" data-width="725" title="{{lang_lecturetheaterrow}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="lecturetheaterrowseats" class="draggable" style="width:725px; height:50px;" data-height="50" data-width="725" title="{{lang_lecturetheaterrow}}"></div>
- </li>
-
- </ul>
- </div>
-
- <div role="tabpanel" class="tab-pane" id="officesupply">
- <ul class="toollist">
- <li>
- <div itemtype="furniture" itemlook="papertray" class="draggable" style="width:25px; height:50px;" data-height="50" data-width="25" title="{{lang_papertray}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="wastecan" class="draggable" style="width:50px; height:50px;" data-height="50" data-width="50" title="{{lang_wastecan}}"></div>
- </li>
-
- </ul>
- </div>
- <div role="tabpanel" class="tab-pane" id="plants">
- <ul class="toollist">
- <li>
- <div itemtype="furniture" itemlook="plant" class="draggable" style="width:75px; height:75px;" data-height="75" data-width="75" title="{{lang_plant}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="plant2" class="draggable" style="width:75px; height:75px;" data-height="75" data-width="75" title="{{lang_plant}}"></div>
- </li>
- <li>
- <div itemtype="furniture" itemlook="plant3" class="draggable" style="width:75px; height:75px;" data-height="75" data-width="75" title="{{lang_plant}}"></div>
- </li>
- </ul>
- </div>
- <div role="tabpanel" class="tab-pane" id="misc">
- <ul class="toollist">
- <li>
- <div itemtype="furniture" itemlook="projectionscreen" class="draggable" style="width:525px; height:25px;" data-height="25" data-width="525" title="{{lang_plant}}"></div>
- </li>
- </ul>
- </div>
-
- </div>
- </div>
- </div>
-
-
-
- <div class="panel panel-default" id="drawpanel">
- <div class="panel-heading">
- <h3 class="panel-title">{{lang_roomplan}}</h3>
- </div>
- <div class="panel-body">
- <div id="drawarea" style="top:0px; left:0px;">
- <div id="draw-element-area" style="width:100%; height:100%;"></div>
- </div>
- <div id="scaleContainer">
- <span id="zoom-fit" class="glyphicon glyphicon-move" aria-hidden="true"></span>
- <div>
- <div id="scaleslider"></div>
- <span id="zoom-out" class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span>
- <span id="zoom-in" class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
- </div>
- </div>
- </div>
-
-
- </div>
-
-<div class="pull-left">
- <div class="input-group" style="width:1px">
- <div class="input-group-addon">{{lang_managerIp}}</div>
- <input class="form-control" type="text" id="manager-ip" value="{{managerip}}" placeholder="1.2.3.4" style="width:120px">
- <div class="input-group-addon checkbox"><input id="dedi-mgr" type="checkbox" {{dediMgrChecked}}> <label for="dedi-mgr">{{lang_dedicatedManager}}</label></div>
- </div>
-</div>
-<div class="pull-right">
- <button class="btn btn-default" onclick="triggerCancel()">{{lang_cancel}}</button>
- <button id="saveBtn" class="btn btn-primary">{{lang_save}}</button>
-</div>
-<div class="clearfix"></div>
-
-
-<script type="application/javascript"><!--
-var locationId = '{{locationid}}';
-var subnetMachines, roomConfiguration;
-var plannerLoadState = 'invalid';
-document.addEventListener("DOMContentLoaded", function () {
-
- subnetMachines = makeCombinedField({{{subnetMachines}}});
- roomConfiguration = {{{roomConfiguration}}};
-
- $.when(
- $.getScript("modules/roomplanner/js/lib/jquery-collision.js"),
- $.getScript("modules/roomplanner/js/lib/jquery-ui-draggable-collision.js"),
- $.getScript("modules/roomplanner/js/grid.js"),
- $.Deferred(function( deferred ){
- $( deferred.resolve );
- })
- ).done(function() {
- $.getScript("modules/roomplanner/js/init.js", function() {
- initRoomplanner();
- loadRoom();
- });
- });
-});
-
-function loadRoom() {
- roomplanner.load(roomConfiguration); // TODO: Filter invalid PCs, they're currently invisible and cannot be removed
- plannerLoadState = roomplanner.serialize();
-}
-
-function triggerCancel() {
- if (roomplanner.serialize() !== plannerLoadState) {
- if (!confirm('{{lang_confirmDiscardChanges}}'))
- return;
- }
- window.close();
- // In case this page wasn't opened via JS, it will not close on modern browsers, so let's reset
- loadRoom();
-}
-
-// --></script>
generated by cgit v1.2.3-55-g7522 (git 2.39.0) at 2025-01-27 04:46:26 +0100