Skip to content

added confirmation textbox to delete extensions and refresh button for list views #122

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

Merged
nadirhamid merged 4 commits into from
Apr 27, 2026
Merged

added confirmation textbox to delete extensions and refresh button for list views #122

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
32b0bdb
Chore: add refresh button to dashboard header for list view pages
royking01 Apr 16, 2026
0d68527
add confirmation textbox to delete extensions
royking01 Apr 17, 2026
089a0d9
add captcha to login page and migrate reload button in extensions page
royking01 Apr 20, 2026
64ae9da
fix remaining issues and test.
nadirhamid Apr 27, 2026
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
3,170 changes: 1,626 additions & 1,544 deletions app/scripts/app.js
View file
Open in desktop

Large diffs are not rendered by default.

215 changes: 139 additions & 76 deletions app/scripts/controllers/Extensions.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,86 +7,149 @@
* # MainCtrl
* Controller of Lineblocs
*/
angular.module('Lineblocs').controller('ExtensionsCtrl', function ($scope, Backend, pagination, $location, $state, $mdDialog, $mdToast, $shared, $q, $stateParams) {
$shared.updateTitle("Extensions");
$scope.$stateParams = $stateParams;
$scope.$shared = $shared;
$scope.pagination = pagination;
$scope.Backend = Backend;

function DialogController($scope, $mdDialog, extension, $shared) {
angular
.module('Lineblocs')
.controller(
'ExtensionsCtrl',
function (
$scope,
Backend,
pagination,
$location,
$state,
$mdDialog,
$mdToast,
$shared,
$q,
$stateParams
) {
$shared.updateTitle('Extensions');
$scope.$stateParams = $stateParams;
$scope.$shared = $shared;
$scope.extension = extension;
$scope.close = function() {
$mdDialog.hide();
}
}
$scope.settings = {
page: 0
};
$scope.extensions = [];
$scope.load = function() {
$shared.isLoading = true;
pagination.resetSearch();
pagination.changeUrl( "/extension/list" );
pagination.changePage( 1 );
pagination.changeScope( $scope, 'extensions');
return $q(function(resolve, reject) {
pagination.loadData().then(function(res) {
$scope.extensions = res.data.data;
$shared.endIsLoading();
resolve();
}, reject);
});
}
$scope.editExtension = function(extension) {
$state.go('extension-edit', {extensionId: extension.public_id});
}
$scope.createExtension = function(extension) {
$state.go('extension-create', {});
}
$scope.connectInfo = function($event, extension) {
$mdDialog.show({
controller: DialogController,
templateUrl: 'views/dialogs/extension-connect-info.html',
parent: angular.element(document.body),
targetEvent: $event,
clickOutsideToClose:true,
fullscreen: $scope.customFullscreen, // Only for -xs, -sm breakpoints.
locals: {
"extension": extension
$scope.pagination = pagination;
$scope.Backend = Backend;

function DialogController($scope, $mdDialog, extension, $shared) {
$scope.$shared = $shared;
$scope.extension = extension;
$scope.close = function () {
$mdDialog.hide();
};
}
})
.then(function() {
}, function() {
});
}
$scope.deleteExtension = function($event, extension) {
// Appending dialog to document.body to cover sidenav in docs app
var confirm = $mdDialog.confirm()
.title('Are you sure you want to delete this extension?')
.textContent('This will permantely remove the extension and you will no longer be able to use it')
.ariaLabel('Delete extension')
.targetEvent($event)
.ok('Yes')
.cancel('No');
$mdDialog.show(confirm).then(function() {
$scope.settings = {
page: 0,
};
$scope.extensions = [];
$scope.load = function () {
$shared.isLoading = true;
Backend.delete("/extension/" + extension.public_id).then(function() {
$scope.load().then(function() {
$mdToast.show(
$mdToast.simple()
.textContent('Extension deleted..')
.position("top right")
.hideDelay(3000)
);
pagination.resetSearch();
pagination.changeUrl('/extension/list');
pagination.changePage(1);
pagination.changeScope($scope, 'extensions');
return $q(function (resolve, reject) {
pagination.loadData().then(function (res) {
$scope.extensions = res.data.data;
$shared.endIsLoading();
resolve();
}, reject);
});
};
$scope.editExtension = function (extension) {
$state.go('extension-edit', { extensionId: extension.public_id });
};
$scope.createExtension = function (extension) {
$state.go('extension-create', {});
};
$scope.connectInfo = function ($event, extension) {
$mdDialog
.show({
controller: DialogController,
templateUrl: 'views/dialogs/extension-connect-info.html',
parent: angular.element(document.body),
targetEvent: $event,
clickOutsideToClose: true,
fullscreen: $scope.customFullscreen, // Only for -xs, -sm breakpoints.
locals: {
extension: extension,
},
})
.then(
function () {},
function () {}
);
};
$scope.deleteExtension = function ($event, extension) {
$mdDialog
.show({
controller: DeleteExtensionDialogCtrl,
template: `
<md-dialog aria-label="Delete extension">
<form ng-cloak>
<md-toolbar>
<div class="md-toolbar-tools">
<h2>Delete Extension</h2>
</div>
</md-toolbar>

<md-dialog-content style="max-width:600px;">
<p style="text-align: left; margin-top: 16px; margin-left: 16px;">
Are you sure you want to delete this extension?
This will permanently remove the extension and you will no longer be able to use it.
</p>

<md-input-container class="md-block" style="margin-left: 16px; width: 50%; margin-top: 16px;">
<label>Type <b>
${extension ? extension?.username : 'no name'}
</b> to enable delete</label>
<input ng-model="confirmText">
</md-input-container>
</md-dialog-content>

<md-dialog-actions layout="row">
<span flex></span>
<md-button ng-click="cancel()">No</md-button>
<md-button
class="md-raised md-warn"
ng-disabled="confirmText !== '${extension ? extension?.username : 'no name'}'"
ng-click="confirm()">
Delete
</md-button>
</md-dialog-actions>
</form>
</md-dialog>
`,
targetEvent: $event,
clickOutsideToClose: true,
})
.then(function () {
$shared.isLoading = true;

Backend.delete('/extension/' + extension.public_id).then(function () {
$scope.load().then(function () {
$mdToast.show(
$mdToast
.simple()
.textContent('Extension deleted..')
.position('top right')
.hideDelay(3000)
);
});
});
});
};

$scope.load();
}
);

})
}, function() {
});
}
function DeleteExtensionDialogCtrl($scope, $mdDialog) {
$scope.confirmText = '';

$scope.load();
});
$scope.cancel = function () {
$mdDialog.cancel();
};

$scope.confirm = function () {
$mdDialog.hide(true);
};
}
Loading
Loading