feat: complete visual redesign of all item sheets + compact chat roll messages
- Rewrote _item.sass with unified layout: type-bar + dark header + stats pills + tabs - All 11 item templates converted to new pill-based stats bar - Chat roll message font sizes and padding compacted - Physical item partial rewritten as stat pills (QTY/WEIGHT/COST/TL) - Legacy itemsheet-header and itemsheet-maincol hidden
This commit is contained in:
@@ -1,50 +1,52 @@
|
||||
<div class="{{cssClass}} itemsheet">
|
||||
<div class="itemsheet-header"><label class="upcase">{{ localize 'MGT2.Items.Career' }}</label></div>
|
||||
<div class="itemsheet-panel">
|
||||
<div class="itemsheet-maincol">
|
||||
<img class="profile-img" src="{{item.img}}" data-edit="img" data-tooltip="{{item.name}}" />
|
||||
<div class="field-group mt-1">
|
||||
<label class="upcase">{{ localize 'MGT2.Items.Terms' }}</label>
|
||||
<input type="number" name="system.terms" value="{{system.terms}}" data-dtype="Number" />
|
||||
</div>
|
||||
<div class="field-group mt-1">
|
||||
<label class="upcase">{{ localize 'MGT2.Items.Rank' }}</label>
|
||||
<input type="number" name="system.rank" value="{{system.rank}}" data-dtype="Number" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<input class="field field-item-name" name="name" type="text" value="{{item.name}}" data-dtype="String" />
|
||||
<div class="field-group mt-1">
|
||||
<label class="upcase">{{ localize 'MGT2.Items.Assignment' }}</label>
|
||||
<input type="text" name="system.assignment" value="{{system.assignment}}" data-dtype="String" />
|
||||
</div>
|
||||
<nav class="horizontal-tabs tabs mt-1" data-group="primary">
|
||||
<a class="item tab-select" data-tab="tab1">{{ localize 'MGT2.Items.Description' }}</a>
|
||||
<a class="item tab-select" data-tab="events">{{ localize 'MGT2.Items.EventsMishaps' }}</a>
|
||||
</nav>
|
||||
<div class="tab" data-group="primary" data-tab="tab1">
|
||||
<textarea name="system.description" rows="6">{{system.description}}</textarea>
|
||||
</div>
|
||||
<div class="tab" data-group="primary" data-tab="events">
|
||||
<div class="table-container color-2 mt-1">
|
||||
<div class="table-row heading color-2">
|
||||
<div class="row-item row-item-left upcase">{{ localize 'MGT2.Items.Age' }}</div>
|
||||
<div class="row-item row-item-left upcase">{{ localize 'MGT2.Items.Details' }}</div>
|
||||
<div class="row-item item-controls"><a class="event-create"><i class="fas fa-plus"></i></a></div>
|
||||
</div>
|
||||
{{#each system.events as |event i| }}
|
||||
<div class="table-row dropitem events-part" data-events-part="{{i}}" role="rowgroup">
|
||||
<div class="row-item row-item-left"><input type="number" name="system.events.{{i}}.age" value="{{event.age}}" data-dtype="Number" /></div>
|
||||
<div class="row-item row-item-left">
|
||||
<textarea name="system.events.{{i}}.description" rows="3">{{event.description}}</textarea>
|
||||
</div>
|
||||
<div class="row-item item-controls">
|
||||
<a class="item-control event-delete" title="Delete Event"><i class="fas fa-trash"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-type-bar">
|
||||
<span class="item-type-label"><i class="fas fa-briefcase"></i> {{ localize 'MGT2.Items.Career' }}</span>
|
||||
</div>
|
||||
<div class="item-sheet-header">
|
||||
<img class="item-header-img" src="{{item.img}}" data-edit="img" data-tooltip="{{item.name}}" />
|
||||
<input class="item-header-name" name="name" type="text" value="{{item.name}}" data-dtype="String" />
|
||||
</div>
|
||||
<div class="item-stats-bar">
|
||||
<div class="item-stat-pill">
|
||||
<span class="stat-label">{{ localize 'MGT2.Items.Terms' }}</span>
|
||||
<input type="number" name="system.terms" value="{{system.terms}}" data-dtype="Number" />
|
||||
</div>
|
||||
<div class="item-stat-pill">
|
||||
<span class="stat-label">{{ localize 'MGT2.Items.Rank' }}</span>
|
||||
<input type="number" name="system.rank" value="{{system.rank}}" data-dtype="Number" />
|
||||
</div>
|
||||
<div class="item-stat-pill">
|
||||
<span class="stat-label">{{ localize 'MGT2.Items.Assignment' }}</span>
|
||||
<input type="text" name="system.assignment" value="{{system.assignment}}" data-dtype="String" />
|
||||
</div>
|
||||
</div>
|
||||
<nav class="horizontal-tabs tabs" data-group="primary">
|
||||
<a class="item tab-select" data-tab="tab1">{{ localize 'MGT2.Items.Description' }}</a>
|
||||
<a class="item tab-select" data-tab="events">{{ localize 'MGT2.Items.EventsMishaps' }}</a>
|
||||
</nav>
|
||||
<div class="tab-content-area">
|
||||
<div class="tab" data-group="primary" data-tab="tab1">
|
||||
<textarea name="system.description" rows="6">{{system.description}}</textarea>
|
||||
</div>
|
||||
<div class="tab" data-group="primary" data-tab="events">
|
||||
<div class="table-container">
|
||||
<div class="table-row heading">
|
||||
<div class="row-item row-item-left">{{ localize 'MGT2.Items.Age' }}</div>
|
||||
<div class="row-item row-item-left">{{ localize 'MGT2.Items.Details' }}</div>
|
||||
<div class="row-item row-item-right item-controls"><a class="event-create"><i class="fas fa-plus"></i></a></div>
|
||||
</div>
|
||||
{{#each system.events as |event i| }}
|
||||
<div class="table-row dropitem events-part" data-events-part="{{i}}" role="rowgroup">
|
||||
<div class="row-item row-item-left"><input type="number" name="system.events.{{i}}.age" value="{{event.age}}" data-dtype="Number" /></div>
|
||||
<div class="row-item row-item-left">
|
||||
<textarea name="system.events.{{i}}.description" rows="2">{{event.description}}</textarea>
|
||||
</div>
|
||||
<div class="row-item row-item-right item-controls">
|
||||
<a class="item-control event-delete" title="Delete Event"><i class="fas fa-trash"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user