dmitry_k
/
compendium-browser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Visual improvements

2.0
Matheus Clemente 2023-11-08 00:22:06 -03:00
parent 10b76040a1
commit 9c095f3091
6 changed files with 129 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
compendium-browser.css
View File

@ -151,6 +151,9 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
.compendium-browser .browser ul li .spell-tags span.negative {
color: #bbb;
}
.compendium-browser .browser .spacer { .compendium-browser .browser .spacer {
display: inline-block; display: inline-block;
min-width: 5px; min-width: 5px;

47
template/feat-browser-list.html
View File

@ -1,28 +1,25 @@
{{#each listItems as |feat id|}} {{#each listItems as |feat id|}}
<li <li class="feat flexrow draggable" data-entry-compendium="{{feat.compendium}}" data-entry-id="{{id}}">
class="feat flexrow draggable" <div class="item-image">
data-entry-compendium="{{feat.compendium}}" <img
data-entry-id="{{id}}" class=""
> data-src="{{feat.img}}"
<div class="item-image"> data-tooltip="{{feat.name}}"
<img data-tooltip-direction="UP"
class="" width="32"
data-src="{{feat.img}}" height="32"
title="{{feat.name}}" />
width="32" </div>
height="32" <div class="item-name">
/> <span class="item-edit"
</div> ><a data-tooltip="({{feat.compendium}})" data-tooltip-direction="UP">{{feat.name}}</a></span
<div class="item-name"> >
<span class="item-edit" </div>
><a title="({{feat.compendium}})">{{feat.name}}</a></span <div class="feat-tags">
> <span data-tooltip="Class Requirement" data-tooltip-direction="UP">{{feat.classRequirementString}}</span>
</div> </div>
<div class="feat-tags"> <div class="filter-tags">
<span title="Class Requirement">{{feat.classRequirementString}}</span> <input type="hidden" name="class" value="{{feat.classRequirementString}}" />
</div> </div>
<div class="filter-tags">
<input type="hidden" name="class" value="{{feat.classRequirementString}}" />
</div>
</li> </li>
{{/each}} {{/each}}

47
template/item-browser-list.html
View File

@ -1,28 +1,25 @@
{{#each listItems as |item id|}} {{#each listItems as |item id|}}
<li <li class="item flexrow draggable" data-entry-compendium="{{item.compendium}}" data-entry-id="{{id}}">
class="item flexrow draggable" <div class="item-image">
data-entry-compendium="{{item.compendium}}" <img
data-entry-id="{{id}}" class=""
> data-src="{{item.img}}"
<div class="item-image"> data-tooltip="{{item.name}}"
<img data-tooltip-direction="UP"
class="" width="32"
data-src="{{item.img}}" height="32"
title="{{item.name}}" />
width="32" </div>
height="32" <div class="item-name">
/> <span class="item-edit"
</div> ><a data-tooltip="({{item.compendium}})" data-tooltip-direction="UP">{{item.name}}</a></span
<div class="item-name"> >
<span class="item-edit" </div>
><a title="({{item.compendium}})">{{item.name}}</a></span <div class="item-tags">
> <span data-tooltip="Item Type" data-tooltip-direction="UP">{{item.type}}</span>
</div> </div>
<div class="item-tags"> <div class="filter-tags">
<span title="Item Type">{{item.type}}</span> <input type="hidden" name="type" value="{{item.type}}" />
</div> </div>
<div class="filter-tags">
<input type="hidden" name="type" value="{{item.type}}" />
</div>
</li> </li>
{{/each}} {{/each}}

18
template/loading.html
View File

@ -1,13 +1,13 @@
<img <img
class="" class=""
src="icons/sundries/books/book-open-turquoise.webp" src="icons/sundries/books/book-open-turquoise.webp"
title="Loading book" data-tooltip="Loading book"
width="32" data-tooltip-direction="UP"
height="32" width="32"
height="32"
/> />
<span class="item-edit"> <span class="item-edit">
{{#if doneLoading}} {{localize "CMPBrowser.LOADED.Message" numLoaded=numLoaded {{#if doneLoading}} {{localize "CMPBrowser.LOADED.Message" numLoaded=numLoaded itemType=itemType}} {{else}}
itemType=itemType}} {{else}} {{localize "CMPBrowser.LOADING.Message" {{localize "CMPBrowser.LOADING.Message" numLoaded=numLoaded itemType=itemType}} {{/if}} {{#if maxLoaded}}{{localize
numLoaded=numLoaded itemType=itemType}} {{/if}} {{#if maxLoaded}}{{localize "CMPBrowser.LOADED.MaxLoaded"}}{{/if}}
"CMPBrowser.LOADED.MaxLoaded"}}{{/if}}
</span> </span>

57
template/npc-browser-list.html
View File

@ -1,33 +1,30 @@
{{#each listItems as |npc id|}} {{#each listItems as |npc id|}}
<li <li class="npc flexrow draggable" data-entry-compendium="{{npc.compendium}}" data-entry-id="{{id}}">
class="npc flexrow draggable" <div class="npc-image">
data-entry-compendium="{{npc.compendium}}" <img
data-entry-id="{{id}}" class=""
> data-src="{{npc.img}}"
<div class="npc-image"> data-tooltip="{{npc.name}}"
<img data-tooltip-direction="UP"
class="" width="32"
data-src="{{npc.img}}" height="32"
title="{{npc.name}}" />
width="32" </div>
height="32" <div class="npc-line">
/> <div class="npc-name">
</div> <span class="item-edit"
<div class="npc-line"> ><a data-tooltip="({{npc.compendium}})" data-tooltip-direction="UP">{{npc.name}}</a></span
<div class="npc-name"> >
<span class="item-edit" </div>
><a title="({{npc.compendium}})">{{npc.name}}</a></span <div class="npc-tags">
> <span class="cr" data-tooltip="Challange Rating" data-tooltip-direction="UP">CR {{npc.displayCR}}</span>
</div> <span class="size">{{npc.displaySize}}</span>
<div class="npc-tags"> <span class="type">{{npc.displayType}}</span>
<span class="cr" title="Challange Rating">CR {{npc.displayCR}}</span> </div>
<span class="size">{{npc.displaySize}}</span> <div class="filter-tags">
<span class="type">{{npc.displayType}}</span> <input type="hidden" name="order.cr" value="{{npc.orderCR}}" />
</div> <input type="hidden" name="order.size" value="{{npc.orderSize}}" />
<div class="filter-tags"> </div>
<input type="hidden" name="order.cr" value="{{npc.orderCR}}" /> </div>
<input type="hidden" name="order.size" value="{{npc.orderSize}}" />
</div>
</div>
</li> </li>
{{/each}} {{/each}}

67
template/spell-browser-list.html
View File

@ -1,25 +1,50 @@
{{#each listItems as |spell id|}} {{#each listItems as |spell id|}}
<li class="spell flexrow draggable" data-entry-compendium="{{spell.compendium}}" data-entry-id="{{id}}"> <li class="spell flexrow draggable" data-entry-compendium="{{spell.compendium}}" data-entry-id="{{id}}">
<div class="item-image"> <div class="item-image">
<img class="" data-src="{{spell.img}}" title="{{spell.name}}" width="32" height="32"/> <img
</div> class=""
<div class="item-name"> data-src="{{spell.img}}"
<span class="item-edit" ><a title="({{spell.compendium}})">{{spell.name}}</a></span> data-tooltip="{{spell.name}}"
</div> data-tooltip-direction="UP"
<div class="spell-tags"> width="32"
<span title="Spell level">{{#if spell.data.level}}{{spell.data.level}}{{else}}C{{/if}}</span> height="32"
<div class="spacer-large"></div> />
<span {{#unless spell.data.components.ritual}}style="color:#bbb;" title="{{localize "No"}} {{localize "DND5E.Ritual"}}"{{else}} title="{{localize "DND5E.Ritual"}}"{{/unless}}>R</span> </div>
<span {{#unless spell.data.components.concentration}}style="color:#bbb;" title="{{localize "No"}} {{localize "DND5E.Concentration"}}"{{else}} title="{{localize "DND5E.Concentration"}}"{{/unless}}>C</span> <div class="item-name">
<div class="spacer"></div> <span class="item-edit"><a data-tooltip="({{spell.compendium}})">{{spell.name}}</a></span>
<span {{#unless spell.data.components.vocal}}style="color:#bbb;" title="{{localize "No"}} {{localize "DND5E.ComponentVerbal"}}"{{else}} title="{{localize "DND5E.ComponentVerbal"}}"{{/unless}}>V</span> </div>
<span {{#unless spell.data.components.somatic}}style="color:#bbb;" title="{{localize "No"}} {{localize "DND5E.ComponentSomatic"}}"{{else}} title="{{localize "DND5E.ComponentSomatic"}}"{{/unless}}>S</span> <div class="spell-tags">
<span {{#unless spell.data.components.material}}style="color:#bbb;" title="no{{localize "No"}} {{localize "DND5E.ComponentMaterial"}}"{{else}} title="{{localize "DND5E.ComponentMaterial"}}"{{/unless}}>M</span> <span data-tooltip="Spell level">{{#if spell.data.level}}{{spell.data.level}}{{else}}C{{/if}}</span>
</div> <div class="spacer-large"></div>
<div class="filter-tags"> <span
<input type="hidden" name="level" value="{{spell.data.level}}"> class="{{#unless spell.data.components.ritual}}negative{{/unless}}"
</div> data-tooltip="{{localize 'DND5E.Ritual'}}"
>R</span
>
<span
class="{{#unless spell.data.components.concentration}}negative{{/unless}}"
data-tooltip="{{localize 'DND5E.Concentration'}}"
>C</span
>
<div class="spacer"></div>
<span
class="{{#unless spell.data.components.vocal}}negative{{/unless}}"
data-tooltip="{{localize 'DND5E.ComponentVerbal'}}"
>V</span
>
<span
class="{{#unless spell.data.components.somatic}}negative{{/unless}}"
data-tooltip="{{localize 'DND5E.ComponentSomatic'}}"
>S</span
>
<span
class="{{#unless spell.data.components.material}}negative{{/unless}}"
data-tooltip="{{localize 'DND5E.ComponentMaterial'}}"
>M</span
>
</div>
<div class="filter-tags">
<input type="hidden" name="level" value="{{spell.data.level}}" />
</div>
</li> </li>
{{/each}} {{/each}}