cronapp-framework-js/components/templates/social-button-bar.template.html

Javascript library for CronApp's projects

<div class="component-holder ng-binding ng-scope col-xs-12 col-md-12" data-component="crn-social-login" id="crn-social-login${RANDOM}">
  <ul class="list-inline center-block text-center">
    <li data-container="true">
      <div action="/oauth2/authorization/facebook" method="GET" id="facebookContainer">
        <input type="hidden" name="scope" value="email,public_profile">
        <a title="Facebook" role="button" onclick="cronapi.internal.loginSocial('facebookContainer');">
          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
            <i class="fa fa-2x fa-facebook font-size-theme color-default" icon-size="font-size-theme" icon-theme="color-default"></i>
          </div>
        </a>
      </div>
    </li>
    <li data-container="true">
      <div action="/oauth2/authorization/github" method="GET" id="githubContainer">
        <input type="hidden" name="scope" value="email,public_profile">
        <a title="GitHub" role="button" onclick="cronapi.internal.loginSocial('githubContainer')">
          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
            <i class="fa fa-2x fa-github-alt font-size-theme color-default" icon-size="font-size-theme" icon-theme="color-default"></i>
          </div>
        </a>
      </div>
    </li>
    <li data-container="true">
      <div action="/oauth2/authorization/linkedin" method="GET" id="linkedinContainer">
        <input type="hidden" name="scope" value="r_emailaddress">
        <a title="LinkedIn" role="button" onclick="cronapi.internal.loginSocial('linkedinContainer')">
          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
            <i class="fa fa-2x fa-linkedin-square font-size-theme color-default" icon-size="font-size-theme" icon-theme="color-default"></i>
          </div>
        </a>
      </div>
    </li>
    <li data-container="true">
      <div action="/oauth2/authorization/google" method="GET" id="googleContainer">
        <input type="hidden" name="scope" value="email">
        <a title="Google" role="button" onclick="cronapi.internal.loginSocial('googleContainer')">
          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
            <i class="fa fa-2x fa-google font-size-theme color-default" icon-size="font-size-theme" icon-theme="color-default"></i>
          </div>
        </a>
      </div>
    </li>
    <li data-container="true">
      <div action="/oauth2/authorization/cronapp" method="GET" id="cronappContainer">
        <input type="hidden" name="scope" value="email">
        <a title="CronApp" role="button" onclick="cronapi.internal.loginSocial('cronappContainer')">
          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
            <i class="fa fa-2x fa-cloud font-size-theme color-default" icon-size="font-size-theme" icon-theme="color-default"></i>
          </div>
        </a>
      </div>
    </li>
  </ul>
</div>