diff --git a/mapka/WYKLADOWCA/frontpage.html b/mapka/WYKLADOWCA/frontpage.html new file mode 100644 index 0000000..89d2dbd --- /dev/null +++ b/mapka/WYKLADOWCA/frontpage.html @@ -0,0 +1,42 @@ + + + + + + + + + + + + + +
+
+
+
+
SALA X
+
+
+
+
+
+ +
+
+ + + +
+
+
+
+ + + + \ No newline at end of file diff --git a/mapka/WYKLADOWCA/jquery.seat-charts.css b/mapka/WYKLADOWCA/jquery.seat-charts.css new file mode 100644 index 0000000..b0339fc --- /dev/null +++ b/mapka/WYKLADOWCA/jquery.seat-charts.css @@ -0,0 +1,68 @@ +div.seatCharts-container { + /*min-width: 700px;*/ +} +div.seatCharts-cell { + + height: 16px; + width: 16px; + margin: 3px; + float: left; + text-align: center; + outline: none; + font-size: 13px; + line-height:16px; + color: blue; + +} +div.seatCharts-seat { + background-color: green; + color: white; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + cursor: default; +} +div.seatCharts-seat:focus { + border: none; +} +/* +.seatCharts-seat:focus { + outline: none; +} +*/ + +div.seatCharts-space { + background-color: white; +} +div.seatCharts-row { + height: 50px; +} + +div.seatCharts-row:after { + clear: both; +} + +div.seatCharts-seat.selected { + background-color: aqua; +} + +div.seatCharts-seat.focused { + background-color: #6db131; +} + +div.seatCharts-seat.available { + background-color: green; +} + +div.seatCharts-seat.unavailable { + background-color: red; + cursor: not-allowed; +} + +ul.seatCharts-legendList { + list-style: none; +} +li.seatCharts-legendItem { + margin-top: 10px; + line-height: 2; +} \ No newline at end of file diff --git a/mapka/WYKLADOWCA/jquery.seat-charts.js b/mapka/WYKLADOWCA/jquery.seat-charts.js new file mode 100644 index 0000000..63ef61a --- /dev/null +++ b/mapka/WYKLADOWCA/jquery.seat-charts.js @@ -0,0 +1,627 @@ +/*! + * jQuery-Seat-Charts v1.1.5 + * https://github.com/mateuszmarkowski/jQuery-Seat-Charts + * + * Copyright 2013, 2016 Mateusz Markowski + * Released under the MIT license + */ + +(function($) { + + //'use strict'; + + $.fn.seatCharts = function (setup) { + + //if there's seatCharts object associated with the current element, return it + if (this.data('seatCharts')) { + return this.data('seatCharts'); + } + + var fn = this, + seats = {}, + seatIds = [], + legend, + settings = { + animate : false, //requires jQuery UI + naming : { + top : true, + left : true, + getId : function(character, row, column) { + return row + '_' + column; + }, + getLabel : function (character, row, column) { + return column; + } + + }, + legend : { + node : null, + items : [] + }, + click : function() { + + if (this.status() == 'available') { + return 'selected'; + } else if (this.status() == 'selected') { + return 'available'; + } else { + return this.style(); + } + + }, + focus : function() { + + if (this.status() == 'available') { + return 'focused'; + } else { + return this.style(); + } + }, + blur : function() { + return this.status(); + }, + seats : {} + + }, + //seat will be basically a seat object which we'll when generating the map + seat = (function(seatCharts, seatChartsSettings) { + return function (setup) { + var fn = this; + + fn.settings = $.extend({ + status : 'available', //available, unavailable, selected + style : 'available', + //make sure there's an empty hash if user doesn't pass anything + data : seatChartsSettings.seats[setup.character] || {} + //anything goes here? + }, setup); + + fn.settings.$node = $('
'); + + fn.settings.$node + .attr({ + id : fn.settings.id, + role : 'checkbox', + 'aria-checked' : false, + focusable : true, + tabIndex : -1 //manual focus + }) + .text(fn.settings.label) + .addClass(['seatCharts-seat', 'seatCharts-cell', 'available'].concat( + //let's merge custom user defined classes with standard JSC ones + fn.settings.classes, + typeof seatChartsSettings.seats[fn.settings.character] == "undefined" ? + [] : seatChartsSettings.seats[fn.settings.character].classes + ).join(' ')); + + //basically a wrapper function + fn.data = function() { + return fn.settings.data; + }; + + fn.char = function() { + return fn.settings.character; + }; + + fn.node = function() { + return fn.settings.$node; + }; + + /* + * Can either set or return status depending on arguments. + * + * If there's no argument, it will return the current style. + * + * If you pass an argument, it will update seat's style + */ + fn.style = function() { + + return arguments.length == 1 ? + (function(newStyle) { + var oldStyle = fn.settings.style; + + //if nothing changes, do nothing + if (newStyle == oldStyle) { + return oldStyle; + } + + //focused is a special style which is not associated with status + fn.settings.status = newStyle != 'focused' ? newStyle : fn.settings.status; + fn.settings.$node + .attr('aria-checked', newStyle == 'selected'); + + //if user wants to animate status changes, let him do this + seatChartsSettings.animate ? + fn.settings.$node.switchClass(oldStyle, newStyle, 200) : + fn.settings.$node.removeClass(oldStyle).addClass(newStyle); + + return fn.settings.style = newStyle; + })(arguments[0]) : fn.settings.style; + }; + + //either set or retrieve + fn.status = function() { + + return fn.settings.status = arguments.length == 1 ? + fn.style(arguments[0]) : fn.settings.status; + }; + + //using immediate function to convienietly get shortcut variables + (function(seatSettings, character, seat) { + //attach event handlers + $.each(['click', 'focus', 'blur'], function(index, callback) { + + //we want to be able to call the functions for each seat object + fn[callback] = function() { + if (callback == 'focus') { + //if there's already a focused element, we have to remove focus from it first + if (seatCharts.attr('aria-activedescendant') !== undefined) { + seats[seatCharts.attr('aria-activedescendant')].blur(); + } + seatCharts.attr('aria-activedescendant', seat.settings.id); + seat.node().focus(); + } + + /* + * User can pass his own callback function, so we have to first check if it exists + * and if not, use our default callback. + * + * Each callback function is executed in the current seat context. + */ + return fn.style(typeof seatSettings[character][callback] === 'function' ? + seatSettings[character][callback].apply(seat) : seatChartsSettings[callback].apply(seat)); + }; + + }); + //the below will become seatSettings, character, seat thanks to the immediate function + })(seatChartsSettings.seats, fn.settings.character, fn); + + fn.node() + //the first three mouse events are simple + .on('click', fn.click) + .on('mouseenter', fn.focus) + .on('mouseleave', fn.blur) + + //keydown requires quite a lot of logic, because we have to know where to move the focus + .on('keydown', (function(seat, $seat) { + + return function (e) { + + var $newSeat; + + //everything depends on the pressed key + switch (e.which) { + //spacebar will just trigger the same event mouse click does + case 32: + e.preventDefault(); + seat.click(); + break; + //UP & DOWN + case 40: + case 38: + e.preventDefault(); + + /* + * This is a recursive, immediate function which searches for the first "focusable" row. + * + * We're using immediate function because we want a convenient access to some DOM elements + * We're using recursion because sometimes we may hit an empty space rather than a seat. + * + */ + $newSeat = (function findAvailable($rows, $seats, $currentRow) { + var $newRow; + + //let's determine which row should we move to + + if (!$rows.index($currentRow) && e.which == 38) { + //if this is the first row and user has pressed up arrow, move to the last row + $newRow = $rows.last(); + } else if ($rows.index($currentRow) == $rows.length-1 && e.which == 40) { + //if this is the last row and user has pressed down arrow, move to the first row + $newRow = $rows.first(); + } else { + //using eq to get an element at the desired index position + $newRow = $rows.eq( + //if up arrow, then decrement the index, if down increment it + $rows.index($currentRow) + (e.which == 38 ? (-1) : (+1)) + ); + } + + //now that we know the row, let's get the seat using the current column position + $newSeat = $newRow.find('.seatCharts-seat,.seatCharts-space').eq($seats.index($seat)); + + //if the seat we found is a space, keep looking further + return $newSeat.hasClass('seatCharts-space') ? + findAvailable($rows, $seats, $newRow) : $newSeat; + + })($seat + //get a reference to the parent container and then select all rows but the header + .parents('.seatCharts-container') + .find('.seatCharts-row:not(.seatCharts-header)'), + $seat + //get a reference to the parent row and then find all seat cells (both seats & spaces) + .parents('.seatCharts-row:first') + .find('.seatCharts-seat,.seatCharts-space'), + //get a reference to the current row + $seat.parents('.seatCharts-row:not(.seatCharts-header)') + ); + + //we couldn't determine the new seat, so we better give up + if (!$newSeat.length) { + return; + } + + //remove focus from the old seat and put it on the new one + seat.blur(); + seats[$newSeat.attr('id')].focus(); + $newSeat.focus(); + + //update our "aria" reference with the new seat id + seatCharts.attr('aria-activedescendant', $newSeat.attr('id')); + + break; + //LEFT & RIGHT + case 37: + case 39: + e.preventDefault(); + /* + * The logic here is slightly different from the one for up/down arrows. + * User will be able to browse the whole map using just left/right arrow, because + * it will move to the next row when we reach the right/left-most seat. + */ + $newSeat = (function($seats) { + + if (!$seats.index($seat) && e.which == 37) { + //user has pressed left arrow and we're currently on the left-most seat + return $seats.last(); + } else if ($seats.index($seat) == $seats.length -1 && e.which == 39) { + //user has pressed right arrow and we're currently on the right-most seat + return $seats.first(); + } else { + //simply move one seat left or right depending on the key + return $seats.eq($seats.index($seat) + (e.which == 37 ? (-1) : (+1))); + } + + })($seat + .parents('.seatCharts-container:first') + .find('.seatCharts-seat:not(.seatCharts-space)')); + + if (!$newSeat.length) { + return; + } + + //handle focus + seat.blur(); + seats[$newSeat.attr('id')].focus(); + $newSeat.focus(); + + //update our "aria" reference with the new seat id + seatCharts.attr('aria-activedescendant', $newSeat.attr('id')); + break; + default: + break; + + } + }; + + })(fn, fn.node())); + //.appendTo(seatCharts.find('.' + row)); + + } + })(fn, settings); + + fn.addClass('seatCharts-container'); + + //true -> deep copy! + $.extend(true, settings, setup); + + //Generate default row ids unless user passed his own + settings.naming.rows = settings.naming.rows || (function(length) { + var rows = []; + for (var i = 1; i <= length; i++) { + rows.push(i); + } + return rows; + })(settings.map.length); + + //Generate default column ids unless user passed his own + settings.naming.columns = settings.naming.columns || (function(length) { + var columns = []; + for (var i = 1; i <= length; i++) { + columns.push(i); + } + return columns; + })(settings.map[0].split('').length); + + if (settings.naming.top) { + var $headerRow = $('
') + .addClass('seatCharts-row seatCharts-header'); + + if (settings.naming.left) { + $headerRow.append($('
').addClass('seatCharts-cell')); + } + + + $.each(settings.naming.columns, function(index, value) { + $headerRow.append( + $('
') + .addClass('seatCharts-cell') + .text(value) + ); + }); + } + + fn.append($headerRow); + + //do this for each map row + $.each(settings.map, function(row, characters) { + + var $row = $('
').addClass('seatCharts-row'); + + if (settings.naming.left) { + $row.append( + $('
') + .addClass('seatCharts-cell seatCharts-space') + .text(settings.naming.rows[row]) + ); + } + + /* + * Do this for each seat (letter) + * + * Now users will be able to pass custom ID and label which overwrite the one that seat would be assigned by getId and + * getLabel + * + * New format is like this: + * a[ID,label]a[ID]aaaaa + * + * So you can overwrite the ID or label (or both) even for just one seat. + * Basically ID should be first, so if you want to overwrite just label write it as follows: + * a[,LABEL] + * + * Allowed characters in IDs areL 0-9, a-z, A-Z, _ + * Allowed characters in labels are: 0-9, a-z, A-Z, _, ' ' (space) + * + */ + + $.each(characters.match(/[a-z_]{1}(\[[0-9a-z_]{0,}(,[0-9a-z_ ]+)?\])?/gi), function (column, characterParams) { + var matches = characterParams.match(/([a-z_]{1})(\[([0-9a-z_ ,]+)\])?/i), + //no matter if user specifies [] params, the character should be in the second element + character = matches[1], + //check if user has passed some additional params to override id or label + params = typeof matches[3] !== 'undefined' ? matches[3].split(',') : [], + //id param should be first + overrideId = params.length ? params[0] : null, + //label param should be second + overrideLabel = params.length === 2 ? params[1] : null; + + $row.append(character != '_' ? + //if the character is not an underscore (empty space) + (function(naming) { + + //so users don't have to specify empty objects + settings.seats[character] = character in settings.seats ? settings.seats[character] : {}; + + var id = overrideId ? overrideId : naming.getId(character, naming.rows[row], naming.columns[column]); + seats[id] = new seat({ + id : id, + label : overrideLabel ? + overrideLabel : naming.getLabel(character, naming.rows[row], naming.columns[column]), + row : row, + column : column, + character : character + }); + + seatIds.push(id); + return seats[id].node(); + + })(settings.naming) : + //this is just an empty space (_) + $('
').addClass('seatCharts-cell seatCharts-space') + ); + }); + + fn.append($row); + }); + + //if there're any legend items to be rendered + settings.legend.items.length ? (function(legend) { + //either use user-defined container or create our own and insert it right after the seat chart div + var $container = (legend.node || $('
').insertAfter(fn)) + .addClass('seatCharts-legend'); + + var $ul = $('') + .addClass('seatCharts-legendList') + .appendTo($container); + + $.each(legend.items, function(index, item) { + $ul.append( + $('
  • ') + .addClass('seatCharts-legendItem') + .append( + $('
    ') + //merge user defined classes with our standard ones + .addClass(['seatCharts-seat', 'seatCharts-cell', item[1]].concat( + settings.classes, + typeof settings.seats[item[0]] == "undefined" ? [] : settings.seats[item[0]].classes).join(' ') + ) + ) + .append( + $('') + .addClass('seatCharts-legendDescription') + .text(item[2]) + ) + ); + }); + + return $container; + })(settings.legend) : null; + + fn.attr({ + tabIndex : 0 + }); + + + //when container's focused, move focus to the first seat + fn.focus(function() { + if (fn.attr('aria-activedescendant')) { + seats[fn.attr('aria-activedescendant')].blur(); + } + + fn.find('.seatCharts-seat:not(.seatCharts-space):first').focus(); + seats[seatIds[0]].focus(); + + }); + + //public methods of seatCharts + fn.data('seatCharts', { + seats : seats, + seatIds : seatIds, + //set for one, set for many, get for one + status: function() { + var fn = this; + + return arguments.length == 1 ? fn.seats[arguments[0]].status() : (function(seatsIds, newStatus) { + + return typeof seatsIds == 'string' ? fn.seats[seatsIds].status(newStatus) : (function() { + $.each(seatsIds, function(index, seatId) { + fn.seats[seatId].status(newStatus); + }); + })(); + })(arguments[0], arguments[1]); + }, + each : function(callback) { + var fn = this; + + for (var seatId in fn.seats) { + if (false === callback.call(fn.seats[seatId], seatId)) { + return seatId;//return last checked + } + } + + return true; + }, + node : function() { + var fn = this; + //basically create a CSS query to get all seats by their DOM ids + return $('#' + fn.seatIds.join(',#')); + }, + + find : function(query) {//D, a.available, unavailable + var fn = this; + + var seatSet = fn.set(); + + //is RegExp + return query instanceof RegExp ? + (function () { + fn.each(function (id) { + if (id.match(query)) { + seatSet.push(id, this); + } + }); + return seatSet; + })() : + (query.length == 1 ? + (function (character) { + //user searches just for a particual character + fn.each(function () { + if (this.char() == character) { + seatSet.push(this.settings.id, this); + } + }); + + return seatSet; + })(query) : + (function () { + //user runs a more sophisticated query, so let's see if there's a dot + return query.indexOf('.') > -1 ? + (function () { + //there's a dot which separates character and the status + var parts = query.split('.'); + + fn.each(function (seatId) { + if (this.char() == parts[0] && this.status() == parts[1]) { + seatSet.push(this.settings.id, this); + } + }); + + return seatSet; + })() : + (function () { + fn.each(function () { + if (this.status() == query) { + seatSet.push(this.settings.id, this); + } + }); + return seatSet; + })(); + })() + ); + + }, + set : function set() {//inherits some methods + var fn = this; + + return { + seats : [], + seatIds : [], + length : 0, + status : function() { + var args = arguments, + that = this; + //if there's just one seat in the set and user didn't pass any params, return current status + return this.length == 1 && args.length == 0 ? this.seats[0].status() : (function() { + //otherwise call status function for each of the seats in the set + $.each(that.seats, function() { + this.status.apply(this, args); + }); + })(); + }, + node : function() { + return fn.node.call(this); + }, + each : function() { + return fn.each.call(this, arguments[0]); + }, + get : function() { + return fn.get.call(this, arguments[0]); + }, + find : function() { + return fn.find.call(this, arguments[0]); + }, + set : function() { + return set.call(fn); + }, + push : function(id, seat) { + this.seats.push(seat); + this.seatIds.push(id); + ++this.length; + } + }; + }, + //get one object or a set of objects + get : function(seatsIds) { + var fn = this; + + return typeof seatsIds == 'string' ? + fn.seats[seatsIds] : (function() { + + var seatSet = fn.set(); + + $.each(seatsIds, function(index, seatId) { + if (typeof fn.seats[seatId] === 'object') { + seatSet.push(seatId, fn.seats[seatId]); + } + }); + + return seatSet; + })(); + } + }); + + return fn.data('seatCharts'); + } + + +})(jQuery); diff --git a/mapka/WYKLADOWCA/jquery.seat-charts.min.js b/mapka/WYKLADOWCA/jquery.seat-charts.min.js new file mode 100644 index 0000000..bbd5fb1 --- /dev/null +++ b/mapka/WYKLADOWCA/jquery.seat-charts.min.js @@ -0,0 +1,9 @@ +/*! + * jQuery-Seat-Charts v1.1.5 + * https://github.com/mateuszmarkowski/jQuery-Seat-Charts + * + * Copyright 2013, 2016 Mateusz Markowski + * Released under the MIT license + */ + +!function(t){t.fn.seatCharts=function(s){if(this.data("seatCharts"))return this.data("seatCharts");var e=this,a={},n=[],i={animate:!1,naming:{top:!0,left:!0,getId:function(t,s,e){return s+"_"+e},getLabel:function(t,s,e){return e}},legend:{node:null,items:[]},click:function(){return"available"==this.status()?"selected":"selected"==this.status()?"available":this.style()},focus:function(){return"available"==this.status()?"focused":this.style()},blur:function(){return this.status()},seats:{}},r=function(s,e){return function(n){var i=this;i.settings=t.extend({status:"available",style:"available",data:e.seats[n.character]||{}},n),i.settings.$node=t("
    "),i.settings.$node.attr({id:i.settings.id,role:"checkbox","aria-checked":!1,focusable:!0,tabIndex:-1}).text(i.settings.label).addClass(["seatCharts-seat","seatCharts-cell","available"].concat(i.settings.classes,"undefined"==typeof e.seats[i.settings.character]?[]:e.seats[i.settings.character].classes).join(" ")),i.data=function(){return i.settings.data},i["char"]=function(){return i.settings.character},i.node=function(){return i.settings.$node},i.style=function(){return 1==arguments.length?function(t){var s=i.settings.style;return t==s?s:(i.settings.status="focused"!=t?t:i.settings.status,i.settings.$node.attr("aria-checked","selected"==t),e.animate?i.settings.$node.switchClass(s,t,200):i.settings.$node.removeClass(s).addClass(t),i.settings.style=t)}(arguments[0]):i.settings.style},i.status=function(){return i.settings.status=1==arguments.length?i.style(arguments[0]):i.settings.status},function(n,r,c){t.each(["click","focus","blur"],function(t,u){i[u]=function(){return"focus"==u&&(void 0!==s.attr("aria-activedescendant")&&a[s.attr("aria-activedescendant")].blur(),s.attr("aria-activedescendant",c.settings.id),c.node().focus()),i.style("function"==typeof n[r][u]?n[r][u].apply(c):e[u].apply(c))}})}(e.seats,i.settings.character,i),i.node().on("click",i.click).on("mouseenter",i.focus).on("mouseleave",i.blur).on("keydown",function(t,e){return function(n){var i;switch(n.which){case 32:n.preventDefault(),t.click();break;case 40:case 38:if(n.preventDefault(),i=function r(t,s,a){var c;return c=t.index(a)||38!=n.which?t.index(a)==t.length-1&&40==n.which?t.first():t.eq(t.index(a)+(38==n.which?-1:1)):t.last(),i=c.find(".seatCharts-seat,.seatCharts-space").eq(s.index(e)),i.hasClass("seatCharts-space")?r(t,s,c):i}(e.parents(".seatCharts-container").find(".seatCharts-row:not(.seatCharts-header)"),e.parents(".seatCharts-row:first").find(".seatCharts-seat,.seatCharts-space"),e.parents(".seatCharts-row:not(.seatCharts-header)")),!i.length)return;t.blur(),a[i.attr("id")].focus(),i.focus(),s.attr("aria-activedescendant",i.attr("id"));break;case 37:case 39:if(n.preventDefault(),i=function(t){return t.index(e)||37!=n.which?t.index(e)==t.length-1&&39==n.which?t.first():t.eq(t.index(e)+(37==n.which?-1:1)):t.last()}(e.parents(".seatCharts-container:first").find(".seatCharts-seat:not(.seatCharts-space)")),!i.length)return;t.blur(),a[i.attr("id")].focus(),i.focus(),s.attr("aria-activedescendant",i.attr("id"))}}}(i,i.node()))}}(e,i);if(e.addClass("seatCharts-container"),t.extend(!0,i,s),i.naming.rows=i.naming.rows||function(t){for(var s=[],e=1;t>=e;e++)s.push(e);return s}(i.map.length),i.naming.columns=i.naming.columns||function(t){for(var s=[],e=1;t>=e;e++)s.push(e);return s}(i.map[0].split("").length),i.naming.top){var c=t("
    ").addClass("seatCharts-row seatCharts-header");i.naming.left&&c.append(t("
    ").addClass("seatCharts-cell")),t.each(i.naming.columns,function(s,e){c.append(t("
    ").addClass("seatCharts-cell").text(e))})}return e.append(c),t.each(i.map,function(s,c){var u=t("
    ").addClass("seatCharts-row");i.naming.left&&u.append(t("
    ").addClass("seatCharts-cell seatCharts-space").text(i.naming.rows[s])),t.each(c.match(/[a-z_]{1}(\[[0-9a-z_]{0,}(,[0-9a-z_ ]+)?\])?/gi),function(e,c){var h=c.match(/([a-z_]{1})(\[([0-9a-z_ ,]+)\])?/i),d=h[1],o="undefined"!=typeof h[3]?h[3].split(","):[],l=o.length?o[0]:null,f=2===o.length?o[1]:null;u.append("_"!=d?function(t){i.seats[d]=d in i.seats?i.seats[d]:{};var c=l?l:t.getId(d,t.rows[s],t.columns[e]);return a[c]=new r({id:c,label:f?f:t.getLabel(d,t.rows[s],t.columns[e]),row:s,column:e,character:d}),n.push(c),a[c].node()}(i.naming):t("
    ").addClass("seatCharts-cell seatCharts-space"))}),e.append(u)}),i.legend.items.length?function(s){var a=(s.node||t("
    ").insertAfter(e)).addClass("seatCharts-legend"),n=t("").addClass("seatCharts-legendList").appendTo(a);return t.each(s.items,function(s,e){n.append(t("
  • ").addClass("seatCharts-legendItem").append(t("
    ").addClass(["seatCharts-seat","seatCharts-cell",e[1]].concat(i.classes,"undefined"==typeof i.seats[e[0]]?[]:i.seats[e[0]].classes).join(" "))).append(t("").addClass("seatCharts-legendDescription").text(e[2])))}),a}(i.legend):null,e.attr({tabIndex:0}),e.focus(function(){e.attr("aria-activedescendant")&&a[e.attr("aria-activedescendant")].blur(),e.find(".seatCharts-seat:not(.seatCharts-space):first").focus(),a[n[0]].focus()}),e.data("seatCharts",{seats:a,seatIds:n,status:function(){var s=this;return 1==arguments.length?s.seats[arguments[0]].status():function(e,a){return"string"==typeof e?s.seats[e].status(a):function(){t.each(e,function(t,e){s.seats[e].status(a)})}()}(arguments[0],arguments[1])},each:function(t){var s=this;for(var e in s.seats)if(!1===t.call(s.seats[e],e))return e;return!0},node:function(){var s=this;return t("#"+s.seatIds.join(",#"))},find:function(t){var s=this,e=s.set();return t instanceof RegExp?function(){return s.each(function(s){s.match(t)&&e.push(s,this)}),e}():1==t.length?function(t){return s.each(function(){this["char"]()==t&&e.push(this.settings.id,this)}),e}(t):function(){return t.indexOf(".")>-1?function(){var a=t.split(".");return s.each(function(t){this["char"]()==a[0]&&this.status()==a[1]&&e.push(this.settings.id,this)}),e}():function(){return s.each(function(){this.status()==t&&e.push(this.settings.id,this)}),e}()}()},set:function u(){var s=this;return{seats:[],seatIds:[],length:0,status:function(){var s=arguments,e=this;return 1==this.length&&0==s.length?this.seats[0].status():function(){t.each(e.seats,function(){this.status.apply(this,s)})}()},node:function(){return s.node.call(this)},each:function(){return s.each.call(this,arguments[0])},get:function(){return s.get.call(this,arguments[0])},find:function(){return s.find.call(this,arguments[0])},set:function(){return u.call(s)},push:function(t,s){this.seats.push(s),this.seatIds.push(t),++this.length}}},get:function(s){var e=this;return"string"==typeof s?e.seats[s]:function(){var a=e.set();return t.each(s,function(t,s){"object"==typeof e.seats[s]&&a.push(s,e.seats[s])}),a}()}}),e.data("seatCharts")}}(jQuery); \ No newline at end of file diff --git a/mapka/WYKLADOWCA/seatchart.css b/mapka/WYKLADOWCA/seatchart.css new file mode 100644 index 0000000..2a30880 --- /dev/null +++ b/mapka/WYKLADOWCA/seatchart.css @@ -0,0 +1,153 @@ +body { + font-family: 'Lato', sans-serif; + font-style: #b71a4c; +} +a { + color: #b71a4c; +} +.front-indicator { + width: 90%; + margin: 5px 32px 5px 32px; + background-color: #f6f6f6; + color: #adadad; + text-align: center; + padding: 15px; + border-radius: 5px; +} + +.container { + margin: 0 auto; + text-align: left; +} +.seat-stat-wrapper { + display: inline; +} +#legend { + width: 49%; + margin: 0 auto; + float: left; + font-family: monospace; + font-size: 16px; +} +.booking-details { + display: inline-block; + text-align: right; + font-size: 12px; + width: 49%; + margin: 0 auto; + +} +@media screen and (max-width: 550px) { + #legend { + width: 100%; + } + .booking-details { + width: 100%; + text-align: left; + } +} +.booking-details h2 { + margin: 25px 0 20px 0; + font-size: 35px; + color: #333333; + font-family: monospace; + letter-spacing: 0.15em; + font-weight: bold; +} +.booking-details h3 { + margin: 5px 5px 0 0; + font-size: 18px; + color: #333333; + font-family: monospace; + font-display: bold; +} +div.seatCharts-cell { + color: #182C4E; + height: 90px; + width: 90px; + line-height: 90px; + +} +div.seatCharts-seat { + color: #FFFFFF; + cursor: pointer; + +} +div.seatCharts-row { + height: 100px; + width: 90%; + display: flex; + /*align-items: center;*/ + justify-content: center; +} +div.seatCharts-seat.available { + background-color: #a8b9bd; + +} +div.seatCharts-seat.available.student-class { + background-color: #a8b9bd; +} +div.seatCharts-seat.focused { + background-color: #758184; +} +div.seatCharts-seat.selected { + background-color: rgb(216, 196, 230); +} +div.seatCharts-seat.unavailable { + background-color: #caaa41; +} + +div.seatCharts-container { + width: 80%; + padding: 20px 0; + margin: 0 auto; + text-align: center; + +} +div.seatCharts-legend { + display: inline-block; +} + +div.seatCharts-legend li { + text-align: left; +} + +ul.seatCharts-legendList { + padding-left: 0px; +} +span.seatCharts-legendDescription { + margin-left: 5px; + line-height: 100px; +} + +.checkout-button { + margin: 10px 0; + font-size: 14px; + background-color: #5d7cd3; + border-radius: 2px; + border: 0; + padding: 15px 40px; + display: inline-block; + text-align: center; + box-shadow:0px 4px 0px #1e3572; + font-family: monospace; +} + +.checkout-button:hover { + box-shadow: 0 0 rgb(103, 88, 184); + background-color: #3654c9; +} + +.checkout-button:active { + top: 4px; + box-shadow: 0 0 #b85a5b; + background-color: #3654ff; +} + +#selected-seats { + list-style-type: none; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri; + font-size: 14px; + margin-left: 0; + padding-left: 0; +} \ No newline at end of file diff --git a/mapka/WYKLADOWCA/seatchart.js b/mapka/WYKLADOWCA/seatchart.js new file mode 100644 index 0000000..4212f2e --- /dev/null +++ b/mapka/WYKLADOWCA/seatchart.js @@ -0,0 +1,99 @@ +var firstSeatLabel = 1; + + $(document).ready(function() { + var $cart = $('#selected-seats'), + $counter = $('#counter'), + $total = $('#total'), + sc = $('#seat-map').seatCharts({ + map: [ + 'cccccc', + '_', + 'cccccc', + 'cccccc', + ], + seats: { + h: { + price : 2500, + classes : 'student-class', + category: 'Student Seat' + }, + }, + naming : { + rows: ['1','','2','3'], + top : false, + getLabel : function (character, row, column) { + if (row == '1') { + return column; + } else if (row == '2') { + return column; + } else if (row == '3') { + return column; + } + }, + }, + legend : { + node : $('#legend'), + items : [ + [ 'c', 'available', 'Dostępne miejsce'], + [ 'f', 'unavailable', 'Zajęte miejsce'] + ] + }, + click: function () { + if (this.status() == 'available' && recalculateTotal(sc) < 1) { + //let's create a new
  • which we'll add to the cart items + $('
  • rząd '+ this.settings.row + ', miejsce '+this.settings.label+ ' [cancel]
    • ') + .attr('id', 'cart-item-'+this.settings.id) + .data('seatId', this.settings.id) + .appendTo($cart); + + /* + * Lets update the counter and total + * + * .find function will not find the current seat, because it will change its stauts only after return + * 'selected'. This is why we have to add 1 to the length and the current seat price to the total. + */ + $counter.text(sc.find('selected').length+1); + $total.text(recalculateTotal(sc)+1); + + return 'selected'; + } else if (this.status() == 'selected') { + //update the counter + $counter.text(sc.find('selected').length-1); + //and total + $total.text(recalculateTotal(sc)-1); + + //remove the item from our cart + $('#cart-item-'+this.settings.id).remove(); + + //seat has been vacated + return 'available'; + } else if (this.status() == 'unavailable') { + //seat has been already booked + return 'unavailable'; + } else { + return this.style(); + } + } + }); + + //this will handle "[cancel]" link clicks + $('#selected-seats').on('click', '.cancel-cart-item', function () { + //let's just trigger Click event on the appropriate seat, so we don't have to repeat the logic here + sc.get($(this).parents('li:first').data('seatId')).click(); + }); + + //let's pretend some seats have already been booked + //sc.get(['1_2', '4_1', '7_1', '7_2']).status('unavailable'); + + }); + + function recalculateTotal(sc) { + var total = 0; + + //basically find every selected seat and sum its price + sc.find('selected').each(function () { + total += 1;//this.data().price; + }); + + return total; + } \ No newline at end of file diff --git a/mapka/WYKLADOWCA/statystyki.css b/mapka/WYKLADOWCA/statystyki.css new file mode 100644 index 0000000..4a73ac4 --- /dev/null +++ b/mapka/WYKLADOWCA/statystyki.css @@ -0,0 +1,39 @@ +body { + font-family: monospace, sans-serif; +} + +.wrapper{ + margin: 0 auto; + width: 1000px; + +} + +.wrapper ul { + font-size: 20px; +} + +.maintext { + text-align: center; + font-size: 44px; + padding-bottom: 20px; + padding-top: 70px; + border-bottom: 2px outset rgb(131, 145, 145); + text-shadow: 1px 1px 4px rgb(122, 122, 122); +} + +.tomainpage-button { + font-size: 18px; + background-color: #5d7cd3; + border-radius: 2px; + border: 0; + width: 270px; + padding: 25px 60px; + text-align: center; + box-shadow:0px 4px 0px #1e3572; + font-family: monospace; + margin: 40px auto; + width: 20%; + left: 40%; + bottom: 10px; + position: absolute; +} \ No newline at end of file diff --git a/mapka/WYKLADOWCA/statystyki.html b/mapka/WYKLADOWCA/statystyki.html new file mode 100644 index 0000000..3c6ecd2 --- /dev/null +++ b/mapka/WYKLADOWCA/statystyki.html @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + +
    +

    Statystyki

    + + +
  • ...
    • +
  • ...
    • + + +
    + + + + + + \ No newline at end of file diff --git a/mapka/WYKLADOWCA/wyborsali.css b/mapka/WYKLADOWCA/wyborsali.css new file mode 100644 index 0000000..c8151c9 --- /dev/null +++ b/mapka/WYKLADOWCA/wyborsali.css @@ -0,0 +1,214 @@ +body { + font-family: monospace, sans-serif; +} + +.logged-wrapper { + position: absolute; + right: 0; + margin-top: 0; + margin-right: 5px; + width: 320px; +} + +.logged-wrapper h3 { + font-size: 18px; + padding: 15px 10px 0 65px; + margin-top: 0; + margin-bottom: -10px; +} + +.logged-wrapper h2 { + font-size: 22px; + padding: 15px 10px 0 65px; + margin-top: 0; + display: inline-block; +} + +.logged-wrapper img { + /* padding: 0 10px 0 0; */ + border-radius: 30px; + width: 90px; + height: auto; + display: inline-block; + position: absolute; + right: 2px; + top: 0; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1); +} + + +.seat-stat-wrapper h1{ + text-align: center; + font-size: 36px; + padding-bottom: 20px; + border-bottom: 2px outset rgb(131, 145, 145); + text-shadow: 1px 1px 4px rgb(122, 122, 122); +} + +#choosepanel { + padding: 0px 50px; +} + +#choosepanel h2, .room-view h2 { + font-size: 23px; + text-shadow: 1px 1px 1px rgb(122, 122, 122); + +} + +#choosepanel select { + font-size: 18px; + width: 150px; + text-shadow: 1px 1px 1px rgb(122, 122, 122); + display: block; + font-size: 16px; + font-family: sans-serif; + font-weight: 700; + color: #444; + line-height: 1.3; + padding: .6em 1.4em .5em .8em; + box-sizing: border-box; + margin: 0; + border: 1px solid #aaa; + box-shadow: 0 1px 0 1px rgba(0,0,0,.04); + border-radius: .5em; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background-color: #fff; + background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), + linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); + background-repeat: no-repeat, repeat; + background-position: right .7em top 50%, 0 0; + background-size: .65em auto, 100%; +} + +.choosepanel::-ms-expand { + display: none; +} +.choosepanel:hover { + border-color: #888; +} +.choosepanel:focus { + border-color: #aaa; + box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); + box-shadow: 0 0 0 3px -moz-mac-focusring; + color: #222; + outline: none; +} +.choosepanel option { + font-weight:normal; +} +.room-view { + float: right; + width: 70%; + margin-top: -260px; + +} + +.room-view h2 { + text-align: center; +} + +.checkout-button { + margin: 40px 0 0 0; + font-size: 18px; + background-color: #5d7cd3; + border-radius: 2px; + border: 0; + width: 250px; + padding: 25px 60px; + text-align: center; + box-shadow:0px 4px 0px #1e3572; + font-family: monospace; + position:relative; + left:37%; +} + +.checkout-button:hover { + box-shadow: 0 0 rgb(103, 88, 184); + background-color: #3654c9; +} + +.checkout-button:active { + top: 4px; + box-shadow: 0 0 #b85a5b; + background-color: #3654ff; +} + +div.seatCharts-cell { + color: #182C4E; + height: 90px; + width: 90px; + line-height: 90px; + +} +div.seatCharts-seat { + color: #FFFFFF; + cursor: pointer; + +} +div.seatCharts-row { + height: 100px; + width: 90%; + display: flex; + /*align-items: center;*/ + justify-content: center; +} +div.seatCharts-seat.available { + background-color: #a8b9bd; + +} +div.seatCharts-seat.available.student-class { + background-color: #a8b9bd; +} +div.seatCharts-seat.focused { + background-color: #758184; +} +div.seatCharts-seat.selected { + background-color: rgb(216, 196, 230); +} +div.seatCharts-seat.unavailable { + background-color: #caaa41; +} + +div.seatCharts-container { + width: 80%; + padding: 20px 0; + margin: 0 auto; + text-align: center; +} + +.seat-stat-wrapper { + padding: 80px 150px; + +} + +.seat-chart-wrapper, div.seatCharts-space { + background-color: rgba(232, 236, 241, 0.7); +} + +.seat-chart-wrapper { + padding: 60px 0; + border-radius: 20px; +} + +.select{ + padding-bottom: 40px; +} + +#stats{ + font-size: 18px; + width: 180px; + display: block; + font-size: 16px; + font-weight: 700; + color: rgb(51, 50, 50); + line-height: 1.3; + padding: .6em 1.4em .5em .8em; + box-sizing: border-box; + margin: 0; + border: 1px solid #aaa; + box-shadow: 0 1px 0 1px rgba(0,0,0,.04); + border-radius: .5em; + background-image: linear-gradient(rgb(252, 252, 252), rgb(214, 214, 214)); +} \ No newline at end of file diff --git a/mapka/WYKLADOWCA/wyborsali.html b/mapka/WYKLADOWCA/wyborsali.html new file mode 100644 index 0000000..fedf314 --- /dev/null +++ b/mapka/WYKLADOWCA/wyborsali.html @@ -0,0 +1,65 @@ + + + + + + + + + + + + + + +
    +
    +

    zalogowany jako

    +

    Anna Kowalska

    + +
    + +
    +

    Wybór sali

    +
    +

    Wybierz salę:

    +
    + +
    +

    Statystyki:

    + +
    + +
    +

    Podgląd sali

    +
    +
    + +
    +
    + + + +
    + +
    + + + + + + \ No newline at end of file diff --git a/mapka/WYKLADOWCA/wyborsali.js b/mapka/WYKLADOWCA/wyborsali.js new file mode 100644 index 0000000..0d0f027 --- /dev/null +++ b/mapka/WYKLADOWCA/wyborsali.js @@ -0,0 +1,59 @@ +mapka = { + 'A-18' : [ + 'cccccccc', + '_', + 'cccccc', + 'cccccc', ], + 'A-17' : [ + 'ccccccc', + '_', + 'cccccc', + 'cccccc',], + 'A-16' : [ + 'cccccc', + '_', + 'cccccc', + 'cccccc',] +}; + + + +$(document).ready(function() { + var roomNumber = 'A-17'; + $("select").change(function () { + + var $str = ""; + $("select option:selected").each(function () { + $str += $(this).text(); + if ($str == "A-17") { + roomNumber = 'A-17'; + } else if ($str == "A-16") { + roomNumber = 'A-16'; + } else if ($str == "A-18"){ + roomNumber = 'A-18'; + } + + }); + +}).trigger("change"); + + $('#seat-map').load('wyborsali.html #seat-map', function() { + var sc = $('#seat-map').seatCharts({ + map: mapka[roomNumber], + naming : { + rows: ['1','','2','3'], + top : false, + getLabel : function (character, row, column) { + if (row == '1') { + return column; + } else if (row == '2') { + return column; + } else if (row == '3') { + return column; + } + }, + } + }); + }); + +}); \ No newline at end of file