cobuild-angular-stack
Version:
Base stack angular sass jade gulp
116 lines (115 loc) • 8.29 kB
HTML
<div class="container-fluid">
<div id="kitchen" class="col-md-2 col-sm-3" ng-include="'partials/uniko-aside-profile.html'"></div>
<div class="profile-form col-md-9 col-sm-9 col-xs-12">
<div class="header-pink text-center mt-data">{{'couple-data' | translate}}</div>
<form class="margin-top" ng-submit="profileForm.$valid && update()" name="profileForm">
<div class="col-md-6 col-sm-6 col-xs-12">
<h3>TUS DATOS</h3>
<div class="form-group label-floating">
<label class="control-label" for="profile_name"> {{'your-name' | translate}}</label>
<input id="profile_name" type="text" name="nameP1" ng-model="user.weddingData.nameP1" class="form-control">
<label class="control-label" for="profile_lastname"> {{'your-last-name' | translate}}</label>
<input id="profile_lastname" type="text" name="lastnameP1" ng-model="user.weddingData.lastnameP1" class="form-control">
<label class="control-label" for="profile_email"> {{'your-email' | translate}}</label>
<input type="email" id="profile_email" name="email" ng-model="user.email" class="form-control">
<label class="control-label" for="profile_cn1">{{'contact-number' | translate}} 1</label>
<input type="tel" name="cn1" id="profile_cn1" ng-model="user.phoneNumber1" class="form-control"/>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<h3>DATOS DE TU PAREJA</h3>
<div class="form-group label-floating">
<label class="control-label" for="profile_name2"> {{'couple-first-name' | translate}}</label>
<input type="text" id="profile_name2" name="nameP2" ng-model="user.weddingData.nameP2" class="form-control">
<label class="control-label" for="profile_lastname2"> {{'couple-last-name' | translate}}</label>
<input type="text" id="profile_lastname2" name="lastnameP2" ng-model="user.weddingData.lastnameP2" class="form-control">
<label class="control-label" for="profile_cemail">{{ 'couple-email' | translate}}</label>
<input type="email" id="profile_cemail" name="email2" ng-model="user.email2" class="form-control"/>
<label class="control-label" for="profile_cn2">{{'contact-number' | translate}} 2</label>
<input type="tel" id="profile_cn2" name="cn2" ng-model="user.phoneNumber2" class="form-control"/>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<h3>DATOS DE TU BODA</h3>
</div>
<div class="col-md-6 col-sm-6 col-xs-12" style="clear: none;">
<div class="form-group">
<div class="label-floating" ng-class="{'has-error':profileForm.url.$invalid}">
<label class="control-label">{{'table-url' | translate}}</label>
<div class="input-group col-xs-12" ng-show="editUrl">
<div class="input-group-addon eui-sm">
http://front.uniko.co/
</div>
<!--<div class="input-group-addon">https://uniko.co/</div>-->
<input type="text" class="form-control" name="url" ng-model="user.url"
ng-model-options="{ updateOn: 'blur'}">
</div>
<div class="input-group col-xs-12" ng-show="!editUrl">
<input style="cursor: text" type="text" disabled class="form-control" value="{{url}}"/>
<div class="input-group-btn eu-small">
<a class="btn btn-clear" ng-click="editUrl = true">{{'edit' | translate}} URL</a>
</div>
</div>
<div ng-show="profileForm.url.$invalid">
<span class="help-block" ng-show="profileForm.url.$error.custom">{{'url-exists' | translate}} <a ng-repeat="url in urlSuggestions" ng-click="setUrl(url)"> {{url}}<span ng-show="!$last">,</span> </a></span>
</div>
</div>
<label class="control-label">{{'hour-wedding' | translate}}</label>
<input type="time" ng-model="weddingHour" placeholder="{{'hour-wedding' | translate}}" class="form-control"/>
<label class="control-label place">{{'local-address' | translate}}</label>
<div style="display: none;">
<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-google-map>
</div>
<div>
<div ng-show="!searchActive">
<button class="form-control text-left google-search-map"
ng-click="searchActive = true"
ng-focus="searchActive = true"
ng-bind-html="user.weddingData.gpsaddress.templateparameter.adr_address"></button>
</div>
<div ng-show="searchActive" id="searchBoxParent">
<script type="text/ng-template" id="searchbox.tpl.html">
<input class="form-control google-search-map" type="text" autocomplete="off"
require-focus-on-map="searchActive"
ng-model="address" placeholder="{{'enter-address-place' | translate}}"
ng-required="searchActive"/>
</script>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12" style="clear: none;">
<div class="form-group label-floating">
<label class="control-label">{{'wedding-date' | translate}}</label>
<div class="input-group">
<input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="user.weddingData.date" mousewheel="false" is-open="popup1.opened" datepicker-options="dateOptions" close-text="Close"/>
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-clear"
ng-click="popup1.opened = true">
<span class="icon calendar"></span>
</button>
</span>
</div>
<label class="control-label">{{'local-name' | translate}}</label>
<input type="text" ng-model="user.weddingData.placeName" class="form-control"/>
<label class="control-label">{{'city' | translate}}</label>
<input type="text" ng-model="user.weddingData.city" class="form-control"/>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 margin-bottom text-center">
<button type="button" ng-click="updatePassword()" class="btn btn-dark btn-dform">
{{'change-password' | translate}}
</button>
<button type="submit" ng-disabled="profileForm.$invalid" class="btn btn-inverse btn-dform">
{{'save-changes' | translate}}
</button>
<a ui-sref='homeUser' class="cancel">{{'cancel' | translate}}</a>
</div>
</form>
</div>
</div>