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