SpaceCalc

Display an office space calculator

Overview

SpaceCalc displays an office space calculator. The rooms can be fully customised, allowing users to easily work out the total square feet or metres required.

[[!SpaceCalc]]

Options

The output of SpaceCalc can be customised using the options shown below.

The data

BookmarkThis uses the following data when displaying the office space calculator. Use this as a starting point to add your own office layouts.

Default data

{
  "office":{
      "name" : "Cellular offices",
      "image" : "",
      "items" : [
        {"name":"Executive & Office", "size":300, "description":"Appropriate & for a Senior Executive with space for informal seating area plus desk & meeting table"},
        {"name":"Manager's Office", "size":220, "description":"Appropriate for an Executive or Manager with space for a larger desk and a meeting facility"},
        {"name":"Standard Office", "size":150, "description":"Desk, 2 seats for visitors and storage"},
        {"name":"Small Office", "size":120, "description":"Appropriate for staff requiring privacy & 1 to 1 meetings"}
      ]
    }, 
  "workspace":{
      "name" : "Open plan",
      "image" : "",
      "items" : [
        {"name":"Large Workspace", "size":130, "description":"Includes seating for 2 visitors and storage. Ideal for managers in open plan"},
        {"name":"Standard Workspace", "size":100, "description":"Includes storage - ideal space for sales staff, Admin staff etc"},
        {"name":"Compact Workspace", "size":70, "description":"Appropriate space for clerical, admin staff"}
      ]
    },
  "meeting":{
      "name" : "Meeting rooms & meeting points",
      "image" : "",
      "items" : [
        {"name":"Corporate Boardroom", "size":600, "description":"Seats up to 22 people around a table with additional seating space if required"},
        {"name":"Boardroom", "size":375, "description":"Seats 12 people comfortably with additional seating space if required"},
        {"name":"Training Room", "size":600, "description":"Accomodates 16 people in standard classroom layout"},
        {"name":"Large Meeting  Room", "size":360, "description":"Seats up to 16 people around a table"},
        {"name":"Medium Meeting Room", "size":200, "description":"Seats 8 people around a table"},
        {"name":"Small Meeting Room", "size":120, "description":"Seats 4 people around a table - 4 soft seats around a coffee table"}
      ]
    },
  "support":{
      "name" : "Support",
      "image" : "",
      "items" : [
        {"name":"Large Reception", "size":400, "description":"Large reception desk with soft seating for up to 10 visitors"},
        {"name":"Medium Reception", "size":250, "description":"Standard size reception desk with soft seating for up to 4 visitors"},
        {"name":"Small Reception", "size":150, "description":"Meet and Greet - small desk and soft seating for 2 visitors"},
        {"name":"Store / Filing Room", "size":120, "description":"Accomadates files and office supplies"},
        {"name":"Mail / Copy Room / Hub", "size":70, "description":"For photocopier, fax machine, mail centre etc"},
        {"name":"Comms Room", "size":100, "description":"Secure room to house servers, phone & data cabling"}
      ]
    },
  "welfare":{
      "name" : "Staff welfare",
      "image" : "",
      "items" : [
        {"name":"Small Tea Point", "size":60, "description":"Small sink, refrigerator, basic kitchen units - no café tables or seating"},
        {"name":"Kitchen", "size":110, "description":"Sink, refrigerator, microwave oven, kitchen storage - no café tables or chairs"},
        {"name":"Break Room", "size":200, "description":"Larger space incorporating refrigerator, sink, dishwasher, microwave, kitchen units, café tables and chairs to seat 6"}
      ]
    }
}

jQuery plugin

SpaceCalc includes a jQuery plugin that carries out the necessary calculations and allows events to be fired.

Usage

The jQuery plugin is automatically included unless includeJS is set to false. You might do this if you prefer to combine your JavaScript files into one.

The SpaceCalc jQuery plugin can be triggered via JavaScript.

$(".spacecalc").spaceCalc();

Options

The following options can be included in the call.

Examples

Simple call

The default tplRow chunk uses Bootstrap popovers to display the descripion for each item. Use the onload event to initialise these popovers.

$(".spacecalc").spaceCalc({onload : function(opts)
                                    {
                                      $('[data-toggle="popover"]').popover();
                                    }
                          });

More options

SpaceCalc can be configured using any of the above options.

$(".spacecalc").spaceCalc({ debug : true,
                            unit  : "metres",
                            oncalculate: function(opts)
                            {
                              console.log("SpaceCalc has recalculated");
                            }
                          });