Skip to content

Commit

Permalink
#68 Multi-Checkbox mit pflegbaren Optionswerten für Many2Many
Browse files Browse the repository at this point in the history
  • Loading branch information
@areanet-foschmid
areanet-foschmid authored and areanet committed Sep 20, 2018
1 parent 065b8b7 commit cd482e8
Show file tree
Hide file tree
Showing 10 changed files with 56 additions and 371 deletions.
1 change: 1 addition & 0 deletions appcms/areanet/PIM-UI/default/app.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,6 +91,7 @@
<ul>
<pim-plugin key="INDEX_NAVIGATION_ADMIN_SUB_PREPEND" uiblocks="uiblocks"></pim-plugin>
<li><a href="#/list/PIM/ThumbnailSetting">Bildgrößen</a></li>
<li><a href="#/list/PIM/Option">Checkbox</a></li>
<li><a href="#/list/PIM/Log">Protokollierung</a></li>
<li><a href="#/list/PIM/Tag">Tags</a></li>
<li><a href="#/list/PIM/User">Benutzer</a></li>
Expand Down
303 changes: 23 additions & 280 deletions appcms/areanet/PIM-UI/default/assets/types/checkbox/checkbox.directive.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,345 +3,88 @@

angular
.module('app')
.directive('pimMultijoin', pimMultijoin);
.directive('pimCheckbox', pimCheckbox);


function pimMultijoin($uibModal, $timeout, EntityService, localStorageService){
function pimCheckbox($uibModal, $timeout, EntityService, localStorageService){
return {
restrict: 'E',
scope: {
key: '=', config: '=', value: '=', isValid: '=', isSubmit: '=', onChangeCallback: '&'
},
templateUrl: function(){
return '/ui/default/types/multijoin/multijoin.html?v=' + APP_VERSION
return '/ui/default/types/checkbox/checkbox.html?v=' + APP_VERSION
},
link: function(scope, element, attrs){
var itemsPerPage = 10;
var entity = null;

scope.$watch('value',function(data){

if(!scope.value){
scope.choosenIds = [];
}else{
scope.choosenIds = [];
for(var i = 0; i < scope.value.length; i++){
if(scope.config.mappedBy){
scope.choosenIds.push(scope.value[i][scope.config.mappedBy].id);
}else{
scope.choosenIds.push(scope.value[i].id);
}
console.log(scope.value);

}
}

},true);

//Properties
scope.choosenIds = [];
scope.chooserOpened = false;
scope.currentPage = 1;
scope.deletable = false;
scope.hide = false;
scope.propertyCount = 0;
scope.objects = [];
scope.readonly = false;
scope.schema = null;
scope.selectedIndex = 0;
scope.sortableOptions = {
stop: function(e,ui){
triggerUpdate();
},
disabled: !scope.config.sortable
};
scope.totalPages = 1;
scope.value = scope.value ? scope.value : [];
scope.writable = false;
scope.writable_object= false;
scope.checkboxClass = null;
scope.options = [];

//Functions
scope.addNewObject = addNewObject;
scope.change = change;
scope.chooseObject = chooseObject;
scope.closeChooser = closeChooser;
scope.disableObject = disableObject;
scope.editObject = editObject;
scope.keyPressed = keyPressed;
scope.loadData = loadData;
scope.openChooser = openChooser;
scope.removeObject = removeObject;

//Startup
//Startup
init();

/////////////////////////////////////

function addNewObject(){
var modalInstance = $uibModal.open({
templateUrl: '/ui/default/views/form.html',
controller: 'FormCtrl as vm',
resolve: {
entity: function(){ return entity;},
title: function(){ return 'Neues Objekt anlegen'; },
object: function(){ return null; },
readonly: false
},
size: 'xl'
});

modalInstance.result.then(
function (newObject) {
if(newObject){
if(scope.chooserOpened) scope.objects.push(newObject);
chooseObject(newObject);
}
},
function () {}
);
}

function change(){
scope.currentPage = 1;
loadData();
}

function chooseObject(object){

if(scope.choosenIds.indexOf(object.id) > -1){
return;
}

var newData = {};

if(scope.config.mappedBy){
newData[scope.config.mappedBy] = object;
if(scope.config.sortable){
newData['isActive'] = true;
}
}else{
newData = object;
}

scope.value.push(newData);

triggerUpdate();

}

function closeChooser(){
scope.chooserOpened = false;
}

function disableObject(index){
var id = scope.value[index].id;
var object = scope.value[index];

if(!scope.config.mappedBy || typeof object.isActive == "undefined"){
return;
}

object.isActive = !object.isActive;

var entityAcceptFrom = null;
if(scope.config.acceptFrom.substr(0, 18) == 'Areanet\\PIM\\Entity'){
entityAcceptFrom = scope.config.acceptFrom.replace('Areanet\\PIM\\Entity', 'PIM');
}else{
var fullEntity = null;
fullEntity = scope.config.acceptFrom.split('\\');
entityAcceptFrom = fullEntity[(fullEntity.length - 1)];
}

var data = {
entity: entityAcceptFrom,
id: id,
data: {
isActive:object.isActive
}
};

EntityService.update(data).then(
function successCallback(response) {

},
function errorCallback(response) {

}
);

}

function editObject(index){

var id = scope.config.mappedBy ? scope.value[index][scope.config.mappedBy].id : scope.value[index].id;
var object = scope.config.mappedBy ? scope.value[index][scope.config.mappedBy] : scope.value[index];

console.log("Test");

var modalInstance = $uibModal.open({
templateUrl: '/ui/default/views/form.html',
controller: 'FormCtrl as vm',
resolve: {
entity: function(){ return entity;},
title: function(){ return '<span title="' + id + '">Objekt ' + (id.length > 5 ? id.substr(0, 5) + '...' : id) + ' bearbeiten</span>'; },
object: function(){ return object; },
readonly: false
},
size: 'xl'
});

modalInstance.result.then(
function (newObject) {
if(newObject){
if(scope.config.mappedBy){
scope.value[index][scope.config.mappedBy] = newObject;
}else{
scope.value[index] = newObject;
}

}
},
function () {}
);
}

function init(){

if(scope.config.accept.substr(0, 18) == 'Areanet\\PIM\\Entity'){
entity = scope.config.accept.replace('Areanet\\PIM\\Entity', 'PIM');
}else{
var fullEntity = null;
fullEntity = scope.config.accept.split('\\');
entity = fullEntity[(fullEntity.length - 1)];
}



var permissions = localStorageService.get('permissions');
if(!permissions){
return;
}

scope.readonly = parseInt(attrs.readonly) > 0;

if(scope.config.acceptFrom){
var entityForm = null;
if(scope.config.acceptFrom.substr(0, 18) == 'Areanet\\PIM\\Entity'){
entityForm = scope.config.acceptFrom.replace('Areanet\\PIM\\Entity', 'PIM');
}else{
var fullEntity = null;
fullEntity = scope.config.acceptFrom.split('\\');
entityForm = fullEntity[(fullEntity.length - 1)];
}
scope.hide = !permissions[entity].readable || !permissions[entityForm].readable;


scope.deletable = permissions[entityForm].deletable && !scope.readonly;
scope.writable_object = permissions[entity].writable && !scope.readonly;
scope.writable = parseInt(attrs.writable) > 0 && permissions[entityForm].writable > 0;
}else{
scope.hide = !permissions[entity].readable;
scope.writable_object = permissions[entity].writable && !scope.readonly;
scope.deletable = parseInt(attrs.writable) > 0 && !scope.readonly;
scope.writable = parseInt(attrs.writable) > 0;
scope.schema = localStorageService.get('schema')['PIM\\Option'];
if(scope.config.horizontalAlignment) {
scope.checkboxClass = 'checkbox-inline';
} else {
scope.checkboxClass = 'checkbox';
}

scope.schema = localStorageService.get('schema')[entity];

scope.propertyCount = Object.keys(scope.schema.list).length;
}

function keyPressed(event){
switch(event.keyCode) {
case 40:
if (scope.selectedIndex < scope.objects.length - 1) scope.selectedIndex++;
break;
case 38:
if (scope.selectedIndex > 0) scope.selectedIndex--;
break;
case 13:
chooseObject(scope.objects[scope.selectedIndex]);
event.stopPropagation();
break;
case 39:
if (scope.currentPage < scope.totalPages){
scope.currentPage++;
loadData();
}
break;
case 37:
if(scope.currentPage > 1){
scope.currentPage--;
loadData();
}
break;
case 27:
closeChooser();
event.stopPropagation();
break;
}
loadData();
}

function loadData(){
var where = scope.search ? {fulltext: scope.search} : {};

var properties = ['id', 'modified', 'created', 'user'];
if(scope.schema.settings.isSortable){
properties.push('sorting');
}
var properties = ['id', 'modified', 'created', 'user'];
var where = {group: scope.config.group};

for (var key in scope.schema.list ) {
properties.push(scope.schema.list[key]);
}

var data = {
entity: entity,
currentPage: scope.currentPage,
itemsPerPage: itemsPerPage,
where: where,
properties: properties
entity: 'PIM\\Option',
properties: properties,
where: where
};

EntityService.list(data).then(
function successCallback(response) {
scope.totalPages = Math.ceil(response.data.totalItems / itemsPerPage);
scope.objects = response.data.data;
scope.selectedIndex = 0;
scope.options = response.data.data;
console.log(scope.options);
},
function errorCallback(response) {
scope.objects = [];
scope.options = [];
}
);
}

function openChooser(){
scope.chooserOpened = true;

$timeout(function () {
element.find('#search').focus();
}, 50);

loadData();
}

function removeObject(index){
scope.value.splice(index, 1);

triggerUpdate();
}

function triggerUpdate(){
var values = [];

if(scope.config.mappedBy){
for (var index in scope.value) {
if(scope.value[index][scope.config.mappedBy]) values.push(scope.value[index][scope.config.mappedBy].id);
}
}else{
for (var index in scope.value) {
values.push(scope.value[index].id);
}
}

scope.onChangeCallback({key: scope.key, value: values});
}
}
}
}
Expand Down
Loading

0 comments on commit cd482e8

Please sign in to comment.