2013-09-25 03:04:44 +08:00
|
|
|
<div class="b-settings-social">
|
|
|
|
<div class="form-horizontal" data-bind="visible: googleEnable">
|
|
|
|
<div class="legend">
|
|
|
|
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/LEGEND_GOOGLE"></span>
|
|
|
|
</div>
|
2013-11-02 06:19:20 +08:00
|
|
|
<div class="control-group rl-animation-margin-sub1" data-bind="visible: !googleLoggined()">
|
2013-09-25 03:04:44 +08:00
|
|
|
<button class="btn" data-bind="command: connectGoogle">
|
|
|
|
<i class="icon-google" data-bind="visible: !googleActions()"></i>
|
|
|
|
<i class="icon-spinner-2 animated" data-bind="visible: googleActions()"></i>
|
|
|
|
|
|
|
|
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_GOOGLE_CONNECT"></span>
|
|
|
|
</button>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<blockquote>
|
|
|
|
<p class="i18n muted" style="width: 700px" data-i18n-text="SETTINGS_SOCIAL/MAIN_GOOGLE_DESC"></p>
|
|
|
|
</blockquote>
|
|
|
|
</div>
|
2013-11-02 06:19:20 +08:00
|
|
|
<div class="control-group rl-animation-margin-sub1" data-bind="visible: googleLoggined">
|
2013-09-25 03:04:44 +08:00
|
|
|
<strong>
|
|
|
|
<i class="icon-google"></i>
|
|
|
|
|
|
|
|
<span data-bind="text: googleUserName"></span>
|
|
|
|
</strong>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<button class="btn" data-bind="command: disconnectGoogle">
|
|
|
|
<i class="icon-remove" data-bind="visible: !googleActions()"></i>
|
|
|
|
<i class="icon-spinner-2 animated" data-bind="visible: googleActions()"></i>
|
|
|
|
|
|
|
|
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_GOOGLE_DISCONNECT"></span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-horizontal" data-bind="visible: facebookEnable">
|
|
|
|
<div class="legend">
|
|
|
|
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/LEGEND_FACEBOOK"></span>
|
|
|
|
</div>
|
2013-11-02 06:19:20 +08:00
|
|
|
<div class="control-group rl-animation-margin-sub1" data-bind="visible: !facebookLoggined()">
|
2013-09-25 03:04:44 +08:00
|
|
|
<button class="btn" data-bind="command: connectFacebook">
|
|
|
|
<i class="icon-facebook" data-bind="visible: !facebookActions()"></i>
|
|
|
|
<i class="icon-spinner-2 animated" data-bind="visible: facebookActions()"></i>
|
|
|
|
|
|
|
|
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_FACEBOOK_CONNECT"></span>
|
|
|
|
</button>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<blockquote>
|
|
|
|
<p class="i18n muted" style="width: 700px" data-i18n-text="SETTINGS_SOCIAL/MAIN_FACEBOOK_DESC"></p>
|
|
|
|
</blockquote>
|
|
|
|
</div>
|
2013-11-02 06:19:20 +08:00
|
|
|
<div class="control-group rl-animation-margin-sub1" data-bind="visible: facebookLoggined">
|
2013-09-25 03:04:44 +08:00
|
|
|
<strong>
|
|
|
|
<i class="icon-facebook"></i>
|
|
|
|
|
|
|
|
<span data-bind="text: facebookUserName"></span>
|
|
|
|
</strong>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<button class="btn" data-bind="command: disconnectFacebook">
|
|
|
|
<i class="icon-remove" data-bind="visible: !facebookActions()"></i>
|
|
|
|
<i class="icon-spinner-2 animated" data-bind="visible: facebookActions()"></i>
|
|
|
|
|
|
|
|
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_FACEBOOK_DISCONNECT"></span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-horizontal" data-bind="visible: twitterEnable">
|
|
|
|
<div class="legend">
|
|
|
|
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/LEGEND_TWITTER"></span>
|
|
|
|
</div>
|
2013-11-02 06:19:20 +08:00
|
|
|
<div class="control-group rl-animation-margin-sub1" data-bind="visible: !twitterLoggined()">
|
2013-09-25 03:04:44 +08:00
|
|
|
<button class="btn" data-bind="command: connectTwitter">
|
|
|
|
<i class="icon-twitter" data-bind="visible: !twitterActions()"></i>
|
|
|
|
<i class="icon-spinner-2 animated" data-bind="visible: twitterActions()"></i>
|
|
|
|
|
|
|
|
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_TWITTER_CONNECT"></span>
|
|
|
|
</button>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<blockquote>
|
|
|
|
<p class="i18n muted" style="width: 700px" data-i18n-text="SETTINGS_SOCIAL/MAIN_TWITTER_DESC"></p>
|
|
|
|
</blockquote>
|
|
|
|
</div>
|
2013-11-02 06:19:20 +08:00
|
|
|
<div class="control-group rl-animation-margin-sub1" data-bind="visible: twitterLoggined">
|
2013-09-25 03:04:44 +08:00
|
|
|
<strong>
|
|
|
|
<i class="icon-twitter"></i>
|
|
|
|
|
|
|
|
<span data-bind="text: twitterUserName"></span>
|
|
|
|
</strong>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<button class="btn" data-bind="command: disconnectTwitter">
|
|
|
|
<i class="icon-remove" data-bind="visible: !twitterActions()"></i>
|
|
|
|
<i class="icon-spinner-2 animated" data-bind="visible: twitterActions()"></i>
|
|
|
|
|
|
|
|
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_TWITTER_DISCONNECT"></span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|