Extension pattern
This commit is contained in:
benweet
parent
a4c46085e4
commit
1f0fea1428
65
js/extensions/document-selector.js
Normal file
65
js/extensions/document-selector.js
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
define( [ "jquery", "underscore" ], function($) {
|
||||||
|
|
||||||
|
var documentSelector = {
|
||||||
|
extensionId: "documentSelector",
|
||||||
|
extensionName: "Document selector",
|
||||||
|
settingsBloc: [
|
||||||
|
'<p>Builds the "Open document" dropdown menu.</p>'
|
||||||
|
].join("")
|
||||||
|
};
|
||||||
|
|
||||||
|
var fileSystemDescriptor = undefined;
|
||||||
|
documentSelector.onFileSystemLoaded = function(fileSystemDescriptorParameter) {
|
||||||
|
fileSystemDescriptor = fileSystemDescriptorParameter;
|
||||||
|
};
|
||||||
|
|
||||||
|
var fileDesc = undefined;
|
||||||
|
var updateSelector = function() {
|
||||||
|
var sortedDescriptor = _.sortBy(fileSystemDescriptor, function(fileDesc) {
|
||||||
|
return fileDesc.title.toLowerCase();
|
||||||
|
});
|
||||||
|
|
||||||
|
function composeTitle(fileDesc) {
|
||||||
|
var result = [];
|
||||||
|
var syncAttributesList = _.values(fileDesc.syncLocations);
|
||||||
|
var publishAttributesList = _.values(fileDesc.publishLocations);
|
||||||
|
var attributesList = syncAttributesList.concat(publishAttributesList);
|
||||||
|
_.chain(attributesList).sortBy(function(attributes) {
|
||||||
|
return attributes.provider;
|
||||||
|
}).each(function(attributes) {
|
||||||
|
result.push('<i class="icon-' + attributes.provider + '"></i>');
|
||||||
|
});
|
||||||
|
result.push(" ");
|
||||||
|
result.push(fileDesc.title);
|
||||||
|
return result.join("");
|
||||||
|
}
|
||||||
|
|
||||||
|
$("#file-selector li:not(.stick)").empty();
|
||||||
|
_.each(sortedDescriptor, function(fileDescToPrint) {
|
||||||
|
var a = $("<a>").html(composeTitle(fileDescToPrint.index));
|
||||||
|
var li = $("<li>").append(a);
|
||||||
|
if (fileDescToPrint === fileDesc) {
|
||||||
|
li.addClass("disabled");
|
||||||
|
} else {
|
||||||
|
a.prop("href", "#").click(function() {
|
||||||
|
fileManager.selectFile(fileDescToPrint);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
$("#file-selector").append(li);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
documentSelector.onFileSelected = function(fileDescParameter) {
|
||||||
|
fileDesc = fileDescParameter;
|
||||||
|
updateSelector();
|
||||||
|
};
|
||||||
|
|
||||||
|
documentSelector.onTitleChanged = updateSelector;
|
||||||
|
documentSelector.onSyncExportSuccess = updateSelector;
|
||||||
|
documentSelector.onSyncRemoved = updateSelector;
|
||||||
|
documentSelector.onNewPublishSuccess = updateSelector;
|
||||||
|
documentSelector.onPublishRemoved = updateSelector;
|
||||||
|
|
||||||
|
return documentSelector;
|
||||||
|
|
||||||
|
});
|
||||||
62
js/extensions/document-title.js
Normal file
62
js/extensions/document-title.js
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
define( [ "jquery", "underscore" ], function($) {
|
||||||
|
|
||||||
|
var documentTitle = {
|
||||||
|
extensionId: "documentTitle",
|
||||||
|
extensionName: "Document title",
|
||||||
|
settingsBloc: [
|
||||||
|
'<p>Responsible for showing the document title in the navigation bar.</p>'
|
||||||
|
].join("")
|
||||||
|
};
|
||||||
|
|
||||||
|
var layout = undefined;
|
||||||
|
documentTitle.onLayoutCreated = function(layoutParameter) {
|
||||||
|
layout = layoutParameter;
|
||||||
|
};
|
||||||
|
|
||||||
|
var fileDesc = undefined;
|
||||||
|
var updateTitle = function(fileDescParameter) {
|
||||||
|
if(fileDescParameter !== undefined && fileDescParameter !== fileDesc) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
function composeTitle(fileDesc) {
|
||||||
|
var result = [];
|
||||||
|
var syncAttributesList = _.values(fileDesc.syncLocations);
|
||||||
|
var publishAttributesList = _.values(fileDesc.publishLocations);
|
||||||
|
var attributesList = syncAttributesList.concat(publishAttributesList);
|
||||||
|
_.chain(attributesList).sortBy(function(attributes) {
|
||||||
|
return attributes.provider;
|
||||||
|
}).each(function(attributes) {
|
||||||
|
result.push('<i class="icon-' + attributes.provider + '"></i>');
|
||||||
|
});
|
||||||
|
result.push(" ");
|
||||||
|
result.push(fileDesc.title);
|
||||||
|
return result.join("");
|
||||||
|
}
|
||||||
|
|
||||||
|
var title = fileDesc.title;
|
||||||
|
document.title = "StackEdit - " + title;
|
||||||
|
$("#file-title").html(composeTitle(fileDesc));
|
||||||
|
$(".file-title").text(title);
|
||||||
|
$("#file-title-input").val(title);
|
||||||
|
|
||||||
|
if(layout !== undefined) {
|
||||||
|
// Use defer to make sure UI has been updated
|
||||||
|
_.defer(layout.resizeAll);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
documentTitle.onFileSelected = function(fileDescParameter) {
|
||||||
|
fileDesc = fileDescParameter;
|
||||||
|
updateTitle(fileDescParameter);
|
||||||
|
};
|
||||||
|
|
||||||
|
documentTitle.onTitleChanged = updateTitle;
|
||||||
|
documentTitle.onSyncExportSuccess = updateTitle;
|
||||||
|
documentTitle.onSyncRemoved = updateTitle;
|
||||||
|
documentTitle.onNewPublishSuccess = updateTitle;
|
||||||
|
documentTitle.onPublishRemoved = updateTitle;
|
||||||
|
|
||||||
|
return documentTitle;
|
||||||
|
|
||||||
|
});
|
||||||
65
js/extensions/manage-publication.js
Normal file
65
js/extensions/manage-publication.js
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
define( [ "jquery", "underscore" ], function($) {
|
||||||
|
|
||||||
|
var managePublication = {
|
||||||
|
extensionId: "managePublication",
|
||||||
|
extensionName: "Manage Publication",
|
||||||
|
settingsBloc: [
|
||||||
|
'<p>Populates the "Manage publication" dialog box.</p>'
|
||||||
|
].join("")
|
||||||
|
};
|
||||||
|
|
||||||
|
var fileManager = undefined;
|
||||||
|
manageSynchronization.onFileManagerCreated = function(fileManagerParameter) {
|
||||||
|
fileManager = fileManagerParameter;
|
||||||
|
};
|
||||||
|
|
||||||
|
var fileDesc = undefined;
|
||||||
|
var lineTemplate = [
|
||||||
|
'<div class="input-prepend input-append">',
|
||||||
|
'<span class="add-on" title="<%= provider.providerName %>">',
|
||||||
|
'<i class="icon-<%= provider.providerId %>"></i>',
|
||||||
|
'</span>',
|
||||||
|
'<input class="span5" type="text" value="<%= publishDesc %>" disabled />',
|
||||||
|
'</div>'].join("");
|
||||||
|
var removeButtonTemplate = '<a class="btn" title="Remove this location"><i class="icon-trash"></i></a>';
|
||||||
|
var refreshDialog = function(fileDescParameter) {
|
||||||
|
if(fileDescParameter !== undefined && fileDescParameter !== fileDesc) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var publishAttributesList = _.values(fileDesc.publishLocations);
|
||||||
|
$(".msg-no-publish, .msg-publish-list").addClass("hide");
|
||||||
|
var publishList = $("#manage-publish-list").empty();
|
||||||
|
if (publishAttributesList.length > 0) {
|
||||||
|
$(".msg-publish-list").removeClass("hide");
|
||||||
|
} else {
|
||||||
|
$(".msg-no-publish").removeClass("hide");
|
||||||
|
}
|
||||||
|
_.each(publishAttributesList, function(publishAttributes) {
|
||||||
|
publishAttributes = _.extend({}, publishAttributes);
|
||||||
|
if(publishAttributes.password) {
|
||||||
|
publishAttributes.password = "********";
|
||||||
|
}
|
||||||
|
var publishDesc = JSON.stringify(publishAttributes).replace(/{|}|"/g, "");
|
||||||
|
var lineElement = $(_.template(lineTemplate, {
|
||||||
|
provider: providerMap[publishAttributes.provider],
|
||||||
|
publishDesc: publishDesc
|
||||||
|
}));
|
||||||
|
lineElement.append($(removeButtonTemplate).click(function() {
|
||||||
|
fileManager.removePublish(publishIndex);
|
||||||
|
}));
|
||||||
|
publishList.append(lineElement);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
managePublication.onFileSelected = function(fileDescParameter) {
|
||||||
|
fileDesc = fileDescParameter;
|
||||||
|
refreshDialog(fileDescParameter);
|
||||||
|
};
|
||||||
|
|
||||||
|
managePublication.onNewPublishSuccess = refreshDialog;
|
||||||
|
managePublication.onPublishRemoved = refreshDialog;
|
||||||
|
|
||||||
|
return managePublication;
|
||||||
|
|
||||||
|
});
|
||||||
61
js/extensions/manage-synchronization.js
Normal file
61
js/extensions/manage-synchronization.js
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
define( [ "jquery", "underscore" ], function($) {
|
||||||
|
|
||||||
|
var manageSynchronization = {
|
||||||
|
extensionId: "manageSynchronization",
|
||||||
|
extensionName: "Manage Synchronization",
|
||||||
|
settingsBloc: [
|
||||||
|
'<p>Populates the "Manage synchronization" dialog box.</p>'
|
||||||
|
].join("")
|
||||||
|
};
|
||||||
|
|
||||||
|
var fileManager = undefined;
|
||||||
|
manageSynchronization.onFileManagerCreated = function(fileManagerParameter) {
|
||||||
|
fileManager = fileManagerParameter;
|
||||||
|
};
|
||||||
|
|
||||||
|
var fileDesc = undefined;
|
||||||
|
var lineTemplate = [
|
||||||
|
'<div class="input-prepend input-append">',
|
||||||
|
'<span class="add-on" title="<%= provider.providerName %>">',
|
||||||
|
'<i class="icon-<%= provider.providerId %>"></i>',
|
||||||
|
'</span>',
|
||||||
|
'<input class="span5" type="text" value="<%= syncDesc %>" disabled />',
|
||||||
|
'</div>'].join("");
|
||||||
|
var removeButtonTemplate = '<a class="btn" title="Remove this location"><i class="icon-trash"></i></a>';
|
||||||
|
var refreshDialog = function(fileDescParameter) {
|
||||||
|
if(fileDescParameter !== undefined && fileDescParameter !== fileDesc) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var syncAttributesList = _.values(fileDesc.syncLocations);
|
||||||
|
$(".msg-no-sync, .msg-sync-list").addClass("hide");
|
||||||
|
var syncList = $("#manage-sync-list").empty();
|
||||||
|
if (syncAttributesList.length > 0) {
|
||||||
|
$(".msg-sync-list").removeClass("hide");
|
||||||
|
} else {
|
||||||
|
$(".msg-no-sync").removeClass("hide");
|
||||||
|
}
|
||||||
|
_.each(syncAttributesList, function(syncAttributes) {
|
||||||
|
var syncDesc = syncAttributes.id || syncAttributes.path;
|
||||||
|
var lineElement = $(_.template(lineTemplate, {
|
||||||
|
provider: providerMap[syncAttributes.provider],
|
||||||
|
syncDesc: syncDesc
|
||||||
|
}));
|
||||||
|
lineElement.append($(removeButtonTemplate).click(function() {
|
||||||
|
fileManager.removeSync(syncAttributes);
|
||||||
|
}));
|
||||||
|
syncList.append(lineElement);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
manageSynchronization.onFileSelected = function(fileDescParameter) {
|
||||||
|
fileDesc = fileDescParameter;
|
||||||
|
refreshDialog(fileDescParameter);
|
||||||
|
};
|
||||||
|
|
||||||
|
manageSynchronization.onSyncExportSuccess = refreshDialog;
|
||||||
|
manageSynchronization.onSyncRemoved = refreshDialog;
|
||||||
|
|
||||||
|
return manageSynchronization;
|
||||||
|
|
||||||
|
});
|
||||||
52
js/extensions/sharing-button.js
Normal file
52
js/extensions/sharing-button.js
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
define( [ "jquery", "underscore" ], function($) {
|
||||||
|
|
||||||
|
var sharingButton = {
|
||||||
|
extensionId: "sharingButton",
|
||||||
|
extensionName: "Sharing button",
|
||||||
|
optional: true,
|
||||||
|
settingsBloc: [
|
||||||
|
'<p>Adds a "Share document" button in the navigation bar.</p>'
|
||||||
|
].join("")
|
||||||
|
};
|
||||||
|
|
||||||
|
var fileDesc = undefined;
|
||||||
|
var lineTemplate = [
|
||||||
|
'<div class="input-prepend">',
|
||||||
|
'<a href="<%= link %>" class="add-on" title="Sharing location"><i class="icon-link"></i></a>',
|
||||||
|
'<input class="span2" type="text" value="<%= link %>" readonly />',
|
||||||
|
'</div>'
|
||||||
|
].join("");
|
||||||
|
var refreshDocumentSharing = function(fileDescParameter) {
|
||||||
|
if(fileDescParameter !== undefined && fileDescParameter !== fileDesc) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var linkList = $("#link-container .link-list").empty();
|
||||||
|
$("#link-container .no-link").show();
|
||||||
|
|
||||||
|
var attributesList = _.values(fileDesc.publishLocations);
|
||||||
|
_.each(attributesList, function(attributes) {
|
||||||
|
if(attributes.sharingLink) {
|
||||||
|
var lineElement = $(_.template(lineTemplate, {
|
||||||
|
link: attributes.sharingLink
|
||||||
|
}));
|
||||||
|
lineElement.click(function(event) {
|
||||||
|
event.stopPropagation();
|
||||||
|
});
|
||||||
|
linkList.append(lineElement);
|
||||||
|
$("#link-container .no-link").hide();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
sharingButton.onFileSelected = function(fileDescParameter) {
|
||||||
|
fileDesc = fileDescParameter;
|
||||||
|
refreshDocumentSharing(fileDescParameter);
|
||||||
|
};
|
||||||
|
|
||||||
|
sharingButton.onNewPublishSuccess = refreshDocumentSharing;
|
||||||
|
sharingButton.onPublishRemoved = refreshDocumentSharing;
|
||||||
|
|
||||||
|
return sharingButton;
|
||||||
|
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue
Block a user