Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Editor] Providing front end design for Streaming Integrator extension-installation features #1781

Merged
merged 6 commits into from
Feb 13, 2020
Merged

[Editor] Providing front end design for Streaming Integrator extension-installation features #1781

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
9191de8
Add front end design for extension installation features
SinthujanSintha Jan 28, 2020
88cbc98
Add front end design changes based on json changes
SinthujanSintha Jan 28, 2020
a5094e6
Add changes to the front design.
SinthujanSintha Jan 30, 2020
f322433
Add the refactor changes.
SinthujanSintha Jan 31, 2020
62e8280
changes back end data into console log.
SinthujanSintha Jan 31, 2020
ed1165c
Change the render function as class function
SinthujanSintha Jan 31, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
80 changes: 38 additions & 42 deletions ...i.editor.core/src/main/resources/web/editor/commons/js/dialog/extension-install-dialog.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ define(['require', 'lodash', 'jquery', 'constants'],
*/
this.initialize = function (options) {
this.dialog_containers = $(_.get(options.config.dialog, 'container'));
this.extensionList = app.utils.getExtensionDetailsMap();
this.extensionList = app.utils.extensionData;
},
/**
* show function for display the ExtensionInstallDialog.
Expand Down Expand Up @@ -82,61 +82,57 @@ define(['require', 'lodash', 'jquery', 'constants'],
});
var extensionContainer = extensionModelOpen.find("div").filter("#extensionTableId");

//extension objects from backend which has details about extensions.
var extensionLists = app.utils.getExtensionDetailsMap();
var extensionTable = $('<table class="table table-hover data-table"' +
' id="extensionTableId"><tbody></tbody></table>');
//define the map to store Partially extension modal based on key
var partialExtensionDetailModal = new Map();
extensionLists.forEach(function (extension, key) {
var extensionTableBodyData;

if (extension.extensionStatus.trim().toUpperCase() === Constants.EXTENSION_INSTALLED) {
extensionTableBodyData = $('<tr><td>' + extension.extensionInfo.name + '</td><td>Installed</td><td><button' +
' class="btn btn-block btn' +
' btn-primary">' + Constants.UNINSTALL + '</button></td></tr>');
extensionTableBodyData.find("button").click(function () {
app.utils.extensionUpdate(extension);
});
} else if (extension.extensionStatus.trim().toUpperCase() === Constants.EXTENSION_PARTIALLY_INSTALLED) {
extensionTableBodyData = $('<tr><td>' + extension.extensionInfo.name + '</td><td>Partially-Installed' +
'&nbsp; &nbsp;<a data-toggle="modal"' +
' id="' + key + '"><i class="fw' +
' fw-info"></i></a></td><td><button' +
' class="btn btn-block btn' +
' btn-primary">' + Constants.UNINSTALL + '</button></td></tr>');
createAlertModalBoxForNotAndPartialExtension(extension, key, extensionTableBodyData);
extensionTableBodyData.find("button").click(function () {
app.utils.extensionUpdate(extension);
});

} else if (extension.extensionStatus.trim().toUpperCase() === Constants.EXTENSION_NOT_INSTALLED) {
if (extension.manuallyInstall) {
extensionTableBodyData = $('<tr><td>' + extension.extensionInfo.name + '</td><td>Not-Installed' +
extensionsRendering();
var callbackUpdateForExtensionFileBrowser = function (updatedExtension, isUpdated) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what is isUpdated means ? do u need to it

if (isUpdated) {
app.utils.extensionData.set(updatedExtension.extensionInfo.name, updatedExtension);
extensionsRendering();
}
};
var extensionTable;

function extensionsRendering() {
extensionContainer.empty();
extensionTable = $('<table class="table table-hover data-table"' +
' id="extensionTableId"><tbody></tbody></table>');
app.utils.extensionData.forEach(function (extension, key) {
var extensionTableBodyData;
if (extension.extensionStatus.trim().toUpperCase() === Constants.EXTENSION_INSTALLED) {
extensionTableBodyData = $('<tr><td>' + extension.extensionInfo.name + '</td><td>Installed</td><td><button' +
' class="btn btn-block btn' +
' btn-primary">' + Constants.UNINSTALL + '</button></td></tr>');
extensionTableBodyData.find("button").click(function () {
app.utils.extensionUpdateThroughFile(extension, callbackUpdateForExtensionFileBrowser);
});
} else if (extension.extensionStatus.trim().toUpperCase() === Constants.EXTENSION_PARTIALLY_INSTALLED) {
extensionTableBodyData = $('<tr><td>' + extension.extensionInfo.name + '</td><td>Partially-Installed' +
'&nbsp; &nbsp;<a data-toggle="modal"' +
' id="' + key + '"><i class="fw' +
' fw-info"></i></a></td><td><button' +
' class="btn btn-block btn' +
' btn-primary">' + Constants.INSTALL + '</button></td></tr>');
' btn-primary">' + Constants.UNINSTALL + '</button></td></tr>');
createAlertModalBoxForNotAndPartialExtension(extension, key, extensionTableBodyData);
} else {
extensionTableBodyData.find("button").click(function () {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you can take this code out whithout duplicating in each case

app.utils.extensionUpdateThroughFile(extension, callbackUpdateForExtensionFileBrowser);
});

} else if (extension.extensionStatus.trim().toUpperCase() === Constants.EXTENSION_NOT_INSTALLED) {
extensionTableBodyData = $('<tr><td>' + extension.extensionInfo.name + '</td><td>Not-Installed</td><td><button' +
' class="btn btn-block btn' +
' btn-primary">' + Constants.INSTALL + '</button></td></tr>');
extensionTableBodyData.find("button").click(function () {
app.utils.extensionUpdateThroughFile(extension, callbackUpdateForExtensionFileBrowser);
});
}

extensionTableBodyData.find("button").click(function () {
app.utils.extensionUpdate(extension);
});
}
extensionTable.append(extensionTableBodyData);
});

extensionContainer.append(extensionTable);
extensionTable.append(extensionTableBodyData);
});
extensionContainer.append(extensionTable);
}
extensionSearch.keyup(function () {
searchExtension(extensionTable, extensionSearch.val());
});

$(this.dialog_containers).append(extensionModelOpen);
extensionInstallError.hide();
this._extensionListModal = extensionModelOpen;
Expand Down
Loading