bezahlt von Shopware 6: Eigene Snippet-Sets
src/Resources/snippet/{subfolder}/messages.{locale}.base.json
Nun kann man ein Snippet-Set mit entsprechender Base-File und passender Locale anlegen.
Blog: Blog-entries by search-pattern/Tags:src/Resources/snippet/{subfolder}/messages.{locale}.base.json
Nun kann man ein Snippet-Set mit entsprechender Base-File und passender Locale anlegen.
cJSv2: Services und Service-Injection
An sich wird damit die cjsGetController Methode, mit der sich Controller untereinander mit ihren Namen konnten, überflüssig und man kann einfach asynchrone/reactive Lösungen basteln.
Hier erst einmal ein kleines synchrones Event-System:
function EventBus() {
this.events = [];
this.register=function(event, callback){
if(!this.events[event]) {
this.events[event] = [];
}
this.events[event].push(callback);
}
this.fire=function(event, payload){
if(this.events[event]) {
this.events[event].forEach(subscriber => {
subscriber(payload);
})
}
}
}
function Receiver(){
this.value="";
this.init=function(){
this.EventBus.register("update", (payload) => {
this.value = payload.value;
});
this.cjsPushBindings();
};
}
function Sender(){
this.values=[
'Blubb',
'Test',
'Brumm',
'Event',
'Something'
];
this.send=function(event){
this.EventBus.fire("update", {value: this.values[Math.floor(Math.random() * this.values.length)]})
};
}
<div cjs-controller="sender:Sender" cjs-services="EventBus">
<input type="button" value="fire event" cjs-binding-event="click:send"/>
</div>
<div cjs-controller="receiver:Receiver:init" cjs-services="EventBus">
<input type="text" value="" cjs-binding-value="value"/>
</div>
Pop-Up Messages im Shopware-Backend auslösen
Shopware.Notification.createGrowlMessage('title', 'message', 'growl');
Besser sollte man sich im Controller die Messages separat anlegen. Da kann man auch direkt {s} Smarty-Tags drin verwenden für die Text-Snippets.
messages:{
success:{
title:'',
error:'',
growl:''
},
fail:{
title:'',
error:'',
growl:''
}
},
Ext.Ajax.request({
url: "",
params: {},
success: function(response, opts){
var result = Ext.decode(response.responseText);
if(result.success){
Shopware.Notification.createGrowlMessage(msgs.success.title, msgs.success.error, msgs.success.growl);
}
else{
Shopware.Notification.createGrowlMessage(msgs.fail.title, msgs.fail.error, msgs.fail.growl);
}
}
});
Damit ist dieser Teil an sich sehr viel einfacher als der Rest der Backend-UI Entwicklung.