Add branding section in admin panel

This commit is contained in:
RainLoop Team 2014-01-19 00:49:14 +04:00
parent 6ecb7006f8
commit 8890de4a86
19 changed files with 290 additions and 99 deletions

View file

@ -53,6 +53,11 @@
}
}
.thm-login-desc .desc {
color: @loading-color !important;
text-shadow: @loading-text-shadow !important;
}
.thm-login {
color: @login-color !important;
border: @login-border !important;

View file

@ -0,0 +1,56 @@
<div class="b-admin-branding">
<div class="form-horizontal">
<div class="legend">
Branding
</div>
<div class="control-group">
<label class="control-label">
Page Title
</label>
<div class="controls">
<input type="text" class="span5" data-bind="value: title, saveTrigger: title.trigger" />
<div data-bind="saveTrigger: title.trigger"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Loading Description
</label>
<div class="controls">
<input type="text" class="span5" data-bind="value: loadingDesc, saveTrigger: loadingDesc.trigger" />
<div data-bind="saveTrigger: loadingDesc.trigger"></div>
</div>
</div>
<br />
<div class="legend">
Login Screen
</div>
<div class="control-group">
<label class="control-label">
Logo
</label>
<div class="controls">
<input type="text" class="span5" placeholder="http://" data-bind="value: loginLogo, saveTrigger: loginLogo.trigger" />
<div data-bind="saveTrigger: loginLogo.trigger"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Description
</label>
<div class="controls">
<input type="text" class="span5" data-bind="value: loginDescription, saveTrigger: loginDescription.trigger" />
<div data-bind="saveTrigger: loginDescription.trigger"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Custom CSS
</label>
<div class="controls">
<textarea class="input-xxlarge" data-bind="value: loginCss, saveTrigger: loginCss.trigger" rows="7" spellcheck="true"></textarea>
<div style="vertical-align: top;" data-bind="saveTrigger: loginCss.trigger"></div>
</div>
</div>
</div>
</div>

View file

@ -14,9 +14,9 @@
General
</div>
<div class="control-group">
<label class="control-label">
<label class="control-label">
Language
</label>
</label>
<div class="controls">
<label class="flag-selector">
<span class="flag-wrapper">
@ -28,32 +28,14 @@
</div>
</div>
<div class="control-group">
<label class="control-label">
<label class="control-label">
Theme
</label>
</label>
<div class="controls">
<select class="span2" data-bind="options: themesOptions, value: mainTheme, optionsText: 'optText', optionsValue: 'optValue', saveTrigger: themeTrigger"></select>
<div data-bind="saveTrigger: themeTrigger"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Title
</label>
<div class="controls">
<input type="text" class="span5" data-bind="value: title, saveTrigger: titleTrigger" />
<div data-bind="saveTrigger: titleTrigger"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Loading Description
</label>
<div class="controls">
<input type="text" class="span5" data-bind="value: loadingDesc, saveTrigger: loadingDescTrigger" />
<div data-bind="saveTrigger: loadingDescTrigger"></div>
</div>
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { allowLanguagesOnSettings(!allowLanguagesOnSettings()); }">

View file

@ -1,6 +1,17 @@
<style data-bind="text: logoCss"></style>
<div class="b-login-content">
<div class="loginFormWrapper">
<center>
{{INCLUDE/BeforeLogo/PLACE}}
<!-- ko if: logoImg -->
<div class="logoWrapper">
<img class="logoImg" data-bind="attr: {'src': logoImg }" />
</div>
<!-- /ko -->
<div class="descWrapper thm-login-desc" data-bind="visible: '' !== loginDescription">
<span class="desc" data-bind="text: loginDescription"></span>
</div>
{{INCLUDE/AfterLogo/PLACE}}
<div class="alert" data-bind="visible: '' !== submitError()">
<button type="button" class="close" data-bind="click: function () { submitError('') }">&times;</button>
<span data-bind="text: submitError"></span>