blob: ab1382bdc65a85b310d30c8dd97ff886c2a10e1b (
plain) (
tree)
|
|
<form role="form" enctype="multipart/form-data" method="post" action="?do=SysConfig&action=addmodule&step={{step}}">
<input type="hidden" name="token" value="{{token}}">
<input type="hidden" name="next" value="{{next}}">
<input type="hidden" name="id" value="{{id}}">
<input type="hidden" name="edit" value="{{edit}}">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">{{lang_moduleName}}</span>
<input type="text" tabindex="1" name="title" value="{{title}}" class="form-control" autofocus required>
</div>
</div>
<input type="hidden" id="helper-mode" name="helper_mode" value="false">
<div class="form-group">
<div class="input-group btn-group">
<span class="input-group-addon">{{lang_mode}}</span>
<a class="btn btn-default" tabindex="2" id="btn-easy-mode" type="button" onclick="switchMode(1)">
<span class="glyphicon glyphicon-user"></span>
{{lang_modeEasy}}
</a>
<a class="btn btn-default active" tabindex="3" id="btn-advanced-mode" onclick="switchMode(0)">
<span class="glyphicon glyphicon-education"></span>
{{lang_modeAdvanced}}
</a>
</div>
</div>
<div class="form-group" id="advanced-mode">
<div class="input-group">
<span class="input-group-addon">{{lang_screenQss}}</span>
<textarea tabindex="4" name="qss" rows="20" class="form-control">{{qss}}</textarea>
</div>
</div>
<div id="easy-mode" hidden>
<div class="form-group">
<label>{{lang_screenBackground}}</label>
{{lang_screenBackgroundDescription}}
<div class="input-group">
<span class="input-group-addon slx-ga">{{lang_screenColor}} 1</span>
<input id="screensaver-background-color-1" tabindex="5" type="text" name="bg_color_1" value="" class="form-control" placeholder="#443">
</div>
<div class="input-group">
<span class="input-group-addon slx-ga">{{lang_screenColor}} 2</span>
<input id="screensaver-background-color-2" tabindex="6" type="text" name="bg_color_2" value="" class="form-control" placeholder="#000">
</div>
</div>
<div class="form-group">
<label >{{lang_screenLabel}}</label>
<div class="input-group">
<span class="input-group-addon slx-ga">{{lang_screenColor}}</span>
<input type="text" tabindex="7" name="label_color" value="" class="form-control" placeholder="#f64">
</div>
<div class="input-group">
<span class="input-group-addon slx-ga">{{lang_screenSize}}</span>
<input type="number" tabindex="8" name="label_size" value="10" class="form-control" placeholder="10">
<span class="input-group-addon">pt</span>
</div>
</div>
<div class="form-group">
<label >{{lang_screenClock}}</label>
<div class="input-group">
<span class="input-group-addon slx-ga">{{lang_screenColor}}</span>
<input type="text" tabindex="9" name="clock_color" value="" class="form-control" placeholder="#999">
</div>
<div class="input-group">
<span class="input-group-addon slx-ga">{{lang_screenSize}}</span>
<input type="number" tabindex="10" name="clock_size" value="20" class="form-control" placeholder="20">
<span class="input-group-addon">pt</span>
</div>
</div>
<div class="form-group">
<label >{{lang_screenHeader}}</label>
<div class="input-group">
<span class="input-group-addon slx-ga">{{lang_screenColor}}</span>
<input type="text" tabindex="11" name="header_color" value="" class="form-control" placeholder="#f640">
</div>
<div class="input-group">
<span class="input-group-addon slx-ga">{{lang_screenSize}}</span>
<input type="number" tabindex="12" name="header_size" value="20" class="form-control" placeholder="20">
<span class="input-group-addon">pt</span>
</div>
</div>
</div>
<hr>
<div class="btn-group">
<a class="btn btn-default" id="btn-back" tabindex="5" onclick="window.history.back()">{{lang_back}}</a>
</div>
<div class="btn-group pull-right">
<button type="submit" id="btn-next" tabindex="6" class="btn btn-primary">{{lang_next}} »</button>
</div>
<div class="clearfix"></div>
</form>
<script type="text/javascript">
function switchMode(mode) {
// 0 = advanced mode
// 1 = easy mode
if (mode === 0) {
$('#easy-mode').hide();
$('#advanced-mode').show();
$('#btn-easy-mode').removeClass('active');
$('#btn-advanced-mode').addClass('active');
$('#helper-mode').val('false');
$('#btn-back').prop('tabindex', 5);
$('#btn-next').prop('tabindex', 6);
} else if (mode === 1) {
$('#advanced-mode').hide();
$('#easy-mode').show();
$('#btn-advanced-mode').removeClass('active');
$('#btn-easy-mode').addClass('active');
$('#helper-mode').val('true');
$('#btn-back').prop('tabindex', 13);
$('#btn-next').prop('tabindex', 14);
}
}
</script>
|