Moved views out of private folder
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
html /deep/ .moveItemDialog paper-tabs::shadow #selectionBar {
|
||||
background-color: #D50000;
|
||||
}
|
||||
|
||||
html /deep/ .moveItemDialog paper-tab::shadow #ink {
|
||||
color: #D50000;
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
<template name="moveItemDialog">
|
||||
<div class="moveItemDialog">
|
||||
<paper-tabs selected="{{selectedTab}}">
|
||||
<paper-tab name="containers"
|
||||
class="clickable">
|
||||
Containers
|
||||
</paper-tab>
|
||||
<paper-tab name="characters"
|
||||
class="clickable">
|
||||
Characters
|
||||
</paper-tab>
|
||||
</paper-tabs>
|
||||
<core-animated-pages selected="{{selectedTab}}"
|
||||
transitions="slide-from-right"
|
||||
style="width: 250px;
|
||||
height: 200px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;">
|
||||
<section name="containers">
|
||||
<core-menu id="containerMenu" style="margin: 0;">
|
||||
{{#each containers}}
|
||||
<paper-item name={{_id}}
|
||||
layout horizontal center>
|
||||
<iron-icon icon="image:brightness-1"
|
||||
style="color: {{hexColor color}};
|
||||
margin-right: 16px;">
|
||||
</iron-icon>
|
||||
<div>{{name}}</div>
|
||||
</paper-item>
|
||||
{{/each}}
|
||||
</core-menu>
|
||||
</section>
|
||||
<section name="characters">
|
||||
<core-menu id="characterMenu" style="margin: 0;">
|
||||
{{#each characters}}
|
||||
<paper-item name={{_id}}
|
||||
layout horizontal center>
|
||||
<div class="item small">
|
||||
{{name}}
|
||||
</div>
|
||||
</paper-item>
|
||||
{{/each}}
|
||||
</core-menu>
|
||||
</section>
|
||||
</core-animated-pages>
|
||||
</div>
|
||||
<paper-button id="cancelButton" affirmative> Cancel </paper-button>
|
||||
<paper-button id="moveButton" affirmative> Move </paper-button>
|
||||
</template>
|
||||
@@ -0,0 +1,56 @@
|
||||
Template.moveItemDialog.onCreated(function() {
|
||||
Session.setDefault("moveItemDialogTab", "containers");
|
||||
});
|
||||
|
||||
Template.moveItemDialog.helpers({
|
||||
selectedTab: function() {
|
||||
return Session.get("moveItemDialogTab");
|
||||
},
|
||||
characters: function() {
|
||||
var userId = Meteor.userId();
|
||||
return Characters.find(
|
||||
{
|
||||
$or: [
|
||||
{readers: userId},
|
||||
{writers: userId},
|
||||
{owner: userId},
|
||||
],
|
||||
_id: {$ne: this.charId},
|
||||
},
|
||||
{fields: {name: 1}}
|
||||
);
|
||||
},
|
||||
containers: function(){
|
||||
return Containers.find(
|
||||
{
|
||||
charId: this.charId,
|
||||
_id: {$ne: this.containerId},
|
||||
},
|
||||
{
|
||||
fields: {color: 1, name: 1},
|
||||
sort: {color: 1, name: 1},
|
||||
}
|
||||
);
|
||||
},
|
||||
});
|
||||
|
||||
Template.moveItemDialog.events({
|
||||
"tap paper-tab": function(event) {
|
||||
Session.set("moveItemDialogTab", event.currentTarget.getAttribute("name"));
|
||||
},
|
||||
"tap #moveButton": function(event, instance) {
|
||||
var tab = Session.get("moveItemDialogTab");
|
||||
if (tab === "containers"){
|
||||
var containerId = instance.find("#containerMenu").selected;
|
||||
if (!containerId) throw "no menu selection";
|
||||
Meteor.call("moveItemToContainer", this.itemId, containerId);
|
||||
} else if (tab === "characters"){
|
||||
var characterId = instance.find("#characterMenu").selected;
|
||||
if (!characterId) throw "no menu selection";
|
||||
Meteor.call("moveItemToCharacter", this.itemId, characterId);
|
||||
} else {
|
||||
throw "Move item dialog tab is not set to containers or character," +
|
||||
" it is set to " + tab;
|
||||
}
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user