BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'anton/creating-better-templates' into creating-better-templates

Browse Source 
Conflicts:
	labs/meteor-client/client/main.coffee
This commit is contained in:
perroned 2014-08-15 11:27:40 -07:00
commit 98e591b748
11 changed files with 171 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
labs/meteor-client/client/globals.coffee
View File

@ -188,7 +188,7 @@ Handlebars.registerHelper "getShapesForSlide", ->
presentationId = currentPresentation?.presentation?.id presentationId = currentPresentation?.presentation?.id
currentSlide = Meteor.Slides.findOne({"presentationId": presentationId, "slide.current": true}) currentSlide = Meteor.Slides.findOne({"presentationId": presentationId, "slide.current": true})
# try to reuse the lines above # try to reuse the lines above
Meteor.Shapes.find({whiteboardId: currentSlide?.slide?.id}).fetch() Meteor.Shapes.find({whiteboardId: currentSlide?.slide?.id})
Handlebars.registerHelper "pointerLocation", -> Handlebars.registerHelper "pointerLocation", ->
currentPresentation = Meteor.Presentations.findOne({"presentation.current": true}) currentPresentation = Meteor.Presentations.findOne({"presentation.current": true})

1
labs/meteor-client/client/main.coffee
View File

@ -75,4 +75,3 @@ Meteor.startup ->
{isActive:false, name:"Options", class: "optionsChatTab"} {isActive:false, name:"Options", class: "optionsChatTab"}
] ]
@whiteboardPaperModel = new WhiteboardPaperModel('whiteboard-paper')

23
labs/meteor-client/client/views/whiteboard/slide.coffee
View File

@ -23,6 +23,23 @@ Template.slide.helpers
wpm = Template.slide.whiteboardPaperModel wpm = Template.slide.whiteboardPaperModel
wpm?.moveCursor(pointer.x, pointer.y) wpm?.moveCursor(pointer.x, pointer.y)
manuallyDisplayShapes: ->
currentPresentation = Meteor.Presentations.findOne({"presentation.current": true})
presentationId = currentPresentation?.presentation?.id
currentSlide = Meteor.Slides.findOne({"presentationId": presentationId, "slide.current": true})
wpm = Template.slide.whiteboardPaperModel
shapes = Meteor.Shapes.find({whiteboardId: currentSlide?.slide?.id}).fetch()
for s in shapes
shapeInfo = s.shape?.shape
shapeType = shapeInfo?.type
for num in [0..3] # the coordinates must be in the range 0 to 1
shapeInfo.points[num] = shapeInfo.points[num] / 100
wpm.makeShape(shapeType, shapeInfo)
wpm.updateShape(shapeType, shapeInfo)
#### SHAPE #### #### SHAPE ####
Template.shape.rendered = -> Template.shape.rendered = ->
# @data is the shape object coming from the {{#each}} in the html file # @data is the shape object coming from the {{#each}} in the html file
@ -36,3 +53,9 @@ Template.shape.rendered = ->
wpm.makeShape(shapeType, shapeInfo) wpm.makeShape(shapeType, shapeInfo)
wpm.updateShape(shapeType, shapeInfo) wpm.updateShape(shapeType, shapeInfo)
Template.shape.destroyed = ->
wpm = Template.slide.whiteboardPaperModel
wpm.clearShapes()
Template.slide.displaySlide(wpm)
Template.slide.manuallyDisplayShapes()

9
labs/meteor-client/client/views/whiteboard/whiteboard.html
View File

@ -2,12 +2,13 @@
<div id="{{id}}" {{visibility name}} class="component"> <div id="{{id}}" {{visibility name}} class="component">
<h3 class="title gradientBar"><span class="glyphicon glyphicon-pencil"></span> {{title}}</h3> <h3 class="title gradientBar"><span class="glyphicon glyphicon-pencil"></span> {{title}}</h3>
<div id="whiteboard-contents"> <div id="whiteboard-contents">
{{#if getInSession "display_whiteboard"}}
{{#each getCurrentSlide}}
{{> slide}}
{{/each}}
<div id="whiteboard-paper" style=""> <div id="whiteboard-paper" style="">
<!-- <p>{{png}}</p> -->
{{#each getCurrentSlide}}
{{> slide}}
{{/each}}
</div> </div>
{{/if}}
</div> </div>
</div> </div>
</template> </template>

106
labs/meteor-client/client/whiteboard_models/whiteboard_ellipse.coffee
View File

@ -2,14 +2,11 @@
class @WhiteboardEllipseModel extends WhiteboardToolModel class @WhiteboardEllipseModel extends WhiteboardToolModel
constructor: (@paper) -> constructor: (@paper) ->
super @paper super @paper
# the defintion of this shape, kept so we can redraw the shape whenever needed # the defintion of this shape, kept so we can redraw the shape whenever needed
# format: top left x, top left y, bottom right x, bottom right y, stroke color, thickness # format: top left x, top left y, bottom right x, bottom right y, stroke color, thickness
@definition = [0, 0, 0, 0, "#000", "0px"] @definition = [0, 0, 0, 0, "#000", "0px"]
# @ellipseX = null
# @ellipseY = null
# Make an ellipse on the whiteboard # Make an ellipse on the whiteboard
# @param {[type]} x the x value of the top left corner # @param {[type]} x the x value of the top left corner
@ -17,18 +14,19 @@ class @WhiteboardEllipseModel extends WhiteboardToolModel
# @param {string} colour the colour of the object # @param {string} colour the colour of the object
# @param {number} thickness the thickness of the object's line(s) # @param {number} thickness the thickness of the object's line(s)
make: (info) -> make: (info) ->
if info?.payload?.data?.coordinate? console.log "Whiteboard - Making ellipse: "
x = info.payload.data.coordinate.first_x console.log info
y = info.payload.data.coordinate.first_y if info?.points?
color = info.payload.data.line.color x = info.points[0]
thickness = info.payload.data.line.weight y = info.points[1]
color = info.color
thickness = info.thickness
@obj = @paper.ellipse(x * @gw + @xOffset, y * @gh + @yOffset, 0, 0) @obj = @paper.ellipse(x * @gw + @xOffset, y * @gh + @yOffset, 0, 0)
@obj.attr Utils.strokeAndThickness(color, thickness) @obj.attr Meteor.call("strokeAndThickness", color, thickness)
@definition = @definition = [x, y, y, x, @obj.attrs["stroke"], @obj.attrs["stroke-width"]]
shape: "ellipse"
data: [x, y, y, x, @obj.attrs["stroke"], @obj.attrs["stroke-width"]] @obj
@obj
# Update ellipse drawn # Update ellipse drawn
# @param {number} x1 the x value of the top left corner in percent of current slide size # @param {number} x1 the x value of the top left corner in percent of current slide size
@ -37,59 +35,55 @@ class @WhiteboardEllipseModel extends WhiteboardToolModel
# @param {number} y2 the y value of the bottom right corner in percent of current slide size # @param {number} y2 the y value of the bottom right corner in percent of current slide size
# @param {boolean} square (draw a circle or not # @param {boolean} square (draw a circle or not
update: (info) -> update: (info) ->
x1 = info.payload.data.coordinate.first_x console.log info
y1 = info.payload.data.coordinate.first_y if info?.points?
x2 = info.payload.data.coordinate.last_x x1 = info.points[0]
y2 = info.payload.data.coordinate.last_y y1 = info.points[1]
circle = info.payload.data.square x2 = info.points[2]
y2 = info.points[3]
circle = !info.square
if @obj? if @obj?
[x1, x2] = [x2, x1] if x2 < x1
[x1, x2] = [x2, x1] if x2 < x1 if y2 < y1
[y1, y2] = [y2, y1]
reversed = true
if circle
if reversed # if reveresed, the y1 coordinate gets updated, not the y2 coordinate
y1 = y2 - (x2 - x1) * @gw / @gh
if y2 < y1 else
[y1, y2] = [y2, y1] y2 = y1 + (x2 - x1) * @gw / @gh
reversed = true
if circle
if reversed #if reveresed, the y1 coordinate gets updated, not the y2 coordinate
y1 = y2 - (x2 - x1) * @gw / @gh
else
y2 = y1 + (x2 - x1) * @gw / @gh
#if the control key is pressed then the width and height of the ellipse are equal (a circle) #if the control key is pressed then the width and height of the ellipse are equal (a circle)
#we calculate this by making the y2 coord equal to the y1 coord plus the width of x2-x1 and corrected for the slide size #we calculate this by making the y2 coord equal to the y1 coord plus the width of x2-x1 and corrected for the slide size
coords =
x1: x1
coords = x2: x2
x1: x1 y1: y1
x2: x2 y2: y2
y1: y1
y2: y2
console.log(coords) console.log(coords)
rx = (x2 - x1) / 2 rx = (x2 - x1) / 2
ry = (y2 - y1) / 2 ry = (y2 - y1) / 2
r =
r= rx: rx * @gw
rx: rx * @gw ry: ry * @gh
ry: ry * @gh cx: (rx + x1) * @gw + @xOffset
cx: (rx + x1) * @gw + @xOffset cy: (ry + y1) * @gh + @yOffset
cy: (ry + y1) * @gh + @yOffset
console.log "------------>", r
@obj.attr(r) @obj.attr(r)
console.log( "@gw: " + @gw + "\n@gh: " + @gh + "\n@xOffset: " + @xOffset + "\n@yOffset: " + @yOffset ); console.log( "@gw: " + @gw + "\n@gh: " + @gh + "\n@xOffset: " + @xOffset + "\n@yOffset: " + @yOffset );
# we need to update all these values, specially for when shapes are drawn backwards # we need to update all these values, specially for when shapes are drawn backwards
@definition.data[0] = x1 @definition[0] = x1
@definition.data[1] = y1 @definition[1] = y1
@definition.data[2] = x2 @definition[2] = x2
@definition.data[3] = y2 @definition[3] = y2
# Draw an ellipse on the whiteboard # Draw an ellipse on the whiteboard
# @param {number} x1 the x value of the top left corner # @param {number} x1 the x value of the top left corner

34
labs/meteor-client/client/whiteboard_models/whiteboard_line.coffee
View File

@ -23,24 +23,23 @@ class @WhiteboardLineModel extends WhiteboardToolModel
# @param {string} colour the colour of the shape to be drawn # @param {string} colour the colour of the shape to be drawn
# @param {number} thickness the thickness of the line to be drawn # @param {number} thickness the thickness of the line to be drawn
make: (info) -> make: (info) ->
console.log "in line MAKE(info): " + info console.log "in line MAKE(info): "
if info?.payload?.data?.coordinate? console.log info
x = info.payload.data.coordinate.first_x if info?.points?
y = info.payload.data.coordinate.first_y x = info.points[0]
color = info.payload.data.line.color y = info.points[1]
thickness = info.payload.data.line.weight color = info.color
thickness = info.thickness
x1 = x * @gw + @xOffset x1 = x * @gw + @xOffset
y1 = y * @gh + @yOffset y1 = y * @gh + @yOffset
path = "M" + x1 + " " + y1 + " L" + x1 + " " + y1 path = "M" + x1 + " " + y1 + " L" + x1 + " " + y1
pathPercent = "M" + x + " " + y + " L" + x + " " + y pathPercent = "M" + x + " " + y + " L" + x + " " + y
@obj = @paper.path(path) @obj = @paper.path(path)
@obj.attr Utils.strokeAndThickness(color, thickness) @obj.attr Meteor.call("strokeAndThickness", color, thickness)
@obj.attr({"stroke-linejoin": "round"}) @obj.attr({"stroke-linejoin": "round"})
@definition = @definition = [pathPercent, @obj.attrs["stroke"], @obj.attrs["stroke-width"]]
shape: "path"
data: [pathPercent, @obj.attrs["stroke"], @obj.attrs["stroke-width"]]
@obj @obj
@ -55,12 +54,13 @@ class @WhiteboardLineModel extends WhiteboardToolModel
# @param {number} y2 1) the y of the second point # @param {number} y2 1) the y of the second point
# 2) undefined # 2) undefined
update: (info) -> update: (info) ->
console.log "in line-UPDATE(info): " + info console.log "in line-UPDATE(info): "
if info?.payload?.data?.coordinate? console.log info
x1 = info.payload.data.coordinate.first_x if info?.points?
y1 = info.payload.data.coordinate.first_y x1 = info.points[0]
x2 = info.payload.data.coordinate.last_x y1 = info.points[1]
y2 = info.payload.data.coordinate.last_y x2 = info.points[2]
y2 = info.points[3]
if @obj? if @obj?
@ -89,7 +89,7 @@ class @WhiteboardLineModel extends WhiteboardToolModel
# adding lines from the line tool # adding lines from the line tool
else else
path = @_buildPath(x1, y1, x2, y2) path = @_buildPath(x1, y1, x2, y2)
@definition.data[0] = path @definition[0] = path
path = @_scaleLinePath(path, @gw, @gh, @xOffset, @yOffset) path = @_scaleLinePath(path, @gw, @gh, @xOffset, @yOffset)
@obj.attr path: path @obj.attr path: path

30
labs/meteor-client/client/whiteboard_models/whiteboard_paper.coffee
View File

@ -4,7 +4,6 @@ class @WhiteboardPaperModel
# Container must be a DOM element # Container must be a DOM element
constructor: (@container) -> constructor: (@container) ->
# console.log "paper in WhiteboardPaperModel =" + @container
# a WhiteboardCursorModel # a WhiteboardCursorModel
@cursor = null @cursor = null
@ -56,8 +55,7 @@ class @WhiteboardPaperModel
# are not yet created in the page. # are not yet created in the page.
create: -> create: ->
# paper is embedded within the div#slide of the page. # paper is embedded within the div#slide of the page.
console.log ("@container=" + @container) @raphaelObj ?= ScaleRaphael(@container, "900", "500")
@raphaelObj ?= ScaleRaphael(@container, "500", "500")
@raphaelObj.canvas.setAttribute "preserveAspectRatio", "xMinYMin slice" @raphaelObj.canvas.setAttribute "preserveAspectRatio", "xMinYMin slice"
@cursor = new WhiteboardCursorModel(@raphaelObj) @cursor = new WhiteboardCursorModel(@raphaelObj)
@ -318,12 +316,14 @@ class @WhiteboardPaperModel
@currentShapesDefinitions = shapes @currentShapesDefinitions = shapes
@currentShapes = @raphaelObj.set() @currentShapes = @raphaelObj.set()
for shape in shapes for shape in shapes
data = if _.isString(shape.data) then JSON.parse(shape.data) else shape.data shapeType = shape?.shape?.shape_type
tool = @_createTool(shape.shape) dataBlock = shape?.shape?.shape
data = if _.isString(dataBlock) then JSON.parse(dataBlock) else dataBlock
tool = @_createTool(shapeType)
if tool? if tool?
@currentShapes.push tool.draw.apply(tool, data) @currentShapes.push tool.draw.apply(tool, data)
else else
;#console.log "shape not recognized at drawListOfShapes", shape console.log "shape not recognized at drawListOfShapes", shape
# make sure the cursor is still on top # make sure the cursor is still on top
@cursor.toFront() @cursor.toFront()
@ -345,7 +345,6 @@ class @WhiteboardPaperModel
# Updated a shape `shape` with the data in `data`. # Updated a shape `shape` with the data in `data`.
# TODO: check if the objects exist before calling update, if they don't they should be created # TODO: check if the objects exist before calling update, if they don't they should be created
updateShape: (shape, data) -> updateShape: (shape, data) ->
# alert "updating a " + shape
switch shape switch shape
when "line" when "line"
@currentLine.update(data) @currentLine.update(data)
@ -358,11 +357,10 @@ class @WhiteboardPaperModel
when "text" when "text"
@currentText.update.apply(@currentText, data) @currentText.update.apply(@currentText, data)
else else
;#console.log "shape not recognized at updateShape", shape console.log "shape not recognized at updateShape", shape
# Make a shape `shape` with the data in `data`. # Make a shape `shape` with the data in `data`.
makeShape: (shape, data) -> makeShape: (shape, data) ->
# alert "making a " + shape
tool = null tool = null
switch shape switch shape
when "path", "line" when "path", "line"
@ -386,10 +384,9 @@ class @WhiteboardPaperModel
toolModel = @currentText toolModel = @currentText
tool = @currentText.make.apply(@currentText, data) tool = @currentText.make.apply(@currentText, data)
else else
;#console.log "shape not recognized at makeShape", shape console.log "shape not recognized at makeShape", shape
if tool? if tool?
@currentShapes ?= @raphaelObj.set() @currentShapes ?= @raphaelObj.set()
console.log "currentShapes:" + @currentShapes
@currentShapes.push(tool) @currentShapes.push(tool)
@currentShapesDefinitions.push(toolModel.getDefinition()) @currentShapesDefinitions.push(toolModel.getDefinition())
@ -822,10 +819,6 @@ class @WhiteboardPaperModel
_displayPage: (data) -> _displayPage: (data) ->
@removeAllImagesFromPaper() @removeAllImagesFromPaper()
#page = data?.payload?.currentPage
#pngSlide = "http://www.tux.org/pub/sites/ftp.gnome.org/GNOME/teams/art.gnome.org/backgrounds/ABSTRACT-BlueRidge_1280x1024.png"
#@addImageToPaper(page.png_uri, 400, 400) # TODO the dimensions should be modified
# get dimensions for available whiteboard space # get dimensions for available whiteboard space
# get where to start from the left -> either the end of the user's list or the left edge of the screen # get where to start from the left -> either the end of the user's list or the left edge of the screen
if getInSession "display_usersList" then xBegin = $("#userListContainer").width() if getInSession "display_usersList" then xBegin = $("#userListContainer").width()
@ -848,9 +841,10 @@ class @WhiteboardPaperModel
presentationId = currentPresentation?.presentation?.id presentationId = currentPresentation?.presentation?.id
currentSlide = Meteor.Slides.findOne({"presentationId": presentationId, "slide.current": true}) currentSlide = Meteor.Slides.findOne({"presentationId": presentationId, "slide.current": true})
imageWidth = boardWidth * (currentSlide.slide.width_ratio/100) # TODO currentSlide undefined in some cases - will check later why
imageHeight = boardHeight * (currentSlide.slide.height_ratio/100) imageWidth = boardWidth * (currentSlide?.slide.width_ratio/100) or 500
imageHeight = boardHeight * (currentSlide?.slide.height_ratio/100) or 500
# console.log "xBegin: #{xBegin}" # console.log "xBegin: #{xBegin}"
# console.log "xEnd: #{xEnd}" # console.log "xEnd: #{xEnd}"
# console.log "yBegin: #{yBegin}" # console.log "yBegin: #{yBegin}"

11
labs/meteor-client/client/whiteboard_models/whiteboard_rect.coffee
View File

@ -2,7 +2,6 @@
class @WhiteboardRectModel extends WhiteboardToolModel class @WhiteboardRectModel extends WhiteboardToolModel
constructor: (@paper) -> constructor: (@paper) ->
super @paper super @paper
console.log "@paper in WhiteboardRectModel=" + @paper
# the defintion of this shape, kept so we can redraw the shape whenever needed # the defintion of this shape, kept so we can redraw the shape whenever needed
# format: x1, y1, x2, y2, stroke color, thickness # format: x1, y1, x2, y2, stroke color, thickness
@ -15,10 +14,6 @@ class @WhiteboardRectModel extends WhiteboardToolModel
# @param {string} colour the colour of the object # @param {string} colour the colour of the object
# @param {number} thickness the thickness of the object's line(s) # @param {number} thickness the thickness of the object's line(s)
make: (startingData) => make: (startingData) =>
console.log "MAKING RECT"
console.log "@paper in make in WhiteboardRectModel=" + @paper
console.log "make startingData"+ JSON.stringify startingData
x = startingData.points[0] x = startingData.points[0]
y = startingData.points[1] y = startingData.points[1]
color = startingData.color color = startingData.color
@ -37,13 +32,13 @@ class @WhiteboardRectModel extends WhiteboardToolModel
# @param {number} x2 the x value of the bottom right corner # @param {number} x2 the x value of the bottom right corner
# @param {number} y2 the y value of the bottom right corner # @param {number} y2 the y value of the bottom right corner
# @param {boolean} square (draw a square or not) # @param {boolean} square (draw a square or not)
update: (startingData) -> update: (startingData) ->
console.log "UPDATING RECT"
x1 = startingData.points[0] x1 = startingData.points[0]
y1 = startingData.points[1] y1 = startingData.points[1]
x2 = startingData.points[2] x2 = startingData.points[2]
y2 = startingData.points[3] y2 = startingData.points[3]
console.log "updating rect points:" + x1, x2, y1, y2
square = startingData.square square = startingData.square
if @obj? if @obj?
[x1, x2] = [x2, x1] if x2 < x1 [x1, x2] = [x2, x1] if x2 < x1

36
labs/meteor-client/client/whiteboard_models/whiteboard_triangle.coffee
View File

@ -2,6 +2,7 @@
class @WhiteboardTriangleModel extends WhiteboardToolModel class @WhiteboardTriangleModel extends WhiteboardToolModel
constructor: (@paper) -> constructor: (@paper) ->
console.log "Whiteboard - Creating rectangle"
super @paper super @paper
# the defintion of this shape, kept so we can redraw the shape whenever needed # the defintion of this shape, kept so we can redraw the shape whenever needed
@ -14,20 +15,18 @@ class @WhiteboardTriangleModel extends WhiteboardToolModel
# @param {string} colour the colour of the object # @param {string} colour the colour of the object
# @param {number} thickness the thickness of the object's line(s) # @param {number} thickness the thickness of the object's line(s)
make: (info) -> make: (info) ->
if info?.payload?.data?.coordinate? if info?.points?
x = info.payload.data.coordinate.first_x x = info.points[0]
y = info.payload.data.coordinate.first_y y = info.points[1]
color = info.payload.data.line.color color = info.color
thickness = info.payload.data.line.weight thickness = info.thickness
path = @_buildPath(x, y, x, y, x, y) path = @_buildPath(x, y, x, y, x, y)
@obj = @paper.path(path) @obj = @paper.path(path)
@obj.attr Utils.strokeAndThickness(color, thickness) @obj.attr Meteor.call("strokeAndThickness", color, thickness)
@obj.attr({"stroke-linejoin": "round"}) @obj.attr({"stroke-linejoin": "round"})
@definition = @definition = [x, y, x, y, @obj.attrs["stroke"], @obj.attrs["stroke-width"]]
shape: "triangle"
data: [x, y, x, y, @obj.attrs["stroke"], @obj.attrs["stroke-width"]]
@obj @obj
@ -37,11 +36,12 @@ class @WhiteboardTriangleModel extends WhiteboardToolModel
# @param {number} x2 the x value of the bottom right corner # @param {number} x2 the x value of the bottom right corner
# @param {number} y2 the y value of the bottom right corner # @param {number} y2 the y value of the bottom right corner
update: (info) -> update: (info) ->
if info?.payload?.data?.coordinate? console.log "Whiteboard - updating triangle points"
x1 = info.payload.data.coordinate.first_x if info?.points?
y1 = info.payload.data.coordinate.first_y x1 = info.points[0]
x2 = info.payload.data.coordinate.last_x y1 = info.points[1]
y2 = info.payload.data.coordinate.last_y x2 = info.points[2]
y2 = info.points[3]
if @obj? if @obj?
[xTop, yTop, xBottomLeft, yBottomLeft, xBottomRight, yBottomRight] = @_getCornersFromPoints(x1, y1, x2, y2) [xTop, yTop, xBottomLeft, yBottomLeft, xBottomRight, yBottomRight] = @_getCornersFromPoints(x1, y1, x2, y2)
@ -51,10 +51,10 @@ class @WhiteboardTriangleModel extends WhiteboardToolModel
xBottomRight * @gw + @xOffset, yBottomRight * @gh + @yOffset) xBottomRight * @gw + @xOffset, yBottomRight * @gh + @yOffset)
@obj.attr path: path @obj.attr path: path
@definition.data[0] = x1 @definition[0] = x1
@definition.data[1] = y1 @definition[1] = y1
@definition.data[2] = x2 @definition[2] = x2
@definition.data[3] = y2 @definition[3] = y2
# Draw a triangle on the whiteboard # Draw a triangle on the whiteboard
# @param {number} x1 the x value of the top left corner # @param {number} x1 the x value of the top left corner

29
labs/meteor-client/collections/shapes.coffee
View File

@ -1,6 +1,6 @@
Meteor.methods Meteor.methods
addShapeToCollection: (meetingId, whiteboardId, shapeObject) -> addShapeToCollection: (meetingId, whiteboardId, shapeObject) ->
unless Meteor.Shapes.findOne({whiteboardId:whiteboardId, meetingId: meetingId, "shape.wb_id": "shapeObject.wb_id"})? if shapeObject?.status is "DRAW_END" #the mouse button was released - the drawing is complete
entry = entry =
meetingId: meetingId meetingId: meetingId
whiteboardId: whiteboardId whiteboardId: whiteboardId
@ -21,5 +21,30 @@ Meteor.methods
color: shapeObject.shape.color color: shapeObject.shape.color
id = Meteor.Shapes.insert(entry) id = Meteor.Shapes.insert(entry)
console.log "added shape id =[#{id}]:#{shapeObject.id} in #{meetingId}" numShapesOnSlide = Meteor.Shapes.find({meetingId: meetingId, whiteboardId: whiteboardId}).fetch().length
console.log "added shape id =[#{id}]:#{shapeObject.id} in #{meetingId} || now there are #{numShapesOnSlide} shapes on the slide"
removeAllShapesFromSlide: (meetingId, whiteboardId) ->
console.log "removeAllShapesFromSlide__" + whiteboardId
if meetingId? and whiteboardId? and Meteor.Shapes.find({meetingId: meetingId, whiteboardId: whiteboardId})?
shapesOnSlide = Meteor.Shapes.find({meetingId: meetingId, whiteboardId: whiteboardId}).fetch()
console.log "number of shapes:" + shapesOnSlide.length
for s in shapesOnSlide
console.log "shape=" + s.shape.id
id = Meteor.Shapes.findOne({meetingId: meetingId, whiteboardId: whiteboardId, "shape.id": s.shape.id})
if id?
Meteor.Shapes.remove(id._id)
console.log "----removed shape[" + s.shape.id + "] from " + whiteboardId
console.log "remaining shapes on the slide:" + Meteor.Shapes.find({meetingId: meetingId, whiteboardId: whiteboardId}).fetch().length
removeShapeFromSlide: (meetingId, whiteboardId, shapeId) ->
console.log "remove a shape from slide:" + shapeId
shapeToRemove = Meteor.Shapes.findOne({meetingId: meetingId, whiteboardId: whiteboardId, "shape.id": shapeId})
if meetingId? and whiteboardId? and shapeId? and shapeToRemove?
console.log "found the shape to be removed"
Meteor.Shapes.remove(shapeToRemove._id)
console.log "----removed shape[" + shapeId + "] from " + whiteboardId
console.log "remaining shapes on the slide:" + Meteor.Shapes.find({meetingId: meetingId, whiteboardId: whiteboardId}).count()

16
labs/meteor-client/server/redispubsub.coffee
View File

@ -121,6 +121,7 @@ class Meteor.RedisPubSub
"keep_alive_reply" "keep_alive_reply"
"page_resized_message" "page_resized_message"
"presentation_page_resized_message" "presentation_page_resized_message"
"presentation_cursor_updated_message" # just because it's common. we handle it anyway
] ]
unless message.header?.name in ignoredEventTypes unless message.header?.name in ignoredEventTypes
@ -239,7 +240,20 @@ class Meteor.RedisPubSub
y = message.payload?.y_percent y = message.payload?.y_percent
Meteor.Presentations.update({"presentation.current": true, meetingId: meetingId},{$set: {"pointer.x": x, "pointer.y": y}}) Meteor.Presentations.update({"presentation.current": true, meetingId: meetingId},{$set: {"pointer.x": x, "pointer.y": y}})
console.log "presentation_cursor_updated_message #{x}_#{y}"
if message.header?.name is "whiteboard_cleared_message"
whiteboardId = message.payload?.whiteboard_id
# shapesOnSlide = Meteor.Shapes.find({whiteboardId:whiteboardId, meetingId: meetingId}).fetch()
# console.log "shapesOnSlide:" + shapesOnSlide.size()
Meteor.call("removeAllShapesFromSlide", meetingId, whiteboardId)
if message.header?.name is "undo_whiteboard_request"
whiteboardId = message.payload?.whiteboard_id
shapeId = message.payload?.shape_id
Meteor.call("removeShapeFromSlide", meetingId, whiteboardId, shapeId)
if message.header?.name in ["meeting_ended_message", "meeting_destroyed_event", if message.header?.name in ["meeting_ended_message", "meeting_destroyed_event",
"end_and_kick_all_message", "disconnect_all_users_message"] "end_and_kick_all_message", "disconnect_all_users_message"]