snappymail/rainloop/v/0.0.0/app/templates/Views/Admin/AdminSettingsSocial.html

<div class="adminSecurity">
	<div class="row">
		<div class="alert alert-info span10" style="margin-top: 10px;">
			Detailed information on social integration is found at
			<a href="http://rainloop.net/docs/social/" target="_blank">http://rainloop.net/docs/social/</a>
		</div>
	</div>
	<div class="form-horizontal g-ui-user-select-none">
		<div class="legend">
			Google
		</div>
		<div class="control-group">
			<div class="controls">
				<label data-bind="click: function () { googleEnable(!googleEnable()); }">
					<i data-bind="css: googleEnable() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
					Enable Google Integration
				</label>
				<div data-bind="visible: googleEnable">
					<br />
					<blockquote>
						<label data-bind="click: function () { googleEnable.auth(!googleEnable.auth()); }">
							<i data-bind="css: googleEnable.auth() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
							Authentication
						</label>
						<label data-bind="click: function () { googleEnable.drive(!googleEnable.drive()); }" style="margin-top: 5px">
							<i data-bind="css: googleEnable.drive() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
							Google Drive Integration (Compose view)
						</label>
					</blockquote>
				</div>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">
			   Client ID
			</label>
			<div class="controls">
				<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
					data-bind="value: googleClientID, saveTrigger: googleTrigger1" />
				<div data-bind="saveTrigger: googleTrigger1"></div>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">
			   Client Secret
			</label>
			<div class="controls">
				<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
					data-bind="value: googleClientSecret, saveTrigger: googleTrigger2" />
				<div data-bind="saveTrigger: googleTrigger2"></div>
			</div>
		</div>
		<br />
		<div class="control-group">
			<label class="control-label">
				Api Key
			</label>
			<div class="controls">
				<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
					data-bind="value: googleApiKey, saveTrigger: googleTrigger3, enable: googleEnable.drive" />
				<div data-bind="saveTrigger: googleTrigger3"></div>
				<blockquote style="margin-top: 10px; margin-bottom: 0">
					<p class="muted">
						Required for Google Drive File Picker
					</p>
				</blockquote>
			</div>
		</div>
		<div class="legend">
			Facebook
			<span style="color: #ccc; font-size: 14px;" data-bind="visible: !facebookSupported()">(requires PHP 5.4 or greater)</span>
		</div>
		<div data-bind="if: facebookSupported">
			<div class="control-group">
				<div class="controls">
					<label data-bind="click: function () { facebookEnable(!facebookEnable()); }">
						<i data-bind="css: facebookEnable() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
						Enable Facebook Integration (Authentication)
					</label>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">
				   App ID
				</label>
				<div class="controls">
					<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
						data-bind="value: facebookAppID, saveTrigger: facebookTrigger1" />
					<div data-bind="saveTrigger: facebookTrigger1"></div>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">
				   App Secret
				</label>
				<div class="controls">
					<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
						data-bind="value: facebookAppSecret, saveTrigger: facebookTrigger2" />
					<div data-bind="saveTrigger: facebookTrigger2"></div>
				</div>
			</div>
		</div>
		<div class="legend">
			Twitter
		</div>
		<div class="control-group">
			<div class="controls">
				<label data-bind="click: function () { twitterEnable(!twitterEnable()); }">
					<i data-bind="css: twitterEnable() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
					Enable Twitter Integration (Authentication)
				</label>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">
			   Consumer Key
			</label>
			<div class="controls">
				<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
					data-bind="value: twitterConsumerKey, saveTrigger: twitterTrigger1" />
				<div data-bind="saveTrigger: twitterTrigger1"></div>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">
			   Consumer Secret
			</label>
			<div class="controls">
				<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
					data-bind="value: twitterConsumerSecret, saveTrigger: twitterTrigger2" />
				<div data-bind="saveTrigger: twitterTrigger2"></div>
			</div>
		</div>
		<div class="legend">
			Dropbox
		</div>
		<div class="control-group">
			<div class="controls">
				<label data-bind="click: function () { dropboxEnable(!dropboxEnable()); }">
					<i data-bind="css: dropboxEnable() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
					Enable Dropbox Integration (Compose view)
				</label>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">
			   Api Key
			</label>
			<div class="controls">
				<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
					data-bind="value: dropboxApiKey, saveTrigger: dropboxTrigger1" />
				<div data-bind="saveTrigger: dropboxTrigger1"></div>
			</div>
		</div>
	</div>
</div>