Ver 9.9.8
This commit is contained in:
parent
895f5245a8
commit
7f67791012
115
index.html
115
index.html
@ -16,12 +16,20 @@
|
|||||||
<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
|
||||||
class="w3-sidebar w3-bar-block w3-collapse w3-large w3-flat-clouds"
|
class="w3-sidebar w3-bar-block w3-collapse w3-large w3-flat-clouds"
|
||||||
style="width: 300px; margin-top: 51px; padding-top: 12px"
|
style="width: 300px; margin-top: 51px; padding-top: 12px"
|
||||||
id="sidebar"
|
id="sidebar"
|
||||||
>
|
>
|
||||||
@ -88,18 +96,18 @@
|
|||||||
><i class="fa fa-file"></i
|
><i class="fa fa-file"></i
|
||||||
></a>
|
></a>
|
||||||
<a
|
<a
|
||||||
class="w3-button w3-right w3-padding-large w3-hover-grey w3-large w3-flat-wet-aspalt"
|
class="w3-button w3-right w3-padding-large w3-hover-grey w3-large w3-flat-wet-aspalt"
|
||||||
href="javascript:void(0);"
|
href="javascript:void(0);"
|
||||||
title="Logout"
|
title="Logout"
|
||||||
id="logout"
|
id="logout"
|
||||||
><i class="fa fa-sign-out-alt"></i
|
><i class="fa fa-sign-out-alt"></i
|
||||||
></a>
|
></a>
|
||||||
<a
|
<a
|
||||||
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
|
||||||
@ -138,11 +146,12 @@
|
|||||||
<ul class="w3-text-grey w3-ul">
|
<ul class="w3-text-grey w3-ul">
|
||||||
<li>
|
<li>
|
||||||
<b>Textblocks can be invoked by adding a leading ! sign:</b>
|
<b>Textblocks can be invoked by adding a leading ! sign:</b>
|
||||||
click the airplane button for a complete list
|
click the airplane button for a complete list
|
||||||
<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äuerin;d:
|
>%Sample Expression=m:der Bauer;w:die Bä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
|
||||||
for each item add an unique id!
|
<code class="w3-codespan">h:itemid 1:fieldtype:formatting;</code
|
||||||
|
><br />
|
||||||
|
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"
|
||||||
>×</span>
|
>×</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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user