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>

View file

@ -0,0 +1,22 @@
<div class="popups">
<div class="modal hide b-welcom-page-content g-ui-user-select-none"
data-bind="modal: modalVisibility" style="width: 600px">
<div class="modal-body" style="height: 450px; padding: 0">
<div data-bind="if:welcomePageURL" style="height: 100%; width: 100%; margin: 0; padding: 0; position: relative">
<iframe src="javascript:1;" tabindex="-1" frameborder="0"
style="border: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;"
data-bind="attr: {'src': welcomePageURL}"></iframe>
</div>
</div>
<div class="modal-footer">
<button class="btn" data-bind="command: cancelCommand, hasFocus: closeFocused">
<i class="icon-remove"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n="POPUPS_WELCOME_PAGE/BUTTON_CLOSE"></span>
</button>
</div>
</div>
</div>

View file

@ -108,7 +108,8 @@
<span class="flag-name" data-bind="text: languageFullName, click: selectLanguage"></span>
</label>
</div>
</div>
</center>
{{INCLUDE/BottomFooter/PLACE}}
</center>
</div>
<div class="loginAfter"></div>
</div>

View file

@ -173,7 +173,7 @@
</div>
<div class="mainDelimiter footerDelimiter"></div>
<div class="b-footer thm-message-list-bottom-toolbar">
<span data-tooltip-i18n="off" data-bind="visible: 0 < userUsageProc(), tooltip: quotaTooltip" class="e-quota">
<span data-tooltip-i18n="off" data-tooltip-mobile="on" data-bind="visible: 0 < userUsageProc(), tooltip: quotaTooltip" class="e-quota">
<span data-bind="text: userUsageProc"></span>%
</span>
<div class="pull-right">