Modify motion/assignment/customslide in form dialog without updating list/detail view.
This commit is contained in:
parent
3ed5b2bb1b
commit
0e24d9b632
@ -144,8 +144,8 @@
|
||||
</div>
|
||||
<div os-perms="agenda.can_manage" class="hoverActions" ng-class="{'hiddenDiv': !item.hover}">
|
||||
<a ui-sref="agenda.item.detail({id: item.id})" translate>List of speakers</a> |
|
||||
<a href="" ng-click="item.quickEdit=true" translate>QuickEdit</a> |
|
||||
<a href="" ng-click="editDialog(item)" translate>Edit</a>
|
||||
<a href="" ng-click="editDialog(item)" translate>Edit</a> |
|
||||
<a href="" ng-click="item.quickEdit=true" translate>QuickEdit</a>
|
||||
<span ng-if="item.content_object.collection == 'core/customslide'"> |
|
||||
<a href="" class="text-danger"
|
||||
ng-bootbox-confirm="{{ 'Are you sure you want to delete this entry?' | translate }}<br>
|
||||
|
@ -383,16 +383,31 @@ angular.module('OpenSlidesApp.assignments.site', ['OpenSlidesApp.assignments'])
|
||||
'AssignmentForm',
|
||||
'assignment',
|
||||
function($scope, $state, Assignment, AssignmentForm, assignment) {
|
||||
// set initial values for form model
|
||||
$scope.model = assignment;
|
||||
$scope.alert = {};
|
||||
// set initial values for form model by create deep copy of assignment object
|
||||
// so list/detail view is not updated while editing
|
||||
$scope.model = angular.copy(assignment);
|
||||
// get all form fields
|
||||
$scope.formFields = AssignmentForm.getFormFields();
|
||||
|
||||
// save assignment
|
||||
$scope.save = function (assignment) {
|
||||
// inject the changed assignment (copy) object back into DS store
|
||||
Assignment.inject(assignment);
|
||||
// save change motion object on server
|
||||
Assignment.save(assignment).then(
|
||||
function(success) {
|
||||
$scope.closeThisDialog();
|
||||
},
|
||||
function (error) {
|
||||
// save error: revert all changes by restore
|
||||
// (refresh) original assignment object from server
|
||||
Assignment.refresh(assignment);
|
||||
var message = '';
|
||||
for (var e in error.data) {
|
||||
message += e + ': ' + error.data[e] + ' ';
|
||||
}
|
||||
$scope.alert = {type: 'danger', msg: message, show: true};
|
||||
}
|
||||
);
|
||||
};
|
||||
|
@ -1,6 +1,10 @@
|
||||
<h1 ng-if="model.id" translate>Edit election</h1>
|
||||
<h1 ng-if="!model.id" translate>New election</h1>
|
||||
|
||||
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
|
||||
{{ alert.msg }}
|
||||
</alert>
|
||||
|
||||
<form name="assignmentForm" ng-submit="save(model)">
|
||||
<formly-form model="model" fields="formFields">
|
||||
<button type="submit" ng-disabled="assignmentForm.$invalid" class="btn btn-primary" translate>
|
||||
|
@ -220,15 +220,25 @@ angular.module('OpenSlidesApp.core.site', [
|
||||
}
|
||||
}
|
||||
})
|
||||
// redirects to customslide detail and opens customslide edit form dialog, uses edit url,
|
||||
// used by ui-sref links from agenda only
|
||||
// (from customslide controller use CustomSlideForm factory instead to open dialog in front
|
||||
// of current view without redirect)
|
||||
.state('core.customslide.detail.update', {
|
||||
onEnter: ['$stateParams', 'ngDialog', 'Customslide', function($stateParams, ngDialog, Customslide) {
|
||||
ngDialog.open({
|
||||
template: 'static/templates/core/customslide-form.html',
|
||||
controller: 'CustomslideUpdateCtrl',
|
||||
className: 'ngdialog-theme-default wide-form',
|
||||
resolve: { customslide: function() {
|
||||
return Customslide.find($stateParams.id) }}
|
||||
});
|
||||
onEnter: ['$stateParams', '$state', 'ngDialog', 'Customslide',
|
||||
function($stateParams, $state, ngDialog, Customslide) {
|
||||
ngDialog.open({
|
||||
template: 'static/templates/core/customslide-form.html',
|
||||
controller: 'CustomslideUpdateCtrl',
|
||||
className: 'ngdialog-theme-default wide-form',
|
||||
resolve: {
|
||||
customslide: function() {return Customslide.find($stateParams.id) }
|
||||
},
|
||||
preCloseCallback: function() {
|
||||
$state.go('core.customslide.detail', {customslide: $stateParams.id});
|
||||
return true;
|
||||
}
|
||||
});
|
||||
}]
|
||||
})
|
||||
// tag
|
||||
@ -401,12 +411,28 @@ angular.module('OpenSlidesApp.core.site', [
|
||||
|
||||
|
||||
// Provide generic customslide form fields for create and update view
|
||||
.factory('CustomslideFormFieldFactory', [
|
||||
.factory('CustomslideForm', [
|
||||
'gettextCatalog',
|
||||
'CKEditorOptions',
|
||||
'Mediafile',
|
||||
function (gettextCatalog, CKEditorOptions, Mediafile) {
|
||||
return {
|
||||
// ngDialog for customslide form
|
||||
getDialog: function (customslide) {
|
||||
if (customslide) {
|
||||
var resolve = {
|
||||
customslide: function(Customslide) {return Customslide.find(customslide.id);}
|
||||
};
|
||||
}
|
||||
return {
|
||||
template: 'static/templates/core/customslide-form.html',
|
||||
controller: (customslide) ? 'CustomslideUpdateCtrl' : 'CustomslideCreateCtrl',
|
||||
className: 'ngdialog-theme-default wide-form',
|
||||
closeByEscape: false,
|
||||
closeByDocument: false,
|
||||
resolve: (resolve) ? resolve : null
|
||||
}
|
||||
},
|
||||
getFormFields: function () {
|
||||
return [
|
||||
{
|
||||
@ -641,20 +667,32 @@ angular.module('OpenSlidesApp.core.site', [
|
||||
])
|
||||
|
||||
// Customslide Controllers
|
||||
.controller('CustomslideDetailCtrl', function($scope, Customslide, customslide) {
|
||||
Customslide.bindOne(customslide.id, $scope, 'customslide');
|
||||
Customslide.loadRelations(customslide, 'agenda_item');
|
||||
})
|
||||
.controller('CustomslideDetailCtrl', [
|
||||
'$scope',
|
||||
'ngDialog',
|
||||
'CustomslideForm',
|
||||
'Customslide',
|
||||
'customslide',
|
||||
function($scope, ngDialog, CustomslideForm, Customslide, customslide) {
|
||||
Customslide.bindOne(customslide.id, $scope, 'customslide');
|
||||
Customslide.loadRelations(customslide, 'agenda_item');
|
||||
|
||||
// open edit dialog
|
||||
$scope.openDialog = function (customslide) {
|
||||
ngDialog.open(CustomslideForm.getDialog(customslide));
|
||||
};
|
||||
}
|
||||
])
|
||||
|
||||
.controller('CustomslideCreateCtrl', [
|
||||
'$scope',
|
||||
'$state',
|
||||
'Customslide',
|
||||
'CustomslideFormFieldFactory',
|
||||
function($scope, $state, Customslide, CustomslideFormFieldFactory) {
|
||||
'CustomslideForm',
|
||||
function($scope, $state, Customslide, CustomslideForm) {
|
||||
$scope.customslide = {};
|
||||
// get all form fields
|
||||
$scope.formFields = CustomslideFormFieldFactory.getFormFields();
|
||||
$scope.formFields = CustomslideForm.getFormFields();
|
||||
|
||||
// save form
|
||||
$scope.save = function (customslide) {
|
||||
@ -671,19 +709,34 @@ angular.module('OpenSlidesApp.core.site', [
|
||||
'$scope',
|
||||
'$state',
|
||||
'Customslide',
|
||||
'CustomslideFormFieldFactory',
|
||||
'CustomslideForm',
|
||||
'customslide',
|
||||
function($scope, $state, Customslide, CustomslideFormFieldFactory, customslide) {
|
||||
// set initial values for form model
|
||||
$scope.model = customslide;
|
||||
function($scope, $state, Customslide, CustomslideForm, customslide) {
|
||||
$scope.alert = {};
|
||||
// set initial values for form model by create deep copy of customslide object
|
||||
// so list/detail view is not updated while editing
|
||||
$scope.model = angular.copy(customslide);
|
||||
// get all form fields
|
||||
$scope.formFields = CustomslideFormFieldFactory.getFormFields();
|
||||
$scope.formFields = CustomslideForm.getFormFields();
|
||||
|
||||
// save form
|
||||
$scope.save = function (customslide) {
|
||||
// inject the changed customslide (copy) object back into DS store
|
||||
Customslide.inject(customslide);
|
||||
// save change customslide object on server
|
||||
Customslide.save(customslide).then(
|
||||
function(success) {
|
||||
$scope.closeThisDialog();
|
||||
},
|
||||
function (error) {
|
||||
// save error: revert all changes by restore
|
||||
// (refresh) original customslide object from server
|
||||
Customslide.refresh(customslide);
|
||||
var message = '';
|
||||
for (var e in error.data) {
|
||||
message += e + ': ' + error.data[e] + ' ';
|
||||
}
|
||||
$scope.alert = {type: 'danger', msg: message, show: true};
|
||||
}
|
||||
);
|
||||
};
|
||||
|
@ -17,6 +17,12 @@
|
||||
title="{{ 'Project agenda item' | translate }}">
|
||||
<i class="fa fa-video-camera"></i>
|
||||
</a>
|
||||
<!-- edit -->
|
||||
<a os-perms="agenda.can_manage" ng-click="openDialog(customslide)"
|
||||
class="btn btn-default btn-sm"
|
||||
title="{{ 'Edit' | translate}}">
|
||||
<i class="fa fa-pencil"></i>
|
||||
</a>
|
||||
</div>
|
||||
<h1>{{ customslide.agenda_item.getTitle() }}</h1>
|
||||
<h2 translate>Agenda item</h2>
|
||||
|
@ -1,6 +1,10 @@
|
||||
<h1 ng-if="model.id" translate>Edit agenda item</h1>
|
||||
<h1 ng-if="!model.id" translate>New agenda item</h1>
|
||||
|
||||
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
|
||||
{{ alert.msg }}
|
||||
</alert>
|
||||
|
||||
<form name="customslideForm" ng-submit="save(model)">
|
||||
<formly-form model="model" fields="formFields">
|
||||
<button type="submit" ng-disabled="customslideForm.$invalid" class="btn btn-primary" translate>
|
||||
|
@ -605,10 +605,13 @@ angular.module('OpenSlidesApp.motions.site', ['OpenSlidesApp.motions'])
|
||||
Tag.bindAll({}, $scope, 'tags');
|
||||
User.bindAll({}, $scope, 'users');
|
||||
Workflow.bindAll({}, $scope, 'workflows');
|
||||
$scope.alert = {};
|
||||
|
||||
// set initial values for form model
|
||||
$scope.model = motion;
|
||||
// set initial values for form model by create deep copy of motion object
|
||||
// so list/detail view is not updated while editing
|
||||
$scope.model = angular.copy(motion);
|
||||
$scope.model.more = false;
|
||||
|
||||
// get all form fields
|
||||
$scope.formFields = MotionForm.getFormFields();
|
||||
// override default values for update form
|
||||
@ -637,9 +640,22 @@ angular.module('OpenSlidesApp.motions.site', ['OpenSlidesApp.motions'])
|
||||
|
||||
// save motion
|
||||
$scope.save = function (motion) {
|
||||
// inject the changed motion (copy) object back into DS store
|
||||
Motion.inject(motion);
|
||||
// save change motion object on server
|
||||
Motion.save(motion, { method: 'PATCH' }).then(
|
||||
function(success) {
|
||||
$scope.closeThisDialog();
|
||||
},
|
||||
function (error) {
|
||||
// save error: revert all changes by restore
|
||||
// (refresh) original motion object from server
|
||||
Motion.refresh(motion);
|
||||
var message = '';
|
||||
for (var e in error.data) {
|
||||
message += e + ': ' + error.data[e] + ' ';
|
||||
}
|
||||
$scope.alert = {type: 'danger', msg: message, show: true};
|
||||
}
|
||||
);
|
||||
};
|
||||
|
@ -1,6 +1,10 @@
|
||||
<h1 ng-if="model.id" translate>Edit motion</h1>
|
||||
<h1 ng-if="!model.id" translate>New motion</h1>
|
||||
|
||||
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
|
||||
{{ alert.msg }}
|
||||
</alert>
|
||||
|
||||
<form name="motionForm" ng-submit="save(model)">
|
||||
<formly-form model="model" fields="formFields">
|
||||
<button type="submit" ng-disabled="motionForm.$invalid" class="btn btn-primary" translate>
|
||||
|
Loading…
Reference in New Issue
Block a user