Welcome page branding option

This commit is contained in:
RainLoop Team 2015-04-10 02:05:49 +04:00
parent acb013fbb5
commit 351c12c002
50 changed files with 531 additions and 160 deletions

View file

@ -29,114 +29,164 @@
</div>
</div>
<br />
<div class="form-horizontal" data-bind="css: {'disabled-form': !capa()}">
<div class="legend" data-i18n="TAB_BRANDING/LEGEND_LOGIN"></div>
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_LOGIN_LOGO"></label>
<div class="controls">
<div data-bind="component: {
name: 'Input',
params: {
value: loginLogo,
trigger: loginLogo.trigger,
placeholder: 'https://',
size: 5,
enable: capa
}
}"></div>
</div>
</div>
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_LOGIN_DESCRIPTION"></label>
<div class="controls">
<div data-bind="component: {
name: 'Input',
params: {
value: loginDescription,
trigger: loginDescription.trigger,
size: 5,
enable: capa
}
}"></div>
</div>
</div>
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_LOGIN_BACKGROUND"></label>
<div class="controls">
<div data-bind="component: {
name: 'Input',
params: {
value: loginBackground,
trigger: loginBackground.trigger,
placeholder: 'https://',
size: 5,
enable: capa
}
}"></div>
</div>
</div>
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_LOGIN_CUSTOM_CSS"></label>
<div class="controls">
<div class="custom-css-wrapper" data-bind="component: {
name: 'TextArea',
params: {
value: loginCss,
trigger: loginCss.trigger,
width: 495,
enable: capa,
rows: 7
}
}"></div>
</div>
</div>
<div class="control-group">
<div class="controls">
<div data-bind="component: {
name: 'Checkbox',
params: {
enable: capa,
label: 'TAB_BRANDING/LABEL_LOGIN_SHOW_POWERED_LINK',
value: loginPowered
}
}"></div>
</div>
</div>
<div class="legend" data-i18n="TAB_BRANDING/LEGEND_USER"></div>
<!--
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_USER_LOGO"></label>
<div class="controls">
<div data-bind="component: {
name: 'Input',
params: {
value: userLogo,
trigger: userLogo.trigger,
placeholder: 'https://',
size: 5,
enable: capa
}
}"></div>
</div>
</div>
-->
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_USER_CUSTOM_CSS"></label>
<div class="controls">
<div class="custom-css-wrapper" data-bind="component: {
name: 'TextArea',
params: {
value: userCss,
trigger: userCss.trigger,
width: 495,
enable: capa,
rows: 7
}
}"></div>
</div>
</div>
<div class="row" data-bind="visible: !capa()">
<div class="alert span8" style="margin-top: 10px;" data-i18n="[html]TAB_BRANDING/HTML_ALERT_PREMIUM"></div>
<ul class="nav nav-tabs">
<li class="active">
<a class="i18n" data-i18n="TAB_BRANDING/LEGEND_LOGIN"
href="#branding-login-section-id" data-toggle="tab"></a>
</li>
<li>
<a class="i18n" data-i18n="TAB_BRANDING/LEGEND_USER"
href="#branding-user-section-id" data-toggle="tab"></a>
</li>
<li>
<a class="i18n" data-i18n="TAB_BRANDING/LEGEND_WELCOME_PAGE"
href="#branding-welcome-page-section-id" data-toggle="tab"></a>
</li>
</ul>
<br />
<div class="row">
<div class="tab-content span12">
<div class="tab-pane active" id="branding-login-section-id">
<div class="form-horizontal" data-bind="css: {'disabled-form': !capa()}">
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_LOGIN_LOGO"></label>
<div class="controls">
<div data-bind="component: {
name: 'Input',
params: {
value: loginLogo,
trigger: loginLogo.trigger,
placeholder: 'https://',
size: 5,
enable: capa
}
}"></div>
</div>
</div>
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_LOGIN_DESCRIPTION"></label>
<div class="controls">
<div data-bind="component: {
name: 'Input',
params: {
value: loginDescription,
trigger: loginDescription.trigger,
size: 5,
enable: capa
}
}"></div>
</div>
</div>
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_LOGIN_BACKGROUND"></label>
<div class="controls">
<div data-bind="component: {
name: 'Input',
params: {
value: loginBackground,
trigger: loginBackground.trigger,
placeholder: 'https://',
size: 5,
enable: capa
}
}"></div>
</div>
</div>
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_LOGIN_CUSTOM_CSS"></label>
<div class="controls">
<div class="custom-css-wrapper" data-bind="component: {
name: 'TextArea',
params: {
value: loginCss,
trigger: loginCss.trigger,
width: 495,
enable: capa,
rows: 7
}
}"></div>
</div>
</div>
<div class="control-group">
<div class="controls">
<div data-bind="component: {
name: 'Checkbox',
params: {
enable: capa,
label: 'TAB_BRANDING/LABEL_LOGIN_SHOW_POWERED_LINK',
value: loginPowered
}
}"></div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="branding-user-section-id">
<div class="form-horizontal" data-bind="css: {'disabled-form': !capa()}">
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_USER_CUSTOM_CSS"></label>
<div class="controls">
<div class="custom-css-wrapper" data-bind="component: {
name: 'TextArea',
params: {
value: userCss,
trigger: userCss.trigger,
width: 495,
enable: capa,
rows: 7
}
}"></div>
</div>
</div>
</div>
</div>
<div class="tab-pane active" id="branding-welcome-page-section-id">
<div class="form-horizontal" data-bind="css: {'disabled-form': !capa()}">
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_WELCOME_PAGE_URL"></label>
<div class="controls">
<div data-bind="component: {
name: 'Input',
params: {
value: welcomePageUrl,
trigger: welcomePageUrl.trigger,
placeholder: 'https://',
size: 5,
enable: capa
}
}"></div>
</div>
</div>
<div class="control-group">
<label class="control-label" data-i18n="TAB_BRANDING/LABEL_WELCOME_PAGE_DISPLAY"></label>
<div class="controls">
<div data-bind="component: {
name: 'Select',
params: {
options: welcomePageDisplay.options,
value: welcomePageDisplay,
trigger: welcomePageDisplay.trigger,
optionsText: 'optText',
optionsValue: 'optValue',
size: 2,
enable: capa
}
}"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" data-bind="visible: !capa()">
<div class="alert span8" style="margin-top: 10px;" data-i18n="[html]TAB_BRANDING/HTML_ALERT_PREMIUM"></div>
</div>
</div>