Skip to content

E
Evoksi
Commit 430d18fa by Uros Spasojevic
Options

added dialogs 

finished grid
yolo
parent 392f9e31
Showing with 296 additions and 175 deletions
classic.json
This source diff could not be displayed because it is too large. You can view the blob instead.
classic.jsonp
This source diff could not be displayed because it is too large. You can view the blob instead.
classic/src/view/evoksi/EvoksiController.js
Ext.define('Evoksi.view.evoksi.EvoksiController', { Ext.define("Evoksi.view.evoksi.EvoksiController", {
extend: 'Ext.app.ViewController', extend: "Ext.app.ViewController",
alias: 'controller.evoksi', alias: "controller.evoksi",
requires: [ requires: [
'Ext.container.Container', "Ext.container.Container",
'Ext.layout.container.Border', "Ext.layout.container.Border",
'Ext.layout.container.Fit', "Ext.layout.container.Fit",
'Ext.ux.GMapPanel', "Ext.ux.GMapPanel",
'Ext.ux.IFrame', "Ext.ux.IFrame",
'Ext.window.Window' "Ext.window.Window"
], ],
config: { config: {
listen: { listen: {
component: { component: {
'evoksi': { evoksi: {
markerClick: function (marker) { markerClick: function(marker) {
var store = this.getView().getViewModel().getStore('myStore'); var store = this.getView()
.getViewModel()
.getStore("myStore");
var first = true; var first = true;
if (marker.performers) { if (marker.performers) {
store.loadData(marker.performers); store.loadData(marker.performers);
}; }
var win = Ext.create('Ext.window.Window', { var win = Ext.create("Ext.window.Window", {
title: marker.title == "" ? "New event" : marker.title, // Marker title title:
marker.title == "" ? "New event" : marker.title, // Marker title
height: 600, height: 600,
width: '70%', width: "70%",
modal: true, modal: true,
layout: 'border', layout: "border",
maximizable: false, maximizable: false,
resizable: false, resizable: false,
cls: 'evoksi-window', cls: "evoksi-window",
items: [{ items: [
xtype: 'gmappanel', {
region: 'west', xtype: "gmappanel",
region: "west",
split: true, split: true,
splitterResize: false, splitterResize: false,
width: 300, width: 300,
...@@ -40,132 +43,224 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', { ...@@ -40,132 +43,224 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', {
lat: marker.lat, // Marker latitude lat: marker.lat, // Marker latitude
lng: marker.lng // Marker longitude lng: marker.lng // Marker longitude
}, },
markers: [{ markers: [
lat: marker.lat, {
lng: marker.lng, lat: marker.lat,
animation: google.maps.Animation.BOUNCE lng: marker.lng,
}], animation:
google.maps.Animation.BOUNCE
}
],
mapOptions: { mapOptions: {
mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeId:
google.maps.MapTypeId.ROADMAP,
zoom: 15 zoom: 15
} }
}, },
{ {
xtype: 'panel', xtype: "panel",
cls: 'evoksi-panel-body', cls: "evoksi-panel-body",
region: 'center', region: "center",
layout: 'vbox', layout: "vbox",
items: [{ items: [
xtype: 'textfield', {
fieldLabel: 'Title', xtype: "textfield",
reference: 'titleField', fieldLabel: "Title",
reference: "titleField",
value: marker.title, value: marker.title,
width: '90%' width: "90%"
}, },
{ {
xtype: 'textarea', xtype: "textarea",
fieldLabel: 'Description', fieldLabel: "Description",
reference: 'descriptionArea', reference: "descriptionArea",
value: marker.description, value: marker.description,
width: '90%' width: "90%"
}, },
{ {
xtype: 'grid', xtype: "grid",
reference: 'myGrid', reference: "myGrid",
title: 'Performers', title: "Performers",
height: 300, height: 300,
width: '90%', width: "90%",
store: store, store: store,
columns: [{ columns: [
text: 'Name', {
dataIndex: 'name' text: "Name",
dataIndex: "name"
}, },
{ {
text: 'Date', text: "Date",
dataIndex: 'date', dataIndex: "date",
flex: 1 flex: 1
}, },
{ {
text: 'Time', text: "Time",
dataIndex: 'time', dataIndex: "time",
flex: 1 flex: 1
}
],
listeners: {
select: function(obj,item,index) {
var record = store.getAt(index);
var popup = Ext.create(
"Ext.panel.Panel",
{
floating: true,
centered: true,
cls: "evoksi-add-performer",
title: "Edit performer",
modal: true,
width: 300,
height: 400,
draggable: false,
maximizable: false,
items: [
{
xtype: "textfield",
fieldLabel: "Name",
reference: "name",
value: record.get("name")
},
{
xtype: "textfield",
fieldLabel: "Date",
reference: "date",
value: record.get("date")
},
{
xtype: "textfield",
fieldLabel: "Time",
reference: "time",
value: record.get("time")
}
],
buttons: [
{
text: "Save",
formBind: true,
listeners: {
click: function() {
record.beginEdit();
record.set("name", popup.items.items[0].value);
record.set("date", popup.items.items[1].value);
record.set("time", popup.items.items[2].value);
record.endEdit();
popup.hide();
}
}
},
{
text: "Cancel",
handler: function() {
popup.hide();
}
},
{
text: "Delete",
handler: function() {
function deleteStuff(btn) {
if (btn == "yes") {
store.removeAt(index);
popup.hide();
}
}
Ext.Msg.show(
{
title: "Delete performer",
msg: "Are you sure?",
buttons:Ext.Msg.YESNO,
icon: Ext.Msg.WARNING,
fn: deleteStuff
}
);
}
}
]
}
).show();
} }
] }
} }
], ],
buttons: [{ buttons: [
text: 'Add', {
handler: function () { text: "Add",
var popup = Ext.create('Ext.panel.Panel', { handler: function() {
floating: true, var popup = Ext.create(
centered: true, "Ext.panel.Panel",
cls: 'evoksi-add-performer', {
title: 'Add performer', floating: true,
modal: true, centered: true,
width: 300, cls: "evoksi-add-performer",
height: 400, title: "Add performer",
draggable: false, modal: true,
maximizable: false, width: 300,
items: [{ height: 400,
xtype: 'textfield', draggable: false,
fieldLabel: 'Name', maximizable: false,
reference: 'name' items: [
}, {
{ xtype: "textfield",
xtype: 'textfield', fieldLabel: "Name",
fieldLabel: 'Date', reference: "name"
reference: 'date' },
}, {
{ xtype: "textfield",
xtype: 'textfield', fieldLabel: "Date",
fieldLabel: 'Time', reference: "date"
reference: 'time' },
} {
], xtype: "textfield",
buttons: [{ fieldLabel: "Time",
text: 'Save', reference: "time"
formBind: true, }
listeners: { ],
click: function () { buttons: [
if (first) { {
store.each(function (item) { text: "Save",
var dat = { formBind: true,
name: item.data.name, listeners: {
date: item.data.date, click: function() {
time: item.data.time if (first) {
}; store.each(function(item) {
store.insert(0, dat); var dat = {
}); name: item.data.name,
first = false; date: item.data.date,
} time: item.data.time
var newPerformer = { };
name: popup.items.items[0].value, store.insert(0,dat);
date: popup.items.items[1].value, });
time: popup.items.items[2].value first = false;
}
var newPerformer = {
name: popup.items.items[0].value,
date: popup.items.items[1].value,
time: popup.items.items[2].value
};
store.insert(0, newPerformer);
popup.hide();
} }
store.insert(0, newPerformer); }
},
{
text: "Cancel",
handler: function() {
popup.hide(); popup.hide();
} }
} }
}, ]
{ }
text: 'Cancel', ).show();
handler: function () {
popup.hide();
}
}
]
}).show();
} }
}, },
{ {
text: 'Update', text: "Update",
handler: function () { handler: function() {
var perf = []; var perf = [];
store.each(function (rec) { store.each(function(rec) {
perf.push(rec.data); perf.push(rec.data);
}); });
...@@ -178,15 +273,15 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', { ...@@ -178,15 +273,15 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', {
animation: google.maps.Animation.DROP animation: google.maps.Animation.DROP
}; };
if ((marker.saved != undefined) && (marker.saved == false)) { if (marker.saved != undefined && marker.saved == false) {
newMarker.access = dbref.ref().child('data').push().key newMarker.access = dbref.ref().child("data").push().key;
} else { } else {
newMarker.access = marker.access; newMarker.access = marker.access;
} }
var updates = {}; var updates = {};
updates['/data/' + newMarker.access] = newMarker; updates["/data/" + newMarker.access] = newMarker;
dbref.ref().update(updates); dbref.ref().update(updates);
...@@ -194,23 +289,35 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', { ...@@ -194,23 +289,35 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', {
} }
}, },
{ {
text: 'Delete', text: "Delete",
handler: function () { handler: function() {
var i = markers.length; function deleteStuff(btn) {
var newMarkers = []; if (btn == "yes") {
while (i) { var i = markers.length;
i--; var newMarkers = [];
if (markers[i].access == marker.access) { while (i) {
markers[i].setMap(null); i--;
} else { if (markers[i].access == marker.access) {
newMarkers.push(markers[i]); markers[i].setMap(null);
} else {
newMarkers.push(markers[i]);
}
}
markers = newMarkers;
dbref.ref("/data/" + marker.access).remove();
win.close();
} }
} }
markers = newMarkers; Ext.Msg.show({
title: "Delete event",
dbref.ref('/data/' + marker.access).remove(); msg: "Are you sure?",
win.close(); fn: deleteStuff,
buttons: Ext.Msg.YESNO,
icon: Ext.Msg.WARNING
});
} }
} }
] ]
...@@ -218,10 +325,10 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', { ...@@ -218,10 +325,10 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', {
] ]
}).show(); }).show();
}, },
click: function (evt) { click: function(evt) {
var me = this, var me = this,
map = me.getView(), map = me.getView(),
key = dbref.ref().child('data').push().key, key = dbref.ref().child("data").push().key,
marker = { marker = {
access: key, access: key,
lat: evt.latLng.lat(), lat: evt.latLng.lat(),
...@@ -235,72 +342,87 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', { ...@@ -235,72 +342,87 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', {
markers.push(map.addMarker(marker)); markers.push(map.addMarker(marker));
}, },
mapready: function () { mapready: function() {
var me = this; var me = this;
var map = me.getView(); var map = me.getView();
google.maps.event.addListener(map.gmap, 'click', function (e) { google.maps.event.addListener(
map.fireEvent('click', e); map.gmap,
}); "click",
function(e) {
map.fireEvent("click", e);
}
);
} }
} }
} }
} }
}, },
showLogin: function () { showLogin: function() {
var me = this, var me = this,
map = me.getView(); map = me.getView();
var loginWindow = Ext.create('Ext.panel.Panel', { var loginWindow = Ext.create("Ext.panel.Panel", {
floating: true, floating: true,
centered: true, centered: true,
cls: 'evoksi-view-login', cls: "evoksi-view-login",
title: 'Login', title: "Login",
modal: true, modal: true,
width: 300, width: 300,
height: 400, height: 400,
draggable: false, draggable: false,
maximizable: false, maximizable: false,
items: [{ items: [
xtype: 'textfield', {
fieldLabel: 'Username' xtype: "textfield",
fieldLabel: "Username"
}, },
{ {
xtype: 'textfield', xtype: "textfield",
inputType: 'password', inputType: "password",
fieldLabel: 'Password' fieldLabel: "Password"
} }
], ],
buttons: [{ buttons: [
text: 'Login', {
formBind: true, text: "Login",
handler: function () { formBind: true,
var username = loginWindow.items.items[0].value; handler: function() {
var password = loginWindow.items.items[1].value; var username = loginWindow.items.items[0].value;
var password = loginWindow.items.items[1].value;
if (username == 'admin' && password == 'cpAdmin01') { if (username == "admin" && password == "cpAdmin01") {
Ext.Ajax.request({ Ext.Ajax.request({
url: dataURL, url: dataURL,
scope: this, scope: this,
success: function (data) { success: function(data) {
var info = Ext.decode(data.responseText); var info = Ext.decode(data.responseText);
if (info != null) { if (info != null) {
Ext.Object.each(info, function (obj, index) { Ext.Object.each(info, function(
markers.push(map.addMarker(index)); obj,
}); index
) {
markers.push(map.addMarker(index));
});
}
} }
} });
}); loginWindow.hide();
loginWindow.hide(); } else {
} else { Ext.Msg.show({
title: "Login failed",
msg: "Invalid username or password",
buttons: Ext.Msg.OK,
icon: Ext.Msg.ERROR
});
}
} }
} }
}] ]
}).show(); }).show();
}, },
logout: function () { logout: function() {
var i = markers.length; var i = markers.length;
while (i) { while (i) {
i--; i--;
...@@ -311,10 +433,10 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', { ...@@ -311,10 +433,10 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', {
this.showLogin(); this.showLogin();
}, },
init: function () { init: function() {
var me = this, var me = this,
map = me.getView(); map = me.getView();
this.showLogin(); this.showLogin();
} }
}); });
\ No newline at end of file
sass/example/bootstrap.json
This source diff could not be displayed because it is too large. You can view the blob instead.
sass/example/bootstrap.jsonp
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment