\
- 
\
- ' +
- text + '
\
+ 
\
+ ' +
+ text + '
\
\
- \
- \
+ 
');
- }
- }
- else
- {
- if ( stickerContainer.html().indexOf(stickerId) < 0 )
- stickerContainer.prepend('
');
- }
+ if (Array.isArray(stickerId)) {
+ for (var i in stickerId) {
+ stickerContainer.prepend('
');
+ }
+ } else {
+ if (stickerContainer.html().indexOf(stickerId) < 0)
+ stickerContainer.prepend('
');
+ }
}
@@ -342,59 +341,55 @@ function addSticker ( cardId , stickerId )
//----------------------------------
// cards
//----------------------------------
-function createCard( id, text, x, y, rot, colour )
-{
- drawNewCard(id, text, x, y, rot, colour, null);
+function createCard(id, text, x, y, rot, colour) {
+ drawNewCard(id, text, x, y, rot, colour, null);
- var action = "createCard";
+ var action = "createCard";
- var data = {
- id: id,
- text: text,
- x: x,
- y: y,
- rot: rot,
- colour: colour
- };
+ var data = {
+ id: id,
+ text: text,
+ x: x,
+ y: y,
+ rot: rot,
+ colour: colour
+ };
- sendAction(action, data);
+ sendAction(action, data);
}
-function randomCardColour()
-{
- var colours = ['yellow', 'green', 'blue', 'white'];
+function randomCardColour() {
+ var colours = ['yellow', 'green', 'blue', 'white'];
- var i = Math.floor(Math.random() * colours.length);
+ var i = Math.floor(Math.random() * colours.length);
- return colours[i];
+ return colours[i];
}
-function initCards( cardArray )
-{
- //first delete any cards that exist
- $('.card').remove();
+function initCards(cardArray) {
+ //first delete any cards that exist
+ $('.card').remove();
- cards = cardArray;
+ cards = cardArray;
- for (var i in cardArray)
- {
- card = cardArray[i];
+ for (var i in cardArray) {
+ card = cardArray[i];
- drawNewCard(
- card.id,
- card.text,
- card.x,
- card.y,
- card.rot,
- card.colour,
- card.sticker
- );
- }
+ drawNewCard(
+ card.id,
+ card.text,
+ card.x,
+ card.y,
+ card.rot,
+ card.colour,
+ card.sticker
+ );
+ }
- boardInitialized = true;
- unblockUI();
+ boardInitialized = true;
+ unblockUI();
}
@@ -402,142 +397,130 @@ function initCards( cardArray )
// cols
//----------------------------------
-function drawNewColumn (columnName)
-{
- var cls = "col";
- if (totalcolumns === 0)
- {
- cls = "col first";
- }
+function drawNewColumn(columnName) {
+ var cls = "col";
+ if (totalcolumns === 0) {
+ cls = "col first";
+ }
- $('#icon-col').before('');
+ $('#icon-col').before('');
- $('.editable').editable(function(value, settings) {
- onColumnChange( this.id, value );
- return(value);
- }, {
- style : 'inherit',
- cssclass : 'card-edit-form',
- type : 'textarea',
- placeholder : 'New',
- onblur: 'submit',
- width: '',
- height: '',
- xindicator: '
',
- event: 'dblclick', //event: 'mouseover'
- });
+ $('.editable').editable(function(value, settings) {
+ onColumnChange(this.id, value);
+ return (value);
+ }, {
+ style: 'inherit',
+ cssclass: 'card-edit-form',
+ type: 'textarea',
+ placeholder: 'New',
+ onblur: 'submit',
+ width: '',
+ height: '',
+ xindicator: '',
+ event: 'dblclick', //event: 'mouseover'
+ });
- $('.col:last').fadeIn(1500);
+ $('.col:last').fadeIn(1500);
- totalcolumns ++;
+ totalcolumns++;
}
-function onColumnChange( id, text )
-{
- var names = Array();
+function onColumnChange(id, text) {
+ var names = Array();
- //console.log(id + " " + text );
+ //console.log(id + " " + text );
- //Get the names of all the columns right from the DOM
- $('.col').each(function() {
+ //Get the names of all the columns right from the DOM
+ $('.col').each(function() {
- //get ID of current column we are traversing over
- var thisID = $(this).children("h2").attr('id');
+ //get ID of current column we are traversing over
+ var thisID = $(this).children("h2").attr('id');
- if (id == thisID)
- {
- names.push( text );
- }
- else
- {
- names.push( $(this).text() );
- }
+ if (id == thisID) {
+ names.push(text);
+ } else {
+ names.push($(this).text());
+ }
- });
+ });
- updateColumns(names);
+ updateColumns(names);
}
-function displayRemoveColumn()
-{
- if (totalcolumns <= 0) return false;
+function displayRemoveColumn() {
+ if (totalcolumns <= 0) return false;
- $('.col:last').fadeOut( 150,
- function() {
- $(this).remove();
- }
- );
+ $('.col:last').fadeOut(150,
+ function() {
+ $(this).remove();
+ }
+ );
- totalcolumns --;
+ totalcolumns--;
}
-function createColumn( name )
-{
- if (totalcolumns >= 8) return false;
+function createColumn(name) {
+ if (totalcolumns >= 8) return false;
- drawNewColumn( name );
- columns.push(name);
+ drawNewColumn(name);
+ columns.push(name);
- var action = "updateColumns";
+ var action = "updateColumns";
- var data = columns;
+ var data = columns;
- sendAction(action, data);
+ sendAction(action, data);
}
-function deleteColumn()
-{
- if (totalcolumns <= 0) return false;
+function deleteColumn() {
+ if (totalcolumns <= 0) return false;
- displayRemoveColumn();
- columns.pop();
+ displayRemoveColumn();
+ columns.pop();
- var action = "updateColumns";
+ var action = "updateColumns";
- var data = columns;
+ var data = columns;
- sendAction(action, data);
+ sendAction(action, data);
}
-function updateColumns( c )
-{
- columns = c;
+function updateColumns(c) {
+ columns = c;
- var action = "updateColumns";
+ var action = "updateColumns";
- var data = columns;
+ var data = columns;
- sendAction(action, data);
+ sendAction(action, data);
}
-function deleteColumns( next )
-{
- //delete all existing columns:
- $('.col').fadeOut( 'slow', next() );
+function deleteColumns(next) {
+ //delete all existing columns:
+ $('.col').fadeOut('slow', next());
}
-function initColumns( columnArray )
-{
- totalcolumns = 0;
- columns = columnArray;
+function initColumns(columnArray) {
+ totalcolumns = 0;
+ columns = columnArray;
- $('.col').remove();
+ $('.col').remove();
- for (var i in columnArray)
- {
- column = columnArray[i];
+ for (var i in columnArray) {
+ column = columnArray[i];
- drawNewColumn(
- column
- );
- }
+ drawNewColumn(
+ column
+ );
+ }
}
-function changeThemeTo( theme )
-{
- currentTheme = theme;
- $("link[title=cardsize]").attr("href", "/css/" + theme + ".css");
+function changeThemeTo(theme) {
+ currentTheme = theme;
+ $("link[title=cardsize]").attr("href", "/css/" + theme + ".css");
}
@@ -547,116 +530,107 @@ function changeThemeTo( theme )
-function setCookie(c_name,value,exdays)
-{
- var exdate=new Date();
- exdate.setDate(exdate.getDate() + exdays);
- var c_value=escape(value) + ((exdays===null) ? "" : "; expires="+exdate.toUTCString());
- document.cookie=c_name + "=" + c_value;
+function setCookie(c_name, value, exdays) {
+ var exdate = new Date();
+ exdate.setDate(exdate.getDate() + exdays);
+ var c_value = escape(value) + ((exdays === null) ? "" : "; expires=" +
+ exdate.toUTCString());
+ document.cookie = c_name + "=" + c_value;
}
-function getCookie(c_name)
-{
- var i,x,y,ARRcookies=document.cookie.split(";");
- for (i=0;i');
+ if (boardInitialized === false)
+ blockUI('');
- //setTimeout($.unblockUI, 2000);
+ //setTimeout($.unblockUI, 2000);
- $( "#create-card" )
- .click(function() {
- var rotation = Math.random() * 10 - 5; //add a bit of random rotation (+/- 10deg)
- uniqueID = Math.round(Math.random()*99999999); //is this big enough to assure uniqueness?
- //alert(uniqueID);
- createCard(
- 'card' + uniqueID,
- '',
- 58, $('div.board-outline').height(),// hack - not a great way to get the new card coordinates, but most consistant ATM
- rotation,
- randomCardColour());
- });
+ $("#create-card")
+ .click(function() {
+ var rotation = Math.random() * 10 - 5; //add a bit of random rotation (+/- 10deg)
+ uniqueID = Math.round(Math.random() * 99999999); //is this big enough to assure uniqueness?
+ //alert(uniqueID);
+ createCard(
+ 'card' + uniqueID,
+ '',
+ 58, $('div.board-outline').height(), // hack - not a great way to get the new card coordinates, but most consistant ATM
+ rotation,
+ randomCardColour());
+ });
-
- // Style changer
- $("#smallify").click(function(){
- if (currentTheme == "bigcards")
- {
- changeThemeTo('smallcards');
- }
- else if (currentTheme == "smallcards")
- {
- changeThemeTo('bigcards');
- }
- /*else if (currentTheme == "nocards")
+ // Style changer
+ $("#smallify").click(function() {
+ if (currentTheme == "bigcards") {
+ changeThemeTo('smallcards');
+ } else if (currentTheme == "smallcards") {
+ changeThemeTo('bigcards');
+ }
+ /*else if (currentTheme == "nocards")
{
currentTheme = "bigcards";
$("link[title=cardsize]").attr("href", "css/bigcards.css");
}*/
- sendAction('changeTheme', currentTheme);
+ sendAction('changeTheme', currentTheme);
- return false;
- });
+ return false;
+ });
- $('#icon-col').hover(
- function() {
- $('.col-icon').fadeIn(10);
- },
- function() {
- $('.col-icon').fadeOut(150);
- }
- );
+ $('#icon-col').hover(
+ function() {
+ $('.col-icon').fadeIn(10);
+ },
+ function() {
+ $('.col-icon').fadeOut(150);
+ }
+ );
- $('#add-col').click(
- function(){
- createColumn('New');
- return false;
- }
- );
+ $('#add-col').click(
+ function() {
+ createColumn('New');
+ return false;
+ }
+ );
- $('#delete-col').click(
- function(){
- deleteColumn();
- return false;
- }
- );
+ $('#delete-col').click(
+ function() {
+ deleteColumn();
+ return false;
+ }
+ );
- // $('#cog-button').click( function(){
- // $('#config-dropdown').fadeToggle();
- // } );
+ // $('#cog-button').click( function(){
+ // $('#config-dropdown').fadeToggle();
+ // } );
- // $('#config-dropdown').hover(
- // function(){ /*$('#config-dropdown').fadeIn()*/ },
- // function(){ $('#config-dropdown').fadeOut() }
- // );
- //
+ // $('#config-dropdown').hover(
+ // function(){ /*$('#config-dropdown').fadeIn()*/ },
+ // function(){ $('#config-dropdown').fadeOut() }
+ // );
+ //
- var user_name = getCookie('scrumscrum-username');
+ var user_name = getCookie('scrumscrum-username');
- $("#yourname-input").focus(function()
- {
- if ($(this).val() == 'unknown')
- {
- $(this).val("");
- }
+ $("#yourname-input").focus(function() {
+ if ($(this).val() == 'unknown') {
+ $(this).val("");
+ }
- $(this).addClass('focused');
+ $(this).addClass('focused');
- });
+ });
- $("#yourname-input").blur(function()
- {
- if ($(this).val() === "")
- {
- $(this).val('unknown');
- }
- $(this).removeClass('focused');
+ $("#yourname-input").blur(function() {
+ if ($(this).val() === "") {
+ $(this).val('unknown');
+ }
+ $(this).removeClass('focused');
- setName($(this).val());
- });
+ setName($(this).val());
+ });
- $("#yourname-input").val(user_name);
- $("#yourname-input").blur();
+ $("#yourname-input").val(user_name);
+ $("#yourname-input").blur();
- $("#yourname-li").hide();
+ $("#yourname-li").hide();
- $("#yourname-input").keypress(function(e)
- {
- code= (e.keyCode ? e.keyCode : e.which);
- if (code == 10 || code == 13)
- {
- $(this).blur();
- }
- });
+ $("#yourname-input").keypress(function(e) {
+ code = (e.keyCode ? e.keyCode : e.which);
+ if (code == 10 || code == 13) {
+ $(this).blur();
+ }
+ });
-$( ".sticker" ).draggable({
- revert: true,
- zIndex: 1000
-});
+ $(".sticker").draggable({
+ revert: true,
+ zIndex: 1000
+ });
-$( ".board-outline" ).resizable( {
- ghost: false,
- minWidth: 700,
- minHeight: 400 ,
- maxWidth: 3200,
- maxHeight: 1800,
-} );
+ $(".board-outline").resizable({
+ ghost: false,
+ minWidth: 700,
+ minHeight: 400,
+ maxWidth: 3200,
+ maxHeight: 1800,
+ });
-//A new scope for precalculating
-(function() {
- var offsets;
+ //A new scope for precalculating
+ (function() {
+ var offsets;
- $(".board-outline").bind("resizestart", function() {
- offsets = calcCardOffset();
- });
- $(".board-outline").bind("resize", function(event, ui) {
- adjustCard(offsets, false);
- });
- $(".board-outline").bind("resizestop", function(event, ui) {
- boardResizeHappened(event, ui);
- adjustCard(offsets, true);
- });
-})();
+ $(".board-outline").bind("resizestart", function() {
+ offsets = calcCardOffset();
+ });
+ $(".board-outline").bind("resize", function(event, ui) {
+ adjustCard(offsets, false);
+ });
+ $(".board-outline").bind("resizestop", function(event, ui) {
+ boardResizeHappened(event, ui);
+ adjustCard(offsets, true);
+ });
+ })();
-$('#marker').draggable(
- {
- axis: 'x',
- containment: 'parent'
- }
-);
+ $('#marker').draggable({
+ axis: 'x',
+ containment: 'parent'
+ });
-$('#eraser').draggable(
- {
- axis: 'x',
- containment: 'parent'
- }
-);
+ $('#eraser').draggable({
+ axis: 'x',
+ containment: 'parent'
+ });
-//disable image dragging
-//window.ondragstart = function() { return false; };
+ //disable image dragging
+ //window.ondragstart = function() { return false; };
});