Commit c5ef2add by Dirk Benkert

fixed #210

added categories for boxes in toolbox to prepare further development #179
parent 0a5f0706
......@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="resources/css/app.css?t=1548758475414">
<link rel="stylesheet" href="resources/css/app.css?t=1550578667200">
<link rel="apple-touch-icon" sizes="180x180" href="/projects/shadowrun/charactersheet/dist/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-16x16.png">
......@@ -15,7 +15,7 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/projects/shadowrun/charactersheet/dist/resources/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript" src="resources/js/library/require.js?t=1548758475414" data-main="resources/js/app-min.js"></script>
<script type="text/javascript" src="resources/js/library/require.js?t=1550578667200" data-main="resources/js/app-min.js"></script>
<link rel="canonical" href="https://www.shadowrun5.net/docs-en.html">
</head>
<body class="o-bodyspacing" data-language="en">
......
......@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="resources/css/app.css?t=1548758475423">
<link rel="stylesheet" href="resources/css/app.css?t=1550578667211">
<link rel="apple-touch-icon" sizes="180x180" href="/projects/shadowrun/charactersheet/dist/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-16x16.png">
......@@ -15,7 +15,7 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/projects/shadowrun/charactersheet/dist/resources/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript" src="resources/js/library/require.js?t=1548758475423" data-main="resources/js/app-min.js"></script>
<script type="text/javascript" src="resources/js/library/require.js?t=1550578667211" data-main="resources/js/app-min.js"></script>
<link rel="canonical" href="https://www.shadowrun5.net/docs-fr.html">
</head>
<body class="o-bodyspacing" data-language="fr">
......
......@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="resources/css/app.css?t=1548758475426">
<link rel="stylesheet" href="resources/css/app.css?t=1550578667212">
<link rel="apple-touch-icon" sizes="180x180" href="/projects/shadowrun/charactersheet/dist/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-16x16.png">
......@@ -15,7 +15,7 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/projects/shadowrun/charactersheet/dist/resources/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript" src="resources/js/library/require.js?t=1548758475426" data-main="resources/js/app-min.js"></script>
<script type="text/javascript" src="resources/js/library/require.js?t=1550578667212" data-main="resources/js/app-min.js"></script>
<link rel="canonical" href="https://www.shadowrun5.net/docs.html">
</head>
<body class="o-bodyspacing" data-language="de">
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="resources/css/app.css?t=1548758475597">
<link rel="stylesheet" href="resources/css/app.css?t=1550578667356">
<link rel="apple-touch-icon" sizes="180x180" href="/projects/shadowrun/charactersheet/dist/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-16x16.png">
......@@ -15,7 +15,7 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/projects/shadowrun/charactersheet/dist/resources/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript" src="resources/js/library/require.js?t=1548758475597" data-main="resources/js/app-min.js"></script>
<script type="text/javascript" src="resources/js/library/require.js?t=1550578667356" data-main="resources/js/app-min.js"></script>
<link rel="canonical" href="https://www.shadowrun5.net/roadmap-en.html">
</head>
<body class="o-bodyspacing" data-language="en">
......@@ -78,7 +78,7 @@
<div class="c-textpage__content">
<h1>Roadmap</h1>
<div class="progress">
<div class="progress-bar progress-bar-warning progress-bar-striped active" style="width: 50%;">50% Version 2.0 in progress</div>
<div class="progress-bar progress-bar-warning progress-bar-striped active" style="width: 50%">50% Version 2.0 in progress</div>
</div><h2 id="highlight-feature-version-2-0-autocomplete">Highlight Feature Version 2.0 - Autocomplete</h2>
<p>Version 2.0 provides a REST Backend for the charactersheet generator. This brings an autocomplete feature which can automatically fill rows or complete boxes. For example if you start typing in the &quot;Name&quot; field of the &quot;Vehicle&quot; box a context sensitive search runs in the background suggesting available vehicles. If you select one of the suggestions all fields of the box are automatically filled with the appropriate values of the selected vehicle. Same applies if you enter a &quot;Weapon&quot; in the &quot;Ranges Weapons&quot; box, only that there the fields of the row are automatically filled.</p>
<p><img src="resources/img/mock-autocomplete.png" alt="autocomplete mockup" title="Mockup Autocomplete Funktion"></p>
......
......@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="resources/css/app.css?t=1548758475645">
<link rel="stylesheet" href="resources/css/app.css?t=1550578667358">
<link rel="apple-touch-icon" sizes="180x180" href="/projects/shadowrun/charactersheet/dist/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-16x16.png">
......@@ -15,7 +15,7 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/projects/shadowrun/charactersheet/dist/resources/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript" src="resources/js/library/require.js?t=1548758475645" data-main="resources/js/app-min.js"></script>
<script type="text/javascript" src="resources/js/library/require.js?t=1550578667358" data-main="resources/js/app-min.js"></script>
<link rel="canonical" href="https://www.shadowrun5.net/roadmap-fr.html">
</head>
<body class="o-bodyspacing" data-language="fr">
......@@ -78,7 +78,7 @@
<div class="c-textpage__content">
<h1>Roadmap</h1>
<div class="progress">
<div class="progress-bar progress-bar-warning progress-bar-striped active" style="width: 50%;">50% Version 2.0 in progress</div>
<div class="progress-bar progress-bar-warning progress-bar-striped active" style="width: 50%">50% Version 2.0 in progress</div>
</div><h2 id="highlight-fonctionnalit-version-2-0-saisie-semi-automatique">Highlight Fonctionnalité Version 2.0 - Saisie semi-automatique</h2>
<p>La version 2.0 fournit un arrière-plan (backend) REST pour le générateur de feuille de personnages. Cela apporte une fonctionnalité de saisie semi-automatique qui peut automatiquement remplir des lignes ou remplir des boîtes. Par exemple, si vous commencez à taper dans le champ &quot;Nom&quot; de la case &quot;Véhicule&quot;, une recherche contextuelle s&#39;affiche en arrière-plan pour indiquer les véhicules disponibles. Si vous sélectionnez l&#39;une des suggestions, tous les champs de la boîte sont automatiquement remplis avec les valeurs appropriées du véhicule sélectionné. Il en va de même si vous saisissez une &quot;Arme&quot; dans la case &quot;Portée des armes&quot;, seules les champs de la ligne sont automatiquement remplis.</p>
<p><img src="resources/img/mock-autocomplete.png" alt="autocomplete mockup" title="Mockup Autocomplete Funktion"></p>
......
......@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="resources/css/app.css?t=1548758475647">
<link rel="stylesheet" href="resources/css/app.css?t=1550578667365">
<link rel="apple-touch-icon" sizes="180x180" href="/projects/shadowrun/charactersheet/dist/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-16x16.png">
......@@ -15,7 +15,7 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/projects/shadowrun/charactersheet/dist/resources/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript" src="resources/js/library/require.js?t=1548758475647" data-main="resources/js/app-min.js"></script>
<script type="text/javascript" src="resources/js/library/require.js?t=1550578667365" data-main="resources/js/app-min.js"></script>
<link rel="canonical" href="https://www.shadowrun5.net/roadmap.html">
</head>
<body class="o-bodyspacing" data-language="de">
......@@ -78,7 +78,7 @@
<div class="c-textpage__content">
<h1>Roadmap</h1>
<div class="progress">
<div class="progress-bar progress-bar-warning progress-bar-striped active" style="width: 50%;">50% Version 2.0 in progress</div>
<div class="progress-bar progress-bar-warning progress-bar-striped active" style="width: 50%">50% Version 2.0 in progress</div>
</div><h2 id="highlight-feature-version-2-0-autocomplete">Highlight Feature Version 2.0 - Autocomplete</h2>
<p>In der Version 2.0 wird der Charakterbogen Generator mit einem umfangreichen REST Backend ausgestattet.
Dadurch wird es möglich sein Zeilen oder auch ganze Boxen automatisch zu befüllen. Wenn man z.B. im Feld &quot;Name&quot; der Fahrzeug Box oder im Feld &quot;Waffe&quot; der Fernkampf Box zu tippen beginnt, wird eine kontextsensitive Suche über das REST Backend durchgeführt und die zu dem Namen gefundenen Fahrzeuge oder Waffen vorgeschlagen. Wählt man dann einen der Treffer aus, so werden die Felder der Box, bzw. der Zeile automatisch mit den entsprechenden Werten des Fahrzeugs, bzw. der Waffe befüllt. </p>
......
......@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="resources/css/app.css?t=1548758475649">
<link rel="stylesheet" href="resources/css/app.css?t=1550578667367">
<link rel="apple-touch-icon" sizes="180x180" href="/projects/shadowrun/charactersheet/dist/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-16x16.png">
......@@ -15,7 +15,7 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/projects/shadowrun/charactersheet/dist/resources/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript" src="resources/js/library/require.js?t=1548758475649" data-main="resources/js/app-min.js"></script>
<script type="text/javascript" src="resources/js/library/require.js?t=1550578667367" data-main="resources/js/app-min.js"></script>
<link rel="canonical" href="https://www.shadowrun5.net/terms-en.html">
</head>
<body class="o-bodyspacing" data-language="en">
......
......@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="resources/css/app.css?t=1548758475651">
<link rel="stylesheet" href="resources/css/app.css?t=1550578667409">
<link rel="apple-touch-icon" sizes="180x180" href="/projects/shadowrun/charactersheet/dist/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-16x16.png">
......@@ -15,7 +15,7 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/projects/shadowrun/charactersheet/dist/resources/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript" src="resources/js/library/require.js?t=1548758475651" data-main="resources/js/app-min.js"></script>
<script type="text/javascript" src="resources/js/library/require.js?t=1550578667409" data-main="resources/js/app-min.js"></script>
<link rel="canonical" href="https://www.shadowrun5.net/terms-fr.html">
</head>
<body class="o-bodyspacing" data-language="fr">
......
......@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="resources/css/app.css?t=1548758475652">
<link rel="stylesheet" href="resources/css/app.css?t=1550578667411">
<link rel="apple-touch-icon" sizes="180x180" href="/projects/shadowrun/charactersheet/dist/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/projects/shadowrun/charactersheet/dist/resources/favicon/favicon-16x16.png">
......@@ -15,7 +15,7 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/projects/shadowrun/charactersheet/dist/resources/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript" src="resources/js/library/require.js?t=1548758475652" data-main="resources/js/app-min.js"></script>
<script type="text/javascript" src="resources/js/library/require.js?t=1550578667411" data-main="resources/js/app-min.js"></script>
<link rel="canonical" href="https://www.shadowrun5.net/terms.html">
</head>
<body class="o-bodyspacing" data-language="de">
......
......@@ -35,7 +35,7 @@ gulp.task('build', ['buildJs', 'pug', 'less', 'minifyJs', 'cache-bust', 'move-fi
// Run the jscpd command to build the package such a simple task :)
gulp.task('cpd', [], shell.task([
// This is the command
'jscpd'
'/usr/local/bin/jscpd'
]));
// compile the less files to css
......@@ -72,7 +72,7 @@ gulp.task('minify-css', ['less'], function() {
});
// Run the r.js command to build the package such a simple task :)
gulp.task('buildJs', ['cpd', 'move-files'], shell.task([
gulp.task('buildJs', ['move-files'], shell.task([
// This is the command
'r.js -o build.js optimize="none" out="' + targetDirectory + '/resources/js/app.js"'
]));
......
This source diff could not be displayed because it is too large. You can view the blob instead.
define(["require"], function (require) {
"use strict";
var Module = require("Module");
var application;
var sets = [
{to: 'a', from: '[ÀÁÂÃÄÅÆĀĂĄẠẢẤẦẨẪẬẮẰẲẴẶ]'},
{to: 'c', from: '[ÇĆĈČ]'},
{to: 'd', from: '[ÐĎĐÞ]'},
{to: 'e', from: '[ÈÉÊËĒĔĖĘĚẸẺẼẾỀỂỄỆ]'},
{to: 'g', from: '[ĜĞĢǴ]'},
{to: 'h', from: '[ĤḦ]'},
{to: 'i', from: '[ÌÍÎÏĨĪĮİỈỊ]'},
{to: 'j', from: '[Ĵ]'},
{to: 'ij', from: '[IJ]'},
{to: 'k', from: '[Ķ]'},
{to: 'l', from: '[ĹĻĽŁ]'},
{to: 'm', from: '[Ḿ]'},
{to: 'n', from: '[ÑŃŅŇ]'},
{to: 'o', from: '[ÒÓÔÕÖØŌŎŐỌỎỐỒỔỖỘỚỜỞỠỢǪǬƠ]'},
{to: 'oe', from: '[Œ]'},
{to: 'p', from: '[ṕ]'},
{to: 'r', from: '[ŔŖŘ]'},
{to: 's', from: '[ߌŜŞŠ]'},
{to: 't', from: '[ŢŤ]'},
{to: 'u', from: '[ÙÚÛÜŨŪŬŮŰŲỤỦỨỪỬỮỰƯ]'},
{to: 'w', from: '[ẂŴẀẄ]'},
{to: 'x', from: '[ẍ]'},
{to: 'y', from: '[ÝŶŸỲỴỶỸ]'},
{to: 'z', from: '[ŹŻŽ]'},
{to: '-', from: '[·/_,:;\']'}
];
function Slugify(rootNode, app) {
Module.call(this, rootNode);
app.slugify = slugify;
}
function slugify(text, separator) {
text = text.toString().toLowerCase().trim();
sets.forEach(function(set) {
text = text.replace(new RegExp(set.from,'gi'), set.to);
});
text = text.toString().toLowerCase()
.replace(/\s+/g, '-') // Replace spaces with -
.replace(/&/g, '-and-') // Replace & with 'and'
.replace(/[^\w\-]+/g, '') // Remove all non-word chars
.replace(/\--+/g, '-') // Replace multiple - with single -
.replace(/^-+/, '') // Trim - from start of text
.replace(/-+$/, ''); // Trim - from end of text
if ((typeof separator !== 'undefined') && (separator !== '-')) {
text = text.replace(/-/g, separator);
}
return text;
}
Slugify.prototype = {
constructor: Slugify
};
return Slugify;
});
define(["require"], function (require) {
"use strict";
var Module = require("Module");
var application = null;
function Collapsible(rootNode, app) {
Module.call(this, rootNode);
this.node = rootNode;
application = app;
}
function onInit() {
var header = this.node.querySelectorAll('.o-collapsible__toggle');
Array.from(header).forEach(function(headerElement) {
headerElement.addEventListener('click', handleClick);
});
}
function handleClick(event) {
//element is the clicked header Element
var container = application.findParent(event.currentTarget, '[data-module="modules/Collapsible"]');
var activeItem = container.querySelector('.o-collapsible__item--open');
var headerClass = container.dataset.toggleClass || false;
if (headerClass) {
var activeHeader = container.querySelector('.' + headerClass);
if (activeHeader && container.dataset.mode === 'single') {
activeHeader.classList.remove(headerClass);
if (activeHeader !== event.currentTarget) {
event.currentTarget.classList.toggle(headerClass);
}
} else {
event.currentTarget.classList.toggle(headerClass);
}
}
var target = container.querySelector('[data-name="' + event.currentTarget.dataset.target + '"]');
if (activeItem && container.dataset.mode === 'single') {
activeItem.classList.remove('o-collapsible__item--open');
if (activeItem !== target) {
target.classList.toggle('o-collapsible__item--open');
}
} else {
target.classList.toggle('o-collapsible__item--open');
}
}
Collapsible.prototype = {
constructor: Collapsible,
onInit: onInit
};
return Collapsible;
});
\ No newline at end of file
......@@ -89,7 +89,7 @@ define(["require"], function (require) {
};
var character = document.querySelector('[name="char"]').value;
var filename = character + '.txt';
var filename = application.slugify(character) + '.txt';
var url = 'data:application/octet-stream;filename='+filename+';charset=utf8,' + encodeURIComponent(JSON.stringify(data));
window.open(url, filename);
window.focus();
......
......@@ -69,10 +69,12 @@
"helper/MatrixConditionMonitor",
"helper/XhrSelectBox",
"helper/RowFormatter",
"helper/Slugify",
"modules/LoadingBar",
"modules/ToggleButton",
"modules/Dropdown",
"modules/Collapsible",
"modules/SelectBox",
"modules/PageTools",
"modules/Modal",
......@@ -125,7 +127,8 @@
'helper/AutoActions',
'helper/ConditionMonitorHelper',
'helper/RowFormatter',
'helper/CharacterSheet'
'helper/CharacterSheet',
'helper/Slugify'
]
},
'langRedirector': {
......
......@@ -12,4 +12,5 @@
@import "body-media-query-debugger.less";
@import "text.less";
@import "selectbox.less";
@import "collapsible.less";
.o-collapsible {
list-style: none;
width: 100%;
padding: 0;
margin: 0;
&__container {
position: relative;
height: 100%;
.o-collapsible__item {
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
}
}
&__toggle {
cursor: pointer;
}
&__item {
// animates max-height and opacity, because height and display can not be animated with a regular css transition
overflow: none;
padding: 0;
max-height: 0;
opacity: 0;
pointer-events: none;
/* add browser prefixes */
transition: all 0.5s ease;
&--open {
max-height: 100%;
opacity: 1;
padding: 0;
pointer-events: all;
}
}
}
......@@ -72,7 +72,7 @@
padding: 5px;
overflow-y: scroll;
overflow-x: hidden;
top: 100px;
top: 130px;
bottom: 160px;
border-top: 1px solid @sr-red;
border-bottom: 1px solid @sr-red;
......
......@@ -28,4 +28,5 @@
@import "spirit-box.less";
@import "limits-box.less";
@import "row-formatter.less";
@import "box-category-list.less";
.c-box-category-list {
list-style: none;
margin: 0 -5px;
padding: 0;
height: 32px;
border-top: 1px solid @sr-red;
&__item {
display: inline-block;
padding: 0 @spacing-half;
font-size: 0.8em;
&--active {
text-decoration: underline;
}
}
}
\ No newline at end of file
......@@ -2,7 +2,7 @@
padding: @spacing-min 0 0 0;
}
.c-portrait-remove {
.closeButton(20px, 10px, 5px);
.closeButton(20px, 0px, 0px);
mix-blend-mode: luminosity;
}
......
......@@ -483,5 +483,9 @@
"regenerationPyhsical": "Regeneration köperlich: ",
"regenerationPyhsicalUnit": " (1 Tag) ",
"regenerationStun": "Regeneration geistig: ",
"regenerationStunUnit": " (1 Std.) "
"regenerationStunUnit": " (1 Std.) ",
"categoryGeneral": "Allgemein",
"categoryMagic": "Magie",
"categoryTechno": "Techno",
"categoryGear": "Ausrüstung"
}
\ No newline at end of file
......@@ -483,5 +483,9 @@
"regenerationPyhsical": "Regeneration physical: ",
"regenerationPyhsicalUnit": " (1 Day): ",
"regenerationStun": "Regeneration stun: ",
"regenerationStunUnit": " (1 Hour) "
"regenerationStunUnit": " (1 Hour) ",
"categoryGeneral": "general",
"categoryMagic": "magic",
"categoryTechno": "techno",
"categoryGear": "gear"
}
\ No newline at end of file
......@@ -484,5 +484,9 @@
"regenerationPyhsical": "Régénération physique: ",
"regenerationPyhsicalUnit": " (1 Jour): ",
"regenerationStun": "Régénération etourdissant: ",
"regenerationStunUnit": " (1 heure) "
"regenerationStunUnit": " (1 heure) ",
"categoryGeneral": "en général",
"categoryMagic": "magie",
"categoryTechno": "techno",
"categoryGear": "équipement"
}
\ No newline at end of file
div.o-toolbox(data-module="modules/BoxFilter")
div.o-toolbox__header
+srbutton('',{
"icon": "fa-arrow-right",
"class": ['o-toolbox__header-button', 'js-toggle-toolbox']
})
h4.o-toolbox__headlineAndFilter
| Toolbox
input.o-toolbox__filter(type="text", name="filter" placeholder=labels.filter, tabindex=1)
span.o-toolbox__clear-filter(data-action="resetFilter")
i.far.fa-times-circle
p.o-toolbox__hint=labels.filterHint
div.o-toolbox__boxes.c-box-container(data-filter=".o-box")
include ../../boxes/alchemical-product.pug
include ../../boxes/log.pug
include ../../boxes/adept-powers.pug
include ../../boxes/ammo.pug
include ../../boxes/ammo-alt.pug
include ../../boxes/armor.pug
include ../../boxes/attributes.pug
include ../../boxes/attributes-alt.pug
include ../../boxes/bound-spirits.pug
include ../../boxes/ranged-combat.pug
include ../../boxes/character-image.pug
include ../../boxes/close-combat.pug
include ../../boxes/combat-summary.pug
include ../../boxes/comlink.pug
include ../../boxes/complex-forms.pug
include ../../boxes/conditionmontior.pug
include ../../boxes/conditionmonitor-alt.pug
include ../../boxes/connections.pug
include ../../boxes/cyberdeck.pug
include ../../boxes/cyberdeck-alt.pug
include ../../boxes/cyberware.pug
include ../../boxes/defense.pug
include ../../boxes/edges-flaws.pug
include ../../boxes/equipment.pug
include ../../boxes/foki.pug
include ../../boxes/improvised-skills.pug
include ../../boxes/initiation.pug
include ../../boxes/knowledge-skills.pug
include ../../boxes/language-skills.pug
include ../../boxes/lifestyle.pug
include ../../boxes/living-persona.pug
include ../../boxes/magic-tradition.pug
include ../../boxes/matrix-action.pug
include ../../boxes/mentor-spirit.pug
include ../../boxes/notes.pug
include ../../boxes/nsc.pug
include ../../boxes/personal-data.pug
include ../../boxes/registered-sprites.pug
include ../../boxes/skills.pug
include ../../boxes/spellresistance.pug
include ../../boxes/spells.pug
include ../../boxes/spirits.pug
include ../../boxes/sprites.pug
include ../../boxes/submersion.pug
include ../../boxes/text.pug
include ../../boxes/vehicle.pug
include ../../boxes/limits.pug
div.o-toolbox__footer
img(src="resources/img/HadeSR.png")
div.o-collapsible(data-module="modules/Collapsible" data-mode="single" data-toggle-class="c-box-category-list__item--active")
div.o-toolbox__header
+srbutton('',{
"icon": "fa-arrow-right",
"class": ['o-toolbox__header-button', 'js-toggle-toolbox']
})
h4.o-toolbox__headlineAndFilter
| Toolbox
input.o-toolbox__filter(type="text", name="filter" placeholder=labels.filter, tabindex=1)
span.o-toolbox__clear-filter(data-action="resetFilter")
i.far.fa-times-circle
p.o-toolbox__hint=labels.filterHint
ul.c-box-category-list
li.o-collapsible__toggle.c-box-category-list__item.c-box-category-list__item--active(data-target="a")=labels.categoryGeneral
li.o-collapsible__toggle.c-box-category-list__item(data-target="b")=labels.categoryMagic
li.o-collapsible__toggle.c-box-category-list__item(data-target="c")=labels.categoryTechno
li.o-collapsible__toggle.c-box-category-list__item(data-target="d")=labels.categoryGear
div.o-toolbox__boxes.c-box-container(data-filter=".o-box")
div.o-collapsible__container
div.o-collapsible__item.o-collapsible__item--open(data-name="a")
include ../../boxes/attributes.pug
include ../../boxes/attributes-alt.pug
include ../../boxes/log.pug
include ../../boxes/ranged-combat.pug
include ../../boxes/character-image.pug
include ../../boxes/close-combat.pug
include ../../boxes/combat-summary.pug
include ../../boxes/conditionmontior.pug
include ../../boxes/conditionmonitor-alt.pug
include ../../boxes/connections.pug
include ../../boxes/defense.pug
include ../../boxes/edges-flaws.pug
include ../../boxes/improvised-skills.pug
include ../../boxes/knowledge-skills.pug
include ../../boxes/language-skills.pug
include ../../boxes/lifestyle.pug
include ../../boxes/personal-data.pug
include ../../boxes/nsc.pug
include ../../boxes/notes.pug
include ../../boxes/matrix-action.pug
include ../../boxes/skills.pug
include ../../boxes/text.pug
include ../../boxes/limits.pug
div.o-collapsible__item(data-name="b")
include ../../boxes/alchemical-product.pug
include ../../boxes/adept-powers.pug
include ../../boxes/bound-spirits.pug
include ../../boxes/foki.pug
include ../../boxes/initiation.pug
include ../../boxes/magic-tradition.pug
include ../../boxes/mentor-spirit.pug
include ../../boxes/spirits.pug
include ../../boxes/spells.pug
include ../../boxes/spellresistance.pug
div.o-collapsible__item(data-name="c")
include ../../boxes/complex-forms.pug
include ../../boxes/living-persona.pug
include ../../boxes/registered-sprites.pug
include ../../boxes/sprites.pug
include ../../boxes/submersion.pug
div.o-collapsible__item(data-name="d")
include ../../boxes/ammo.pug
include ../../boxes/ammo-alt.pug
include ../../boxes/armor.pug
include ../../boxes/comlink.pug
include ../../boxes/cyberdeck.pug
include ../../boxes/cyberdeck-alt.pug
include ../../boxes/cyberware.pug
include ../../boxes/equipment.pug
include ../../boxes/vehicle.pug
div.o-toolbox__footer
img(src="resources/img/HadeSR.png")
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment