1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
var BuilderSettings = FormView.extend({
el: "#builderSettings",
createAction: "/api/layouts/new",
updateAction: "/api/layouts/edit",
events: {
"keydown [name=name]": 'enterSubmit',
"click [data-role='save-layout']": 'save',
"click [data-role='clone-layout']": 'clone',
"click [data-role='clear-layout']": 'clear',
"click [data-role='delete-layout']": 'delete',
},
initialize: function(opt){
this.parent = opt.parent
this.__super__.initialize.call(this)
this.$id = this.$("[name=_id]")
this.$csrf = this.$("[name=_csrf]")
this.$name = this.$("[name=name]")
this.$privacy = this.$("[name=privacy]")
},
load: function(data){
this.$id.val(data._id)
this.$name.val(data.name)
data.rooms && Rooms.deserialize(data.rooms)
data.startPosition && scene.camera.move(data.startPosition)
data.privacy && this.$privacy.find("[value=" + data.privacy + "]").prop('checked', "checked")
this.action = data.isNew ? this.createAction : this.updateAction
},
clone: function(){
var names = this.$name.val().split(" ")
if ( ! isNaN(Number( names[names.length-1] )) ) {
names[names.length-1] = Number( names[names.length-1] ) + 1
}
else {
names.push("2")
}
this.$id.val('new')
this.$name.val( names.join(" ") )
this.action = this.createAction
window.history.pushState(null, document.title, "/builder/new")
},
clear: function(){
Rooms.removeAll()
},
delete: function(){
},
toggle: function(){
this.$el.toggleClass("active")
},
enterSubmit: function (e) {
e.stopPropagation()
var base = this
if (e.keyCode == 13) {
setTimeout(function(){ base.save(e) }, 100)
}
},
validate: function(){
var errors = []
var name = this.$name.val()
if (! name || ! name.length) {
errors.push("Layout needs a name.")
}
if (Rooms.count() == 0) {
errors.push("Please add some rooms by drawing boxes.")
}
return errors
},
showErrors: function(errors){
var $errors = $("<span>")
errors.forEach(function(err){
var $row = $("<div>")
$row.html(err)
$errors.append( $row )
})
ErrorModal.alert($errors)
},
serialize: function(){
map.draw.render()
var fd = new FormData()
fd.append( "_csrf", this.$csrf.val() )
fd.append( "_id", this.$id.val() )
fd.append( "name", this.$name.val() )
fd.append( "privacy", this.$privacy.filter(":checked").val() == "private" )
fd.append( "rooms", JSON.stringify( Rooms.serialize() ) )
fd.append( "startPosition", JSON.stringify( app.position(scene.camera) ) )
fd.append( "thumbnail", dataUriToBlob(map.canvas.toDataURL()) )
return fd
},
success: function(data){
this.$id.val(data._id)
this.$name.val(data.name)
this.action = this.updateAction
window.history.pushState(null, document.title, "/builder/" + data.slug)
},
})
|
