cobuild-angular-stack

<div id="kitchen" class="container-fluid" ng-class="{'guest-main': !isAuthenticated}"> <div id="guest-registry-display" class="row"> <div class="col-md-12"> <div ng-include="'partials/banner-wedding.html'"></div> <div class="row" ng-if="account.weddingData.welcomeMessage.length > 0"> <div class="col-md-12"> <div class="mensaje-bienvenida"> <div class="message-guest" style=" margin-bottom: 20px;"> <p ng-class="{'too-long':account.weddingData.welcomeMessage.length > 200}" ng-bind="account.weddingData.welcomeMessage"></p> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 text-center"> <button class="btn btn-inverse btn-action" require-scroll scroll-offset="50" ui-sref="guest.registry({url:account.url})">{{'see-gifts-table' | translate}} <i class="fa fa-angle-right"></i></button> </div> </div> <div class="row form-map flex-overflow"> <div class="map guest-map" ng-class="{'col-xs-12 flex-col':!account.rsvpDisabled, 'rsvp-disabled':account.rsvpDisabled}"> <div class="row"> <div class="col-md-12 col-sm-12 no-padding"> <ui-gmap-google-map center="map.center" zoom="map.zoom" dragging="map.dragging" bounds="map.bounds" events="map.events" options="map.options" pan="true" control="map.control"> <ui-gmap-markers idkey="map.idkey" models="map.markers" coords="'self'" icon="'icon'" click="'onClicked'"></ui-gmap-markers> <ui-gmap-window show="window.show" coords="window.coords" idkey="window.place_id" templateurl="window.templateurl" templateparameter="window.templateparameter" options="window.options" closeClick='window.closeClick()' ng-cloak> </ui-gmap-window> </ui-gmap-google-map> </div> </div> <div class="row description absolute-bottom"> <div class="col-md-6 col-sm-12 item"> <span class="header"> <span class="icon marker"></span>{{'where' | translate}}</span> <br> <div class="subheader"> <b>{{account.weddingData.placeName}}</b><span ng-show="account.weddingData.placeName">.</span> <span>{{weddingData.gpsaddress.templateparameter.formatted_address}}</span> </div> </div> <div class="col-md-6 col-sm-12 item"> <span class="header"> <span class="icon time"></span>{{'when' | translate}}</span> <br> <div class="subheader"> <span ng-show="!weddingData.dateText">{{weddingData.date | date: 'dd MMMM yyyy hh:mma'}}</span> <span ng-show="weddingData.dateText">{{weddingData.dateText}}</span> </div> </div> </div> </div> <div ng-show="!account.rsvpDisabled && !sendedRSVP" class="form form-assistance col-xs-12 flex-col"> <form name="rsvpForm" ng-submit="!account.rsvpDisabled && rsvpForm.$valid && sendRsvp()" novalidate > <div class="form-assistence"> <div class="row"> <div class="col-md-12 col-sm-12 header"> {{'confirm-attend' | translate}} </div> </div> <div class="row"> <div class="col-md-12 col-sm-12"> <div class="form-group label-floating" ng-class="{'has-warning': (rsvpForm.$submitted || rsvpForm.name.$touched) && rsvpForm.name.$invalid}">   <input ng-model="rsvp.name" name="name" class="form-control" id="guest-name" required placeholder="{{'name' | translate}}"> <div class="help-block" ng-show="(rsvpForm.$submitted || rsvpForm.name.$touched) && rsvpForm.name.$invalid"> <span>{{'field-required' | translate}}</span> </div> </div> </div> </div> <div class="row"> <div class="col-md-6 col-sm-6"> <div class="form-group label-floating" ng-class="{'has-warning': (rsvpForm.$submitted || rsvpForm.email.$touched) && rsvpForm.email.$invalid}">  <input type="email" ng-model="rsvp.email" ng-pattern="emailFormat" required name="email" class="form-control" id="guest-email" placeholder="{{'email' | translate}}"> <div class="help-block ajust-errors" ng-show="(rsvpForm.$submitted || rsvpForm.email.$touched) && rsvpForm.email.$invalid"> <span ng-show="rsvpForm.email.$error.required">{{'field-required' | translate}}</span> <span ng-show="rsvpForm.email.$error.email">{{'invalid-email' | translate}}</span> </div> </div> </div> <div class="col-md-6 col-sm-6"> <div class="form-group" ng-class="{'has-warning': (rsvpForm.$submitted || rsvpForm.additionals.$touched) && rsvpForm.additionals.$invalid}">  <input type="number" name="additionals" ng-model="rsvp.additionals" class="form-control" id="guest-adds" min="0" placeholder=" {{'additional-people' | translate}}"> <div class="help-block" ng-show="(rsvpForm.$submitted || rsvpForm.additionals.$touched) && rsvpForm.additionals.$invalid"> <span ng-show="rsvpForm.additionals.$error.min">{{'positive-number' | translate}}</span> <span ng-show="rsvpForm.additionals.$error.number">{{'field-only-number' | translate}}</span> </div> </div> </div> </div> <div class="row flex-center"> <div class="col-md-6 col-sm-6"> <div class="cool-font"> <input type="radio" id="radio1" name="asistencia" ng-model="rsvp.confirm" ng-value="true"> <label for="radio1"> <div></div> </label> {{'attend' | translate}} </div> </div> <div class="col-md-6 col-sm-6"> <div class="cool-font"> <input type="radio" id="radio2" name="asistencia" ng-model="rsvp.confirm" ng-value="false"> <label for="radio2"> <div></div> </label> {{'not-attend' | translate}} </div> </div> </div> <div class="row footer flex-center"> <div class="col-md-12 col-sm-12 text-center"> <button type="submit" ng-disabled="rsvpForm.$invalid" class="btn btn-clear">{{'send' | translate}}</button> </div> </div> </div> </form> </div> <div id="success-position" ng-show="!account.rsvpDisabled && sendedRSVP" class="col-md-5 col-sm-5 form pull-right flex-center" style="height: 380px"> <div class="text-center" style="font-size: 20px;width: 100%" ng-show="rsvp.confirm"> <i class="fa fa-check color-inverse" aria-hidden="true"></i> {{'send-confirmation' | translate}} </div> <div class="text-center" style="font-size: 20px;width: 100%" ng-show="!rsvp.confirm"> <i class="fa fa-check color-inverse" aria-hidden="true"></i> {{'thanks' | translate}} </div> </div> </div> </div> </div> </div>