UNPKG

cobuild-angular-stack

Version:

Base stack angular sass jade gulp

116 lines (115 loc) 8.29 kB
<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>