cobuild-angular-stack/modules/coupleAccount/views/auth.share.html

Base stack angular sass jade gulp

<div class="share-link modal-header">
  <button type="button" class="close outside outside-2" ng-click="cancel()" aria-label="Close">
    <span aria-hidden="true"><img src="img/close@2x.png" alt=""></span>
  </button> 
</div>

<div class="modal-body pay-form">
    <div class="row">
        <div class="col-xs-10 col-xs-offset-1">
            <div class="row">
                <div class="col-xs-12">
                    <div class="text-center margin-top-4">
                        <h3 class="header-pink text-capitalize">{{'congratulations' | translate}}</h3>
                        <h4 class="header-gray no-text-transform margin-top-2">{{'share-subheader' | translate}}</h4>
                    </div>
                </div>
            </div>
            <div class="row margin-top-2">
                <div class="col-xs-12">
                    <div class="form-group" style="width: 100%">
                        <div class="input-group">
                            <input class="form-control" disabled="disabled" type="text" ng-model="url">
                            <div class="input-group-btn">
                                <button class="btn btn-clear" ui-zeroclip zeroclip-copied="copied=true"
                                        zeroclip-model="url"> {{'share' | translate}}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row text-center">O compartelo en tus redes sociales:</div>
            <div class="row text-center margin-top">
                


                <a socialshare socialshare-provider="facebook"
                   socialshare-url="{{url}}"
                   socialshare-text="Uniko.co"
                   socialshare-description="{{'social-share'|translate}}"
                   socialshare-media="{{coupleAccount.weddingData.profilePhoto || 'http://front.uniko.co/img/share-icon.png'}}"
                   socialshare-caption="Boda de {{coupleAccount.weddingData.nameP1}} &amp; {{coupleAccount.weddingData.nameP2}}"
                   socialshare-popup-height="400"
                   socialshare-popup-width="600"
                   socialshare-type="feed"
                   socialshare-via="$$UnikofbApiKey$$"
                >
                  <img style="width: 26px" src="img/icon-facebook.png">
                </a>
                
                <a socialshare socialshare-provider="twitter"
                   socialshare-url="{{url}}"
                   socialshare-text="{{'social-share'|translate}}"
                   socialshare-description="{{'social-share'|translate}}"
                   socialshare-display="{{'social-share'|translate}}"
                   socialshare-caption="{{'social-share'|translate}}"
                   socialshare-popup-height="400"
                   socialshare-popup-width="600"
                   style="margin-left: 80px;"
                ><img style="width: 26px" src="img/icon-twitter.png"/></a>
            </div>
            <div class="row text-center margin-top-2 margin-bottom-3">Si quieres recibir mas regalos, mira estos <a href="http://blog.unikodf.com/?__hstc=72869708.d5b8579092811943e98ff47e6761a5a8.1464734766340.1468200588599.1468225540849.167&__hssc=72869708.13.1468225540849&__hsfp=2384269838" target="_blank">tips</a> en nuestro blog.</div>
        </div>
    </div>
</div>