maru21/templateGen
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ver 9.9.8

Browse Source
This commit is contained in:
maru21 2023-10-14 23:19:46 +02:00
parent 895f5245a8
commit 7f67791012
1 changed files with 71 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
index.html
View File

@ -16,8 +16,16 @@
<link rel="stylesheet" href="css/font-awesome/css/all.min.css" />
<link rel="stylesheet" href="css/styles.css" />
<script type="module" src="js/9.9.7/main.js"></script>
<script>
let jsVer = "9.9.7";
let script = document.createElement("script");
script.src = "js/" + jsVer + "/main.js";
script.type = "module";
document.head.appendChild(script);
</script>
<body>
<div
@ -98,8 +106,8 @@
href="."
id="siteTitle"
class="w3-left-align w3-button w3-padding-large w3-flat-wet-asphalt"
><img class="logo" src="logo.png" alt="logo" height="30px"></a
>
><img class="logo" src="logo.png" alt="logo" height="30px"
/></a>
</div>
<div
@ -142,7 +150,8 @@
<code class="w3-codespan">!ne = no entry</code>
</li>
<li>
You can use markups directly in the textarea at the beginning of a line.<br>
You can use markups directly in the textarea at the beginning of
a line.<br />
<b>These markups are available:</b><br />
<code class="w3-codespan">!l = list</code><br />
<code class="w3-codespan">!ls = sub item</code><br />
@ -160,8 +169,8 @@
and has to be always set
</li>
<li>
The <b>Priority</b> value organizes each input field and shows higher
priority ones first.
The <b>Priority</b> value organizes each input field and shows
higher priority ones first.
</li>
<li>
<b>For one word which needs to change:</b><br />
@ -180,43 +189,49 @@
<code class="w3-codespan"
>%Sample Expression=m:der Bauer;w:die B&auml;uerin;d:
Bauern;%1</code
><br>
><br />
Use <code class="w3-codespan">%</code> at the start and end
position of the placeholder<br>
position of the placeholder<br />
Use <code class="w3-codespan">Sample Expression=</code> as
placeholder name<br>
Use <code class="w3-codespan">m:der Bauer;</code> <br>for each
placeholder name<br />
Use <code class="w3-codespan">m:der Bauer;</code> <br />for each
gender; be careful to add it for the last item aswell
</li>
<li>
<b>For dropdown lists:</b><br />
Use <code class="w3-codespan">l:item 1;</code> for each
item
Use <code class="w3-codespan">l:item 1;</code> for each item
</li>
<li>
<b>For hidden fields and its trigger:</b><br />
Use <code class="w3-codespan">h:itemid 1:fieldtype:formatting;</code><br>
Use
<code class="w3-codespan">h:itemid 1:fieldtype:formatting;</code
><br />
for each item add an unique id!
</li>
<li>
<b>Custom input placeholders:</b><br />
<code class="w3-codespan">%Sample Expression=longText%1</code><br>
<code class="w3-codespan">%Sample Expression=longText%1</code
><br />
Use <code class="w3-codespan">%</code> at the start and end
position of the placeholder<br>
position of the placeholder<br />
Use
<code class="w3-codespan">Sample Expression=</code> placeholder
name<br>
name<br />
Set <code class="w3-codespan">1</code> as priority or any other
number up until <code class="w3-codespan">99</code>
At the moment there are these custom ones:<br />
number up until <code class="w3-codespan">99</code> At the
moment there are these custom ones:<br />
<code class="w3-codespan"
>simpleInput, longText, hiddenField, current_time,
current_date</code
><br>
Config <code class="w3-codespan">hiddenField</code> like so: <br>
<code class="w3-codespan">%Sample Expression=hiddenField:id:longText:!l%1</code>
in this example <code class="w3-codespan">longText:!l</code> can also be omitted.<br>
><br />
Config <code class="w3-codespan">hiddenField</code> like so:
<br />
<code class="w3-codespan"
>%Sample Expression=hiddenField:id:longText:!l%1</code
>
in this example <code class="w3-codespan">longText:!l</code> can
also be omitted.<br />
With <code class="w3-codespan">longText</code> you can add
markups like <code class="w3-codespan">!l</code> by adding them
like this:
@ -225,8 +240,8 @@
>
</li>
<li>
You can also use markups in the
template file at the beginning of a line.<br>
You can also use markups in the template file at the beginning
of a line.<br />
<b>These markups are available:</b><br />
<code class="w3-codespan">!l = list</code><br />
<code class="w3-codespan">!ls = sub item</code><br />
@ -253,14 +268,18 @@
></div>
</div>
<div id="login" style="display: none" class="w3-modal">
<div class="w3-card-4 w3-modal-content w3-margin-top w3-animate-opacity" style="max-width:600px">
<div
class="w3-card-4 w3-modal-content w3-margin-top w3-animate-opacity"
style="max-width: 600px"
>
<div class="w3-container w3-padding-32 w3-flat-clouds">
<form method="post" action="javascript:void(0)" id="loginForm">
<h1>Welcome to <img src="logo.png" alt="logo" height="40px"></h1>
<br>
<br>
<h1>
Welcome to <img src="logo.png" alt="logo" height="40px" />
</h1>
<br />
<br />
<label> enter password: </label>
<input
type="password"
@ -273,7 +292,7 @@
type="submit"
value="Submit"
class="w3-button w3-flat-wet-asphalt"
style="display: block; margin-top: 20px;"
style="display: block; margin-top: 20px"
/>
</form>
</div>
@ -301,12 +320,20 @@
</div>
</div>
<div id="modalNotifier" style="display: none; padding-top: 200px !important;" class="w3-modal">
<div class="w3-card-4 w3-modal-content w3-margin-top" style="max-width:600px;">
<div
id="modalNotifier"
style="display: none; padding-top: 200px !important"
class="w3-modal"
>
<div
class="w3-card-4 w3-modal-content w3-margin-top"
style="max-width: 600px"
>
<span
onclick="this.parentElement.parentElement.style.display='none'"
class="w3-button w3-display-topright w3-flat-clouds"
>&times;</span>
>&times;</span
>
<div class="w3-container w3-padding-32 w3-flat-clouds">
<span id="modalMsg"></span>
</div>