Initial
This commit is contained in:
106
resources/app/templates/adventure/exporter.html
Normal file
106
resources/app/templates/adventure/exporter.html
Normal file
@@ -0,0 +1,106 @@
|
||||
{{#*inline "contentTreeNode"}}
|
||||
<div class="node">
|
||||
<h4 class="folder {{node.state}}" data-document-id="{{node.id}}">
|
||||
<i class="fa-solid fa-folder-open"></i> {{node.name}}
|
||||
<a class="control" data-action="remove"><i class="fa-solid fa-xmark"></i></a>
|
||||
</h4>
|
||||
{{#each node.children as |child|}}
|
||||
{{> contentTreeNode node=child}}
|
||||
{{/each}}
|
||||
<ol class="document-list">
|
||||
{{#each node.documents as |document|}}
|
||||
<h4 class="document {{document.state}}" data-tooltip="{{localize document.stateLabel}}" data-document-id="{{document.id}}">
|
||||
{{document.name}}
|
||||
<a class="control" data-action="remove"><i class="fa-solid fa-xmark"></i></a>
|
||||
</h4>
|
||||
{{/each}}
|
||||
</ol>
|
||||
</div>
|
||||
{{/inline}}
|
||||
|
||||
<form autocomplete="off">
|
||||
<nav class="tabs sheet-tabs" data-group="primary" aria-role="{{localize 'SHEETS.FormNavLabel'}}">
|
||||
<a class="item" data-tab="summary" data-group="primary">
|
||||
<i class="fa-solid fa-feather-pointed"></i> {{localize "ADVENTURE.ExportTabSummary"}}
|
||||
</a>
|
||||
<a class="item" data-tab="contents" data-group="primary">
|
||||
<i class="fa-solid fa-folder-tree"></i> {{localize "ADVENTURE.ExportTabContents"}}
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
<section class="tab" data-group="primary" data-tab="summary">
|
||||
<div class="form-group">
|
||||
<label>{{localize "ADVENTURE.Name"}}</label>
|
||||
<div class="form-fields">
|
||||
<input type="text" name="name" value="{{adventure.name}}"/>
|
||||
</div>
|
||||
<p class="hint">{{ localize "ADVENTURE.NameHint" }}</p>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>{{ localize "ADVENTURE.Image" }}:</label>
|
||||
<div class="form-fields">
|
||||
<file-picker name="img" type="image" value="{{adventure.img}}"></file-picker>
|
||||
</div>
|
||||
<p class="hint">{{ localize "ADVENTURE.ImageHint" }}</p>
|
||||
</div>
|
||||
|
||||
<div class="form-group stacked">
|
||||
<label>{{localize "ADVENTURE.Caption"}}</label>
|
||||
<div class="form-fields">
|
||||
<textarea name="caption">{{adventure.caption}}</textarea>
|
||||
</div>
|
||||
<p class="hint">{{ localize "ADVENTURE.CaptionHint" }}</p>
|
||||
</div>
|
||||
|
||||
<div class="form-group stacked">
|
||||
<label>{{localize "ADVENTURE.Description"}}</label>
|
||||
{{editor adventure.description target="description" button=false engine="prosemirror" collaborate=false}}
|
||||
<p class="hint">{{ localize "ADVENTURE.DescriptionHint" }}</p>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>{{localize "FOLDER.DocumentSort"}}</label>
|
||||
<div class="form-fields">
|
||||
{{numberInput adventure.sort name="sort" step=1}}
|
||||
</div>
|
||||
<p class="hint">{{ localize "FOLDER.DocumentSortHint" }}</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="tab contents" data-group="primary" data-tab="contents">
|
||||
{{#each contentTree as |root|}}
|
||||
<div class="document-type {{root.cssClass}}" data-document-type="{{root.documentName}}">
|
||||
<h3 class="noborder">
|
||||
<a class="control collapse" data-action="collapse"><i class="{{root.collapseIcon}}"></i></a>
|
||||
<i class="{{root.icon}}"></i> {{root.name}} ({{root.documentCount}})
|
||||
<a class="control clear" data-action="clear"><i class="fa-solid fa-trash"></i></a>
|
||||
</h3>
|
||||
<div class="included-content">
|
||||
{{#each root.children}}
|
||||
{{> contentTreeNode node=this}}
|
||||
{{/each}}
|
||||
<ol class="document-list">
|
||||
{{#each root.documents as |document|}}
|
||||
<h4 class="document {{document.state}}" data-tooltip="{{localize document.stateLabel}}" data-document-id="{{document.id}}">
|
||||
{{document.name}}
|
||||
<a class="control" data-action="remove"><i class="fa-solid fa-xmark"></i></a>
|
||||
</h4>
|
||||
{{/each}}
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="drop-zone">
|
||||
<label>{{localize "ADVENTURE.ExportDropZone"}}</label>
|
||||
</div>
|
||||
{{/each}}
|
||||
</section>
|
||||
|
||||
<footer class="adventure-footer">
|
||||
<button type="submit">
|
||||
<i class="fas fa-upload"></i>
|
||||
{{localize "ADVENTURE.ExportSubmit"}}
|
||||
</button>
|
||||
</footer>
|
||||
</form>
|
||||
53
resources/app/templates/adventure/importer.html
Normal file
53
resources/app/templates/adventure/importer.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<form class="flexrow" autocomplete="off" data-pack="{{adventure.pack}}" data-adventure-id="{{adventure.id}}">
|
||||
<header class="adventure-header">
|
||||
<h1>{{adventure.name}}</h1>
|
||||
</header>
|
||||
|
||||
<figure class="adventure-banner">
|
||||
<img src="{{adventure.img}}" title="{{adventure.name}}" height="300"/>
|
||||
<figcaption>{{{adventure.caption}}}</figcaption>
|
||||
</figure>
|
||||
|
||||
<section class="adventure-overview">
|
||||
<h2>{{localize "ADVENTURE.ImportHeaderOverview"}}</h2>
|
||||
{{{adventure.description}}}
|
||||
</section>
|
||||
|
||||
<section class="adventure-contents">
|
||||
<section class="import-controls">
|
||||
<h2>{{localize "ADVENTURE.ImportHeaderContents"}}</h2>
|
||||
{{#if imported}}
|
||||
<div class="form-group">
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" name="importFields" value="all" title="{{ localize "ADVENTURE.ImportAll" }}"
|
||||
checked>
|
||||
{{ localize "ADVENTURE.ImportAll" }}
|
||||
</label>
|
||||
</div>
|
||||
{{#each contents}}
|
||||
<div class="form-group">
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" name="importFields" value="{{ field }}" checked disabled
|
||||
data-tooltip="{{ localize "ADVENTURE.ImportContent" label=label }}">
|
||||
<i class="{{ icon }} fa-fw"></i>
|
||||
{{ count }} {{ label }}
|
||||
</label>
|
||||
</div>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<ul>
|
||||
{{#each contents}}
|
||||
<li><i class="{{this.icon}} fa-fw"></i> {{this.count}} {{this.label}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<footer class="adventure-footer">
|
||||
<button type="submit">
|
||||
<i class="fas fa-download"></i>
|
||||
{{localize "ADVENTURE.ImportSubmit"}}
|
||||
</button>
|
||||
</footer>
|
||||
</form>
|
||||
Reference in New Issue
Block a user