cobuild-angular-stack/app/views/banner-wedding.html

Base stack angular sass jade gulp

<div class="row">
    <header class="bg-cover" ng-style="{backgroundImage: newCover ? 'url('+newCover+')': account.weddingData.coverPhoto ? 'url('+account.weddingData.coverPhoto+')': 'url(https://s3-us-west-2.amazonaws.com/uniko-prod/products/undefined/images/1463434858873?timestamp=1463434861201)'}">
        <div class="edit-cover flex-center" ng-click="editBanner()" ng-show="$root.current == 'homeUser' || $root.current == 'registry'">
            <img src="img/camerawhite.png">
            <span>{{'edit-cover-photo' | translate}}

            </span>
        </div>
        <div class="main-header">
            <div class="name text-right" ng-show="$root.current != 'homeUser' && $root.current != 'registry'">
                <span class="border-white ">{{weddingData.nameP1 || 'Nombre y Apellido'}}</span></div>
            <div class="name text-right" ng-show="$root.current == 'homeUser' || $root.current == 'registry'">
                <span class="border-white" blur="submit" buttons="no" editable-text="account.weddingData.nameP1">
                    <img src="img/lapiz@2x.png" ng-show="$root.current == 'homeUser' || $root.current == 'registry'">
                    {{account.weddingData.nameP1 || 'Nombre y Apellido'}}
                </span>
            </div>
            <div class="amp"><span>&</span></div>
            <div class="name text-left" ng-show="$root.current != 'homeUser' && $root.current != 'registry'">
                <span class="border-white padding-right">{{weddingData.nameP2 || 'Nombre y Apellido'}}</span></div>
            <div class="name text-left" ng-show="$root.current == 'homeUser' || $root.current == 'registry'">
                <span class="border-white padding-right" blur="submit" buttons="no" editable-text="account.weddingData.nameP2">
                    {{account.weddingData.nameP2 || 'Nombre y Apellido'}}
                    <img src="img/lapiz@2x.png" ng-show="$root.current == 'homeUser' || $root.current == 'registry'">
                </span>
            </div>
        </div>
        <div class="sub-header">
            <div class="text-center input-date" ng-show="$root.current != 'homeUser' && $root.current != 'registry'">
                <span>
                {{weddingData.date | date:'dd' }} &middot;
                {{weddingData.date | date:'MM' }} &middot;
                {{weddingData.date | date:'yy' }}</span>

                <!-- <span ng-bind="weddingData.date | date:'dd'"></span>&middot;
                <span ng-bind="weddingData.date | date:'MM'"></span>&middot;
                <span ng-bind="weddingData.date | date:'yy'"></span> -->
            </div>
            <div ng-if="$root.current == 'homeUser'" class="input-date-dropdown text-center">
                <div class="input-group inline-flex-center">
                    <input type="text" class="form-control date-select"
                    uib-datepicker-popup="dd &middot; MM &middot; yy"
                    show-button-bar = "false"
                    placeholder="{{'date-day' | translate}} &#183; {{'date-month' | translate}} &#183; {{'date-year' | translate}}"
                    ng-model="weddingData.date" is-open="popup1.opened"
                    datepicker-options="dateOptions"
                    ng-required="true" mousewheel="false" close-text="Close" alt-input-formats="altInputFormats" ng-click="popup1.opened = !popup1.opened"/>
                </div>
                <img src="img/lapiz@2x.png" ng-show="$root.current == 'homeUser' && !popup1.opened">
            </div>
        </div>
        <div class="avatar" ng-show="$root.current == 'homeUser' || $root.current == 'registry'">
            <div class="edit-photo flex-center" ng-click="editPhoto()" ng-show="$root.current == 'homeUser' || $root.current == 'registry'">
                <img src="img/camerawhite.png">
                <span>Actualiza tu foto de perfil</span>
            </div>
            <!-- <div class="black-layer"  ng-click="editPhoto()">
                <i class="fa fa-camera fa-lg"></i>
            </div> -->
            <img class="no-pic" ng-show="!account.weddingData.profilePhoto" src="img/couple.png" alt="">
            <img class="profile-pic" ng-show="account.weddingData.profilePhoto" ng-src="{{account.weddingData.profilePhoto}}">
        </div>
        <div class="avatar" ng-show="$root.current != 'homeUser' && $root.current != 'registry'">
            <img class="no-pic" ng-show="!account.weddingData.profilePhoto" src="img/couple.png" alt="">
            <img class="profile-pic" ng-show="account.weddingData.profilePhoto" ng-src="{{account.weddingData.profilePhoto}}">
        </div>
    </header>
</div>