jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implemented Hero-dialog editing of features

Browse Source
This commit is contained in:
Thaum
2015-01-30 10:14:46 +00:00
parent 848902c358
commit 37e8831e0c
14 changed files with 242 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
rpg-docs/client/globalHelpers/GlobalUI.js
View File

@@ -9,7 +9,7 @@ this.GlobalUI = (function() {
toast.text = text;
return toast.show();
};
GlobalUI.setDialog = function(opts){
this.dialog = $("[global-dialog]")[0];
Session.set("global.ui.dialogHeader", opts.heading);
@@ -30,6 +30,33 @@ this.GlobalUI = (function() {
};
})(this));
};
//To show a detail, first animate the click, with raising z-depth
//then call this function with a template and data
//the element should have a hero-id of detail-main
GlobalUI.showDetail = function(opts) {
Session.set("global.ui.detailData", opts.data);
Session.set("global.ui.detailTemplate", opts.template);
GlobalUI.detailHero = opts.hero;
Session.set("global.ui.detailShow", true);
};
//if setting the detail rather than showing it,
//the template should contain the following in template.rendered
//
//if (!this.alreadyRendered){
// Session.set("global.ui.detailShow", true);
// this.alreadyRendered = true;
//}
GlobalUI.setDetail = function(opts) {
Session.set("global.ui.detailData", opts.data);
Session.set("global.ui.detailTemplate", opts.template);
GlobalUI.detailHero = opts.hero;
};
GlobalUI.closeDetail = function(){
Session.set("global.ui.detailShow", false);
};
GlobalUI.closeDialog = function() {
return this.dialog.close();
@@ -51,6 +78,15 @@ Template.layout.helpers({
},
globalDialogHeader: function(){
return Session.get("global.ui.dialogHeader");
},
globalDetailSelected: function(){
return Session.get("global.ui.detailShow") ? 1 : 0;
},
globalDetailTemplate: function(){
return Session.get("global.ui.detailTemplate");
},
globalDetailData: function(){
return Session.get("global.ui.detailData");
}
});
@@ -60,4 +96,37 @@ Template.layout.events({
Session.set("global.ui.dialogData", null);
return Session.set("global.ui.dialogFullOnMobile", null);
},
"core-animated-pages-transition-end [detail-pages]": function(e) {
var detailOpened = Session.get("global.ui.detailShow");
if(detailOpened){
//HACK by putting core-selected back on the main content section
//we stop it being hidden while the detail section is shown
$("#mainContentSection").addClass("core-selected");
//but we still want to track whether it is or isn't actually selected
//so we can hide hero elements, since they are technically now shown as detail
$("#mainContentSection").addClass("fake-selected");
} else {
Session.set("global.ui.detailData", null);
Session.set("global.ui.detailTemplate", null);
//remove the hero attribute
var heroElem = GlobalUI.detailHero;
heroElem && heroElem.attr("hero", null);
heroElem && heroElem.find("[hero-id]").attr("hero", null);
GlobalUI.detailHero = null;
}
},
"core-animated-pages-transition-prepare": function(e) {
var detailOpened = Session.get("global.ui.detailShow");
if(detailOpened) {
//add the hero attribute where needed
var heroElem = GlobalUI.detailHero;
heroElem && heroElem.attr("hero", "");
heroElem && heroElem.find("[hero-id]").attr("hero", "");
} else {
$("#mainContentSection").removeClass("fake-selected");
}
},
"tap #screenDim": function(e){
GlobalUI.closeDetail();
}
});