cobuild-angular-stack
Version:
Base stack angular sass jade gulp
186 lines (181 loc) • 11.6 kB
HTML
<div id="kitchen" class="container-fluid">
<div class="row" >
<div class="col-md-2 col-sm-3 col-xs-12" ng-include="'partials/uniko-aside.html'"></div>
<div class="col-md-10 col-sm-9 col-xs-12 wedding-container">
<div ng-include="'partials/banner-wedding.html'"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="mensaje-bienvenida">
<textarea id="textarea" ng-show="messageIsEditable" maxlength="400" ng-model="account.weddingData.welcomeMessage" ng-model-options="{updateOn: 'blur'}"
placeholder="{{'welcome-message' | translate}}">
</textarea>
<div id="textarea" ng-show="!messageIsEditable">
{{account.weddingData.welcomeMessage}}
</div>
<div class="icon-message" ng-show="!messageIsEditable" ng-click="messageIsEditable= true"><img src="img/lapizpink.png" alt=""></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 text-center">
<button class="btn btn-inverse btn-action" ui-sref="registry">
{{'see-gifts-table' | translate}}
<i class="fa fa-angle-right"></i>
</button>
</div>
</div>
<div class="row form-map flex-overflow" ng-show="!editableWeddingData">
<div class="map auth-map flex-col">
<button class="btn btn-inverse edit-map" ng-click="editableWeddingData=true" ng-show="weddingData.isSetted">{{'edit-content' | translate}} </button>
<div class="disable-map" >
<button class="btn btn-inverse" ng-show="!weddingData.isSetted" ng-click="editableWeddingData=true" >{{'add-wedding-details' | translate}}</button>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<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-search-box template="searchbox.template" events="searchbox.events"
parentdiv="'searchBoxParent'"></ui-gmap-search-box>
<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 col-xs-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 col-xs-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 class="form form-assistence auth-form flex-col">
<button class="btn btn-inverse edit-form" ng-click="exportRSVP()">{{ 'export-answers' | translate}}</button>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 header height-80">
{{'confirm-attend' | translate}}
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="form-group label-floating">
<input class="form-control" id="focusedInput1" type="text"
placeholder="{{'name' | translate}}">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="form-group label-floating">
<input class="form-control" id="focusedInput1" type="text"
placeholder="{{'email' | translate}}">
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="form-group label-floating">
<input class="form-control" id="focusedInput1" type="text"
placeholder="# {{'additional-people' | translate}}">
</div>
</div>
</div>
<div class="row flex-center">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="cool-font">
<input type="radio" id="radio1" ng-model="data.asistencia" value="true">
<label for="radio1">
<div></div>
</label> {{'attend' | translate}}
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="cool-font text-center">
<input type="radio" id="radio2" ng-model="data.asistencia" 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 col-xs-12 text-center">
<button class="btn btn-clear">{{'send' | translate}}</button>
</div>
</div>
</div>
</div>
<div ng-show="editableWeddingData" class="row form-map edit">
<div class="col-sm-12 col-md-7 col-md-offset-2">
<div class="form-group label-floating">
<input class="form-control" ng-model="weddingData.placeName"
ng-model-options="{ updateOn: 'blur' }" placeholder="{{'local-name' | translate}}">
</div>
<div class="form-group label-floating" ng-show="!searchActive">
<label class="control-label" for="focusedInput1" style="margin-top: 25px;">
{{'address' | translate}}
</label>
<button class="form-control google-search-map" ng-click="searchActive = true" ng-focus="searchActive = true"
ng-bind-html="weddingData.gpsaddress.templateparameter.adr_address"
place-holder=" {{'address' | translate}}"></button>
</div>
<div class="form-group label-floating" id="searchBoxParent" ng-show="searchActive">
<label class="control-label" for="focusedInput1">
{{'address' | translate}}
</label>
<script type="text/ng-template" id="searchbox.tpl.html">
<input class="form-control google-search-map" require-focus-on-map="searchActive" type="text" ng-model="address"
placeholder="{{'enter-address-place' | translate}}" required/>
</script>
</div>
<div class="row">
<div class="col-sm-6 col-md-6" style="margin-top: 17px">
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control" uib-datepicker-popup="shortDate"
placeholder="{{'wedding-date' | translate}}" ng-model="weddingData.date"
is-open="popup2.opened" datepicker-options="dateOptions" ng-required="true"
mousewheel="false" close-text="Close" alt-input-formats="altInputFormats"
ng-click="popup2.opened = !popup2.opened"/>
<span class="input-group-btn">
<button type="button" class="btn btn-clear"
ng-click="popup2.opened = !popup2.opened">
<i class="glyphicon glyphicon-calendar"></i>
</button>
</span>
</div>
</div>
</div>
<div class="col-sm-6 timepicker" style="margin-top: -6px">
<div class="form-group">
<uib-timepicker ng-model="date" hour-step="1" mousewheel="false" minute-step="30"
show-meridian="true">
</uib-timepicker>
</div>
</div>
</div>
<div class="row text-center">
<a class="btn btn-cancel" ng-click="editableWeddingData=false">{{'cancel' | translate}}</a>
<a ng-click="updatePlace()" class="btn btn-inverse">{{'save-changes' | translate}}</a>
</div>
</div>
</div>
</div>
</div>
</div>