jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add applink edit logic

Browse Source
This commit is contained in:
Johannes Zellner
2022-07-07 16:41:12 +02:00
parent 0474208208
commit e768dc62ba
3 changed files with 40 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/apps.html
+4 -4
View File
@@ -50,7 +50,7 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.close' | tr }}</button>
<button type="button" class="btn btn-success" ng-click="applinksAdd.submit()">{{ 'main.dialog.save' | tr }}</button>
<button type="button" class="btn btn-success" ng-click="applinksAdd.submit()" ng-disabled="applinksAddForm.$invalid || applinksAdd.busy"><i class="fa fa-circle-notch fa-spin" ng-show="applinksEdit.busy"></i> {{ 'main.dialog.save' | tr }}</button>
</div>
</div>
</div>
@@ -70,13 +70,13 @@
<input type="text" class="form-control" ng-model="applinksEdit.upstreamUri" name="upstreamUri" id="inputUpstreamUri" autofocus autocomplete="off" required>
</div>
<input class="ng-hide" type="submit" ng-disabled="applinksEditForm.$invalid || applinksEdit.busy"/>
<input class="ng-hide" type="submit" ng-disabled="applinksEditForm.$invalid || applinksEdit.busyEdit || applinks.busyRemove"/>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger pull-left" ng-click="applinksEdit.remove()">Delete</button>
<button type="button" class="btn btn-danger pull-left" ng-click="applinksEdit.remove()" ng-disabled="applinksEdit.busyRemove || applinksEdit.busyEdit"><i class="fa fa-circle-notch fa-spin" ng-show="applinksEdit.busyRemove"></i> Delete</button>
<button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.close' | tr }}</button>
<button type="button" class="btn btn-success" ng-click="applinksEdit.submit()">{{ 'main.dialog.save' | tr }}</button>
<button type="button" class="btn btn-success" ng-click="applinksEdit.submit()" ng-disabled="applinksEditForm.$invalid || applinksEdit.busyRemove || applinksEdit.busyEdit"><i class="fa fa-circle-notch fa-spin" ng-show="applinksEdit.busyEdit"></i> {{ 'main.dialog.save' | tr }}</button>
</div>
</div>
</div>
src/views/apps.js
+27 -3
View File
@@ -99,6 +99,9 @@ angular.module('Application').controller('AppsController', ['$scope', '$translat
$scope.applinksAdd.busy = false;
$scope.applinksAdd.upstreamUri = '';
$scope.applinksAddForm.$setUntouched();
$scope.applinksAddForm.$setPristine();
$('#applinksAddModal').modal('show');
return false; // prevent propagation and default
@@ -117,27 +120,48 @@ angular.module('Application').controller('AppsController', ['$scope', '$translat
$scope.applinksEdit = {
error: {},
busy: false,
busyEdit: false,
busyRemove: false,
id: '',
upstreamUri: '',
show: function (applink) {
$scope.applinksEdit.error = {};
$scope.applinksEdit.busy = false;
$scope.applinksEdit.busyEdit = false;
$scope.applinksEdit.busyRemove = false;
$scope.applinksEdit.id = applink.id;
$scope.applinksEdit.upstreamUri = applink.upstreamUri;
$scope.applinksEditForm.$setUntouched();
$scope.applinksEditForm.$setPristine();
$('#applinksEditModal').modal('show');
return false; // prevent propagation and default
},
submit: function () {
$('#applinksEditModal').modal('hide');
$scope.applinksEdit.busyEdit = true;
var data = {
upstreamUri: $scope.applinksEdit.upstreamUri
};
Client.updateApplink($scope.applinksEdit.id, data, function (error) {
$scope.applinksEdit.busyEdit = false;
if (error) return console.error('Failed to update applink', error);
$('#applinksEditModal').modal('hide');
});
},
remove: function () {
$scope.applinksEdit.busyRemove = true;
Client.removeApplink($scope.applinksEdit.id, function (error) {
$scope.applinksEdit.busyRemove = false;
if (error) return console.error('Failed to remove applink', error);
Client.refreshInstalledApps();