395 lines
No EOL
11 KiB
JavaScript
395 lines
No EOL
11 KiB
JavaScript
define([
|
|
"helper/APICalls",
|
|
"helper/HostApp"
|
|
],
|
|
|
|
function(APICalls, HostApp) {
|
|
|
|
function NewPost() {
|
|
|
|
this.profiles = JSON.parse(controller.getCachedProfiles());
|
|
for (var key in this.profiles) {
|
|
var item = this.profiles[key];
|
|
if(!item.entity) item.entity = key;
|
|
if(!item.name) item.name = key;
|
|
}
|
|
|
|
this.mentions = [];
|
|
document.body.className = "new_post";
|
|
this.is_private = false;
|
|
|
|
// Textarea
|
|
|
|
this.container = $("<table id='new_post_container'><tr class='text'><td><div></div><textarea></textarea></td></tr><tr><td id='status_bar'></td></tr></table>");
|
|
this.textarea = this.container.find("textarea");
|
|
this.highlighter = this.container.find("div");
|
|
|
|
$(document.body).append(this.container);
|
|
|
|
this.textarea.keyup(this.keyup.bind(this));
|
|
this.textarea.keydown(this.keydown.bind(this));
|
|
|
|
this.suggestions = $("<ul id='suggestions'></ul>");
|
|
|
|
$(document.body).append(this.suggestions);
|
|
|
|
// Status bar
|
|
this.counter = $("<span>256</span>");
|
|
var buttons = $(
|
|
"<p>" +
|
|
//"<button id='images'><img src='images/images.png'></button>" +
|
|
"<button id='private'><img src='img/public.png'></button>" +
|
|
"<button id='send'><img src='img/send.png'></button>" +
|
|
"</p>");
|
|
|
|
this.buttons = {
|
|
images: buttons.find("#images"),
|
|
is_private: buttons.find("#private"),
|
|
send: buttons.find("#send")
|
|
}
|
|
|
|
//this.buttons.images.bind("click", this.addImage.bind(this));
|
|
this.buttons.is_private.bind("click", this.toggleIsPrivate.bind(this));
|
|
this.buttons.send.bind("click", this.send.bind(this));
|
|
|
|
this.container.find("#status_bar").append(this.counter);
|
|
this.container.find("#status_bar").append(buttons);
|
|
|
|
this.textarea.focus();
|
|
this.setIsPrivate(false);
|
|
}
|
|
|
|
NewPost.prototype.setStatus = function(status_string) {
|
|
if (status_string && status_string.length > 0) {
|
|
this.status = JSON.parse(status_string);
|
|
this.setIsPrivate(this.status.permissions && !this.status.permissions.public);
|
|
this.setMentions(this.status);
|
|
} else {
|
|
this.status = null;
|
|
}
|
|
|
|
// FIXME set string, private, mentions, etc.
|
|
};
|
|
|
|
NewPost.prototype.setString = function(string) {
|
|
this.textarea.val(string);
|
|
}
|
|
|
|
NewPost.prototype.setMentions = function(status) {
|
|
|
|
var mentions = [this.profiles[status.entity]];
|
|
var text = this.profiles[status.entity].name + " ";
|
|
var start = text.length;
|
|
|
|
if(status.mentions && status.mentions.length > 0) {
|
|
|
|
var mentions_text = ""
|
|
for (var i = 0; i < status.mentions.length; i++) {
|
|
|
|
var entity = status.mentions[i].entity;
|
|
|
|
// Sometimes there are mentions without entity, don't know why
|
|
if(entity) {
|
|
// fix broken profiles
|
|
var profile = this.profiles[entity];
|
|
if(!profile) {
|
|
profile = {};
|
|
this.profiles[entity] = profile;
|
|
}
|
|
if(!profile.entity) profile.entity = entity;
|
|
if(!profile.name) profile.name = entity;
|
|
|
|
// add profile to mentions and textarea
|
|
mentions.push(profile);
|
|
mentions_text += profile.name;
|
|
|
|
// add space after mention
|
|
if(i < status.mentions.length) {
|
|
mentions_text += " ";
|
|
}
|
|
}
|
|
}
|
|
if (mentions_text.length > 0) {
|
|
text += "\n\n/cc " + mentions_text;
|
|
};
|
|
|
|
}
|
|
|
|
this.mentions = mentions;
|
|
this.textarea.val(text);
|
|
this.parseText(text);
|
|
|
|
// Select other mentions so user can start writing and removing them
|
|
var end = text.length;
|
|
this.textarea.get(0).setSelectionRange(start, end);
|
|
}
|
|
|
|
NewPost.prototype.setIsPrivate = function(is_private) {
|
|
this.is_private = is_private;
|
|
if (this.is_private) {
|
|
this.buttons.is_private.find("img").attr("src", "img/private.png");
|
|
} else {
|
|
this.buttons.is_private.find("img").attr("src", "img/public.png");
|
|
}
|
|
}
|
|
|
|
NewPost.prototype.toggleIsPrivate = function() {
|
|
this.setIsPrivate(!this.is_private);
|
|
}
|
|
|
|
NewPost.prototype.keyup = function(e) {
|
|
if(!e) return;
|
|
|
|
var key = e.which;
|
|
if(key != 38 && key != 40 && key != 13) {
|
|
|
|
this.applyText($(this.textarea).val());
|
|
|
|
} else {
|
|
|
|
var lis = this.suggestions.find("li");
|
|
|
|
if (lis.length > 0) {
|
|
e.preventDefault();
|
|
var active = this.suggestions.find(".active");
|
|
if(key == 38) { // up
|
|
var prev = active.prev();
|
|
if(active.lentgh == 0) {
|
|
lis.last().addClass("active");
|
|
} else if(prev) {
|
|
active.removeClass("active");
|
|
prev.addClass("active");
|
|
}
|
|
} else if(key == 40) { // down
|
|
var next = active.next();
|
|
if(active.length == 0) {
|
|
lis.first().addClass("active");
|
|
} else if(next) {
|
|
active.removeClass("active");
|
|
next.addClass("active");
|
|
}
|
|
} else if(key == 13) { // enter
|
|
if(active.length > 0) {
|
|
this.replaceWithName(this.textarea.val(), this.suggestions.find("li.active").get(0).item);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
NewPost.prototype.keydown = function(e) {
|
|
var key = e.which;
|
|
var lis = this.suggestions.find("li");
|
|
if(lis.length > 0 && (key == 38 || key == 40 || key == 13)) {
|
|
e.preventDefault();
|
|
}
|
|
}
|
|
|
|
NewPost.prototype.replaceAll = function(txt, replace, with_this) {
|
|
return txt.replace(new RegExp(replace, 'g'),with_this);
|
|
}
|
|
|
|
NewPost.prototype.replaceWithName = function(txt, with_item) {
|
|
var words = txt.match(/(^|\s)\^([^\s]+)/);
|
|
var replace = words[2];
|
|
|
|
var original = txt.replace("^" + replace, with_item.name + " ");
|
|
this.textarea.val(original);
|
|
|
|
this.mentions.push(with_item);
|
|
|
|
this.applyText(original);
|
|
}
|
|
|
|
NewPost.prototype.applyText = function (text) {
|
|
var words = text.match(/(^|\s)\^([^\s]+)/);
|
|
this.suggestions.html("");
|
|
|
|
if(words) {
|
|
var name = words[2];
|
|
for (var key in this.profiles) {
|
|
var item = this.profiles[key];
|
|
if((item.name.toLowerCase().indexOf(name.toLowerCase()) != -1) || item.entity.toLowerCase().indexOf(name.toLowerCase()) != -1) {
|
|
var li = $("<li><strong title='" + item.entity + "'>" + item.name + "</strong></li>")
|
|
li.get(0).item = item;
|
|
this.suggestions.append(li);
|
|
}
|
|
}
|
|
this.suggestions.find("li:first-child").addClass("active");
|
|
}
|
|
|
|
this.parseText(text);
|
|
}
|
|
|
|
NewPost.prototype.parseText = function(text) {
|
|
// parse the text:
|
|
// replace all the line braks by <br/>, and all the double spaces by the html version
|
|
text = this.replaceAll(text,'\n','<br/>');
|
|
text = this.replaceAll(text,' ',' ');
|
|
|
|
// replace the words by a highlighted version of the words
|
|
|
|
var remove = [];
|
|
|
|
for (var i=0;i<this.mentions.length; i++) {
|
|
var name = this.mentions[i].name;
|
|
if(text.match(new RegExp(name))) {
|
|
text = this.replaceAll(text, name, '<span>' + name + '</span>');
|
|
} else {
|
|
remove.push(this.mentions[i]);
|
|
}
|
|
}
|
|
|
|
for (var i = 0; i < remove.length; i++) {
|
|
this.mentions.splice(this.mentions.indexOf(remove[i]), 1);
|
|
}
|
|
|
|
// re-inject the processed text into the div
|
|
this.highlighter.html(text);
|
|
|
|
var count = 256 - this.textarea.val().length + (this.mentions.length * 6);
|
|
this.counter.html(count);
|
|
}
|
|
|
|
NewPost.prototype.send = function() {
|
|
|
|
var count = 256 - this.textarea.val().length + (this.mentions.length * 6);
|
|
if(count >= 0 && count <= 256) {
|
|
this.sendNewMessage();
|
|
return true;
|
|
} else {
|
|
debug("BEEP");
|
|
return false;
|
|
}
|
|
}
|
|
|
|
NewPost.prototype.sendNewMessage = function() {
|
|
|
|
var content = this.textarea.val();
|
|
|
|
var type = "https://tent.io/types/status/v0#";
|
|
var data = {
|
|
type: type,
|
|
content: {
|
|
text: content
|
|
},
|
|
permissions: {
|
|
public: !this.is_private
|
|
}
|
|
};
|
|
|
|
var mentions = [];
|
|
for (var i = 0; i < this.mentions.length; i++) {
|
|
var mention = this.mentions[i];
|
|
if(this.status && this.status.entity == mention.entity) {
|
|
mentions.push({
|
|
entity: this.status.entity,
|
|
post: this.status.id,
|
|
type: this.status.type
|
|
});
|
|
} else {
|
|
mentions.push({
|
|
entity: mention.entity
|
|
});
|
|
}
|
|
}
|
|
|
|
data.mentions = mentions;
|
|
|
|
// Make tent flavored markdown mentions
|
|
for (var i = 0; i < this.mentions.length; i++) {
|
|
var mention = this.mentions[i];
|
|
data.content.text = this.replaceAll(data.content.text, mention.name, "^[" + mention.name + "](" + i + ")")
|
|
}
|
|
|
|
APICalls.post(HostApp.serverUrl("new_post"), JSON.stringify(data), {
|
|
content_type: data.type,
|
|
accept: 'application/vnd.tent.post.v0+json; type="https://tent.io/types/status/v0#"',
|
|
callback: function(resp) {
|
|
if (resp.status >= 200 < 300) {
|
|
new_post_window.closeWindow();
|
|
controller.getNewData();
|
|
} else {
|
|
new_post_window.beep();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
/*
|
|
NewPost.prototype.sendNewMessageWithImage = function(content, in_reply_to_status_id, in_reply_to_entity, location, image_data_uri, is_private, callback) {
|
|
|
|
var url = URI(APICalls.mkApiRootPath("/posts"));
|
|
|
|
var data = {
|
|
"type": "https://tent.io/types/post/photo/v0.1.0",
|
|
"published_at": parseInt(new Date().getTime() / 1000, 10),
|
|
"permissions": {
|
|
"public": !is_private
|
|
},
|
|
"content": {
|
|
"caption": content,
|
|
},
|
|
};
|
|
|
|
if (location) {
|
|
data["content"]["location"] = { "type": "Point", "coordinates": location }
|
|
}
|
|
|
|
var mentions = this.parseMentions(content, in_reply_to_status_id, in_reply_to_entity);
|
|
if (mentions.length > 0) {
|
|
data["mentions"] = mentions;
|
|
if (is_private) {
|
|
var entities = {};
|
|
for (var i = 0; i < mentions.length; i++) {
|
|
var entity = mentions[i]["entity"]
|
|
entities[entity] = true;
|
|
};
|
|
|
|
data["permissions"]["entities"] = entities;
|
|
}
|
|
}
|
|
|
|
var data_string = JSON.stringify(data);
|
|
|
|
var boundary = "TentAttachment----------TentAttachment";
|
|
var post = "--" + boundary + "\r\n";
|
|
|
|
post += 'Content-Disposition: form-data; name="post"; filename="post.json"\r\n';
|
|
post += 'Content-Length: ' + data_string.length + '\r\n';
|
|
post += 'Content-Type: application/vnd.tent.v0+json\r\n';
|
|
post += 'Content-Transfer-Encoding: binary\r\n\r\n';
|
|
post += data_string;
|
|
|
|
post += "\r\n--" + boundary + "\r\n";
|
|
|
|
var blob_string = image_data_uri.split(',')[1];
|
|
var mime_type = image_data_uri.split(',')[0].split(':')[1].split(';')[0];
|
|
var ext = "png";
|
|
if (mime_type == "image/jpeg") {
|
|
ext = "jpeg";
|
|
} else if (mime_type == "image/gif") {
|
|
ext = "gif";
|
|
}
|
|
|
|
|
|
post += 'Content-Disposition: form-data; name="photos[0]"; filename="photo.' + ext + '"\r\n';
|
|
post += 'Content-Length: ' + blob_string.length + "\r\n";
|
|
post += 'Content-Type: ' + mime_type + "\r\n";
|
|
post += 'Content-Transfer-Encoding: base64\r\n\r\n';
|
|
post += blob_string;
|
|
post += "\r\n--" + boundary + "--\r\n";
|
|
|
|
var newCallback = function(resp) {
|
|
if (resp.status == 403) {
|
|
var err = JSON.parse(resp.responseText);
|
|
HostApp.alertTitleWithMessage(resp.statusText, err.error);
|
|
}
|
|
callback(resp);
|
|
}
|
|
|
|
APICalls.postMultipart(url.toString(), newCallback, post, boundary);
|
|
}
|
|
*/
|
|
|
|
return NewPost;
|
|
}) |