refactor: resturcture files so that lincensing info can be bundled properly

templates/sheets/shared/components/add-button.hbs

@@ -0,0 +1,20 @@
+{{!--
+SPDX-FileCopyrightText: 2021 Johannes Loher
+SPDX-FileCopyrightText: 2021 Gesina Schwalbe
+
+SPDX-License-Identifier: MIT
+--}}
+
+{{!
+!-- Render an "add" button.
+!-- @param documentType: The type of document this button controls, item or effect
+!-- @param title: The title to use for the link element (will be localized)
+!-- @param type: An optional property to use as data-type attribute
+}}
+<div>
+    <a class="control-{{documentType}}" title="{{localize title}}" data-action="create" {{#if type}}data-type="{{type}}"
+        {{/if}}>
+        <i class="fas fa-plus"></i>
+        {{localize "DS4.UserInteractionAdd"}}
+    </a>
+</div>

templates/sheets/shared/components/control-button-group.hbs

@@ -0,0 +1,20 @@
+{{!--
+SPDX-FileCopyrightText: 2021 Johannes Loher
+SPDX-FileCopyrightText: 2021 Gesina Schwalbe
+
+SPDX-License-Identifier: MIT
+--}}
+
+{{!--
+!-- Render a group of an "edit" and a "delete" button.
+!-- The current item is defined by the a corresponding id attribute of the parent li element.
+!-- @param documentType: The type of document that is controlled by this button group, item or effect
+!-- @param editTitle: The title to use for the edit link element (will be localized)
+!-- @param deleteTitle: The title to use for the delete link element (will be localized)
+--}}
+<div class="ds4-control-button-group">
+    <a class="ds4-control-button-group__button control-{{documentType}}" data-action="edit"
+        title="{{localize editTitle}}"><i class="fas fa-edit"></i></a>
+    <a class="ds4-control-button-group__button control-{{documentType}}" data-action="delete"
+        title="{{localize deleteTitle}}"><i class="fas fa-trash"></i></a>
+</div>

templates/sheets/shared/components/rollable-image.hbs

@@ -0,0 +1,25 @@
+{{!--
+SPDX-FileCopyrightText: 2021 Johannes Loher
+
+SPDX-License-Identifier: MIT
+--}}
+
+{{!--
+!-- Render an image that has a dice overlay image.
+!-- @param rollable: A flag indicating whether or not the image is actually rollable.
+!-- @param rollableClass: The CSS class(es) to add if the image is rollable.
+!-- @param title: The title for the rollable image if it is not actually rollable.
+!-- @param rollableTitle: The title for the rollable image if it is rollable.
+!-- @param src: The path to the image.
+!-- @param alt: An alternate text for the image.
+--}}
+<div class="ds4-rollable-image{{#if rollable}} ds4-rollable-image--rollable {{rollableClass}}{{/if}}"
+    title="{{#if rollable}}{{rollableTitle}}{{else}}{{title}}{{/if}}">
+    {{#if src}}
+    <img class="ds4-rollable-image__image" alt="{{alt}}" src="{{src}}" />
+    {{/if}}
+    {{#if rollable}}
+    <img class="ds4-rollable-image__overlay" alt="{{localize 'DS4.DiceOverlayImageAltText'}}"
+        src="icons/svg/d20-black.svg" />
+    {{/if}}
+</div>