             last_name  : @refs.last_name.getValue()
         save_to_server()
 
+    render_strategy: (strategy) ->
+        if strategy != 'email'
+            <Button key={strategy}
+                   href={"/auth/#{strategy}"}
+                   bsStyle={if @props.passports?[strategy]? then 'warning' else 'default'}
+                   style={marginRight:'1ex'}>
+                <Icon name={strategy} /> {misc.capitalize(strategy)}
+            </Button>
+
+    render_sign_in_strategies: ->
+        if not @props.strategies? or @props.strategies.length <= 1
+            return
+        <div>
+            <hr key='hr0' />
+            {(@render_strategy(strategy) for strategy in @props.strategies)}
+            <hr key='hr1' />
+            <span key='span' className="lighten">NOTE: Linked accounts are
+                currently <em><strong>only</strong></em> used for sign
+                in; in particular, sync is not
+                yet implemented.
+            </span>
+        </div>
+
     render: ->
         <Panel header={<h2> <Icon name='user' /> Account</h2>}>
             <TextSetting

    flux.getActions('account').setTo
        account_id : account_settings.account_id()
    flux.getActions('account').setTo(account_settings.settings)

# save settings to backend from store
_last_save = undefined

        $.getScript "/static/zxcvbn/zxcvbn.js", () =>
            zxcvbn = window.zxcvbn
    return




