151 lines
No EOL
3.4 KiB
Smarty
151 lines
No EOL
3.4 KiB
Smarty
{include file='tpl/ajax/_ma_subm.tpl'}
|
|
|
|
|
|
|
|
<div class="max">
|
|
<table class="no-style full" style="font-size: 16px; line-height: 20px">
|
|
<body>
|
|
{foreach from=$tt item=$tx}
|
|
<tr style="line-height:28px">
|
|
{if $tx.aktiv!=0}
|
|
<td width="160px" style="color: #aaa">{$tx.name} </td>
|
|
{else}
|
|
<td width="160px" style="color: #555">{$tx.name} </td>
|
|
{/if}
|
|
|
|
|
|
<td width="80px" align="center">
|
|
<label class="md_switch">
|
|
|
|
{if $tx.on!=0}
|
|
<input checked type="checkbox" name="tts" id="aktiv" onChange="save_ma({$maID},{$tx.sid}); ma_setup({$maID})"/>
|
|
{else}
|
|
<input type="checkbox" name="tts" id="aktiv" onChange="save_ma({$maID},{$tx.sid}); ma_setup({$maID})"/>
|
|
{/if}
|
|
<span class="md_switch__toggle"></span>
|
|
</label>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
{/foreach}
|
|
</body>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
<div class="max">
|
|
<table class="no-style full" style="font-size: 16px; line-height: 20px">
|
|
<body>
|
|
{foreach from=$tt item=$tx}
|
|
<tr style="line-height:28px">
|
|
{if $tx.aktiv!=0}
|
|
<td width="160px" style="color: #aaa">{$tx.name} </td>
|
|
{else}
|
|
<td width="160px" style="color: #555">{$tx.name} </td>
|
|
{/if}
|
|
|
|
{if $tx.on!=0}
|
|
<td width="80px" align="center" style="color: green"><i class="fad fa-route" onclick="ma_setup({$maID})" style="font-size: 26px"></i></td>
|
|
{else}
|
|
<td width="80px" align="center" style="color: darkred"><i class="fad fa-times" onclick="ma_setup({$maID})" style="font-size: 26px"></i></td>
|
|
{/if}
|
|
</tr>
|
|
|
|
{/foreach}
|
|
</body>
|
|
</table>
|
|
</div>
|
|
-->
|
|
{literal}
|
|
<style>
|
|
#@import url(http://fonts.googleapis.com/css?family=Open+Sans);
|
|
|
|
body {
|
|
background: #F5F5F5;
|
|
}
|
|
|
|
.md_switch {
|
|
display: inline-flex;
|
|
font-family: "Open Sans";
|
|
align-items: center;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
.md_switch .md_switch__toggle {
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.md_switch [type=checkbox] {
|
|
position: absolute;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* default states */
|
|
|
|
.md_switch .md_switch__toggle::before,
|
|
.md_switch .md_switch__toggle::after {
|
|
content: '';
|
|
display: block;
|
|
margin: 0 3px;
|
|
transition: all 100ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
background: #BDBDBD;
|
|
}
|
|
|
|
.md_switch .md_switch__toggle::before {
|
|
height: 1.3em;
|
|
width: 3em;
|
|
border-radius: 0.65em;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.md_switch .md_switch__toggle::after {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(0, -50%);
|
|
height: 1.4em;
|
|
width: 1.4em;
|
|
border-radius: 50%;
|
|
box-shadow: 0 0 8px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.4);
|
|
}
|
|
|
|
/* special states */
|
|
.md_switch [type=checkbox]:focus+.md_switch__toggle {
|
|
outline: #333 solid 0px;
|
|
box-shadow: 0 0 8px #333;
|
|
}
|
|
|
|
.md_switch [type=checkbox]:disabled+.md_switch__toggle {
|
|
cursor: not-allowed;
|
|
filter: grayscale(100%);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.md_switch [type=checkbox]:disabled+.md_switch__toggle::after {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* checked states */
|
|
|
|
.md_switch [type=checkbox]:checked+.md_switch__toggle::before,
|
|
.md_switch [type=checkbox]:checked+.md_switch__toggle::after{
|
|
background: #115270;
|
|
}
|
|
|
|
.md_switch [type=checkbox]:checked+.md_switch__toggle::after {
|
|
transform: translate(calc(3em - 100%), -50%);
|
|
}
|
|
</style>
|
|
{/literal} |