angular.module('Fundraising').run(['$templateCache',function(t){t.put('/Areas/PublicPages/Static/JS/fundraising-pages/fundraisingContent/fundraising-content.html','<div block-ui="fundraisingBlock">    <div class="row layout-block">        <div class="col-12">            <div ng-if="!vmContent.editMode">                <p class="npo-story"                   ng-bind-html="vmContent.story"></p>            </div>            <div ng-if="vmContent.editMode">                <div ng-if="!vmContent.showCkEditor" class="details-group--editable">                    <div class="details-group__edit-button" ng-if="vmContent.editMode">                        <div class="btn btn-primary"                             ng-click="vmContent.showCkEditor = !vmContent.showCkEditor">                            Edit                        </div>                    </div>                    <p class="npo-story" ng-bind-html="vmContent.story"                       ng-click="vmContent.showCkEditor = !vmContent.showCkEditor"                       ng-if="vmContent.story"></p>                </div>            </div>            <div class="col-sm-12" style="margin-bottom: 10px;"                 ng-show="vmContent.options && vmContent.showCkEditor">                <div id="customizeTemplate"                     name="customizeTemplate"                     ckeditor="vmContent.options"                     ng-model="vmContent.fundraisingPageEdit.Story"                     ready="cke.onReady()">                </div>                <span class="editable-buttons mt-3">                    <button type="submit" class="btn btn-primary" ng-click="vmContent.dataUpdated()">                        <span class="zmdi zmdi-check"></span>                    </button>                    <button type="button"                            ng-click="vmContent.cancelSave()"                            class="btn btn-default">                        <span class="zmdi zmdi-close"></span>                    </button>                </span>            </div>        </div>    </div>    <!--View Mode-->    <videos ng-if="!vmContent.editMode && vmContent.fundraisingData.Video.Target"            link="vmContent.fundraisingData.Video"            content-type="vmContent.fundraisingData.VideoContentType"></videos>    <!--Edit mode-->    <videos ng-if="vmContent.editMode && !vmContent.fundraisingPageEdit.ExternalVideoLink && vmContent.fundraisingData.Video.Target"            link="vmContent.fundraisingData.Video"            content-type="vmContent.fundraisingData.VideoContentType"></videos>    <videos ng-if="vmContent.editMode && vmContent.fundraisingPageEdit.ExternalVideoLink"            link="vmContent.fundraisingPageEdit.ExternalVideoLink" content-type="2" is-eua="true"></videos>    <!--View Mode-->    <page-images ng-if="!vmContent.editMode || (vmContent.editMode && !vmContent.fundraisingPageEdit.PageMainImage[0])" list="vmContent.fundraisingData.Images" editing="vmContent.editMode"                 add-image="vmContent.addImage()">    </page-images>    <!--Edit mode-->    <page-images ng-if="vmContent.editMode && (vmContent.fundraisingPageEdit.PageMainImage[0])" list="vmContent.fundraisingPageEdit.PageMainImage" editing="vmContent.editMode" hidden-option="vmContent.fundraisingPageEdit.PageMainImage.length > 0" delete-image="vmContent.deleteImage()"></page-images>        <div class="row" ng-if="vmContent.fundraisingData.TotalDonations > 0 && vmContent.showDonorsIcon()">        <div class="col-12">            <div class="top-title-left">                <h4>Donations</h4>            </div>        </div>        <div class="col-12">            <donations-list get-donations="vmContent.getDonations()" grid-criteria="vmContent.gridCriteria" min="10" model="vmContent.donationsList"></donations-list>        </div>    </div>    <div ng-if="vmContent.fundraisingData.OtherPages.length > 1">        <div class="row">            <div class="col-12">                <h4>{{ vmContent.fundraisingData.Consumer.FirstName }}\'s Other Pages</h4>            </div>        </div>        <div class="row">            <div class="col-12" ng-repeat="page in vmContent.fundraisingData.OtherPages">                <a class="themeLinks" ui-sref="fundraising({pageId: page.PageId, eventId: page.EventId, designId: page.DesignId, consumerId: vmContent.fundraisingData.Consumer.ConsumerId, designEventId: page.DesignEventId, vanity: page.Url})">                    <i class="zmdi zmdi-link"></i> {{ page.PageName }}                </a>            </div>        </div>    </div></div>');t.put('/Areas/PublicPages/Static/JS/fundraising-pages/layout/fundraising-layout.html','<header class="fg-header navbar navbar-inverse mb-3" ng-if="!vmLayout.editMode">    <div class="container">        <ul class="text-right">            <li class="links" ng-if="vmLayout.event.PageDetails.CanDonateButtonBeAdded && vmLayout.fundraisingPage.Organization.AcceptedTerms">                <a href="{{ vmLayout.donatePage }}" ng-click="vmLayout.donate(); $event.preventDefault();">Donate</a>            </li>            <sign-in></sign-in>        </ul>    </div></header><div block-ui="fundraisingBlock" class="fundraising-editor">    <style ng-bind-html="vmLayout.theme"></style>        <div ng-if="vmLayout.editMode" class="options-col" ng-class="{\'scroll-auto\': vmLayout.editMode}">        <div class="row options-block">            <div class="col-12">                <a class="btn btn-primary btn-block" ui-sref="fundraising.summary({id:vmLayout.params.pageId})">Back to account</a>            </div>        </div>        <div class="row options-block">            <div class="col-12">                <h5 ng-click="vmLayout.otherOptions = !vmLayout.otherOptions">                    <i class="zmdi" ng-class="vmLayout.otherOptions ? \'zmdi-plus-square\' : \'zmdi-minus-square\'"></i>                    Others Options                </h5>                <div uib-collapse="vmLayout.otherOptions">                    <ul class="list-group">                        <li class="list-group-item" ng-class="{\'list-group-panel\' : vmLayout.editMode}">                            <div class="form-group" ng-form name="vmLayout.dateForm" ng-if="vmLayout.fundraisingPageEdit.IsGrassroot">                                <div class="col-lg-12 text-center" ng-if="!vmLayout.fundraisingPageEdit.StopDonationsDate">                                    <i class="zmdi zmdi-calendar"></i> {{vmLayout.fundraisingPageEdit.StopDonationsDate | date: "MM-dd-yyyy"}}                                </div>                                <div class="col-lg-12">                                    <div uib-dropdown dropdown-append-to-body="true">                                        <a uib-dropdown-toggle id="donationDateDropdown" role="button" data-toggle="dropdown">                                            <div class="input-group">                                                <input class="input-search form-control" type="text" data-date-time-input="MM-DD-YYYY"                                                       ng-blur="vmLayout.dataUpdated()" data-ng-model="vmLayout.fundraisingPageEdit.StopDonationsDate">                                                <span class="input-group-addon">                                                    <i class="zmdi zmdi-calendar"></i>                                                </span>                                            </div>                                        </a>                                        <ul uib-dropdown-menu role="menu" aria-labelledby="dLabel">                                            <datetimepicker data-ng-model="vmLayout.fundraisingPageEdit.StopDonationsDate"                                                            data-on-set-time="vmLayout.dataUpdated()"                                                            data-before-render="vmLayout.endDateBeforeRender($view, $dates, $leftDate, $upDate, $rightDate)"                                                            ng-change="vmLayout.validateEmpty()"                                                            data-datetimepicker-config="vmLayout.donationDateConfig"></datetimepicker>                                        </ul>                                    </div>                                </div>                            </div>                            <div ng-if="!vmLayout.fundraisingPageEdit.IsGrassroot">                                <div class="col-lg-12">                                    <span>Display date </span>                                </div>                                <div class="col-lg-12">                                    <select class="form-control" name="displayDate" id="displayDate"                                            ng-model="vmLayout.fundraisingPageEdit.BirthDayOf" ng-options="key as value for (key , value) in vmLayout.displayDates"                                            ng-change="vmLayout.dataUpdated(true)" required></select>                                </div>                            </div>                        </li>                        <li class="list-group-item toggle-options" ng-class="{\'list-group-panel\' : vmLayout.editMode}">                            <div class="col-lg-9">                                <span>Receive donation confirmation emails</span>                            </div>                            <div class="col-lg-3">                                <toggle ng-model="vmLayout.fundraisingPageEdit.SendConfirmationEmail" ng-change="vmLayout.dataUpdated()" on="" off="" offstyle="btn-danger" style="ios" size="btn-sm"></toggle>                            </div>                        </li>                    </ul>                </div>            </div>        </div>        <div class="row options-block">            <div class="col-12">                <h5 ng-click="vmLayout.yourGoal = !vmLayout.yourGoal">                    <i class="zmdi" ng-class="vmLayout.yourGoal ? \'zmdi-plus-square\' : \'zmdi-minus-square\'"></i>                    Your Goal                </h5>                <div uib-collapse="vmLayout.yourGoal">                    <ul class="list-group">                        <li class="list-group-item" ng-class="{\'list-group-panel\' : vmLayout.editMode}">                            <span class="ml-4" ng-if="vmLayout.fundraisingPageEdit.FundraisingGoal">                                <editable-text text="vmLayout.fundraisingPageEdit.FundraisingGoal" type="\'currency\'" submit="vmLayout.editableText(data, 1)"></editable-text>                            </span>                        </li>                    </ul>                </div>            </div>        </div>        <div class="row options-block">            <div class="col-12">                <h5 ng-click="vmLayout.donationOptions = !vmLayout.donationOptions">                    <i class="zmdi" ng-class="vmLayout.donationOptions ? \'zmdi-plus-square\' : \'zmdi-minus-square\'"></i>                    Donation Options                </h5>                <div uib-collapse="vmLayout.donationOptions">                    <ul class="list-group">                        <li class="list-group-item toggle-options" ng-class="{\'list-group-panel\' : vmLayout.editMode}">                            <div class="col-lg-9">                                <span>Show Amounts </span>                            </div>                            <div class="col-lg-3">                                <toggle ng-model="vmLayout.fundraisingPageEdit.DhAmountTaxColumnStatus" ng-change="vmLayout.dataUpdated()" on="" off="" offstyle="btn-danger" style="ios" size="btn-sm"></toggle>                            </div>                        </li>                        <li class="list-group-item toggle-options" ng-class="{\'list-group-panel\' : vmLayout.editMode}">                            <div class="col-lg-9">                                <span>Show Dates</span>                            </div>                            <div class="col-lg-3">                                <toggle ng-model="vmLayout.fundraisingPageEdit.DhDateColumnStatus" ng-change="vmLayout.dataUpdated()" on="" off="" offstyle="btn-danger" style="ios" size="btn-sm"></toggle>                            </div>                        </li>                        <li class="list-group-item toggle-options" ng-class="{\'list-group-panel\' : vmLayout.editMode}">                            <div class="col-lg-9">                                <span>Show Messages</span>                            </div>                            <div class="col-lg-3">                                <toggle ng-model="vmLayout.fundraisingPageEdit.DhCommentColumnStatus" ng-change="vmLayout.dataUpdated()" on="" off="" offstyle="btn-danger" style="ios" size="btn-sm"></toggle>                            </div>                        </li>                        <li class="list-group-item toggle-options" ng-class="{\'list-group-panel\' : vmLayout.editMode}">                            <div class="col-lg-9">                                <span>Show Names</span>                            </div>                            <div class="col-lg-3">                                <toggle ng-model="vmLayout.fundraisingPageEdit.DhNameColumnStatus" ng-change="vmLayout.dataUpdated()" on="" off="" offstyle="btn-danger" style="ios" size="btn-sm"></toggle>                            </div>                        </li>                    </ul>                </div>            </div>        </div>        <div class="row options-block">            <div class="col-12">                <h5 ng-click="vmLayout.videoLink = !vmLayout.videoLink">                    <i class="zmdi "                       ng-class="vmLayout.videoLink ? \'zmdi-plus-square\' : \'zmdi-minus-square\'"></i>                    Video Link                </h5>                <div uib-collapse="vmLayout.videoLink">                    <ul class="list-group">                        <li class="list-group-item toggle-options">                            <div class="d-flex justify-content-between">                                <i class="zmdi zmdi-youtube-play mr-2 mt-1"></i>                                <span ng-if="!vmLayout.fundraisingPageEdit.ExternalVideoLink" ng-click="vmLayout.displayVideo()">Add Video</span>                                <span ng-if="vmLayout.fundraisingPageEdit.ExternalVideoLink">{{ vmLayout.fundraisingPageEdit.ExternalVideoLink.Title }}</span>                            </div>                            <div class="col-12 d-flex justify-content-center" ng-if="vmLayout.fundraisingPageEdit.ExternalVideoLink">                                <button class="btn btn-danger btn-sm m-1" type="button" ng-click="vmLayout.deleteVideo()">Delete</button>                                <button class="btn btn-primary btn-sm m-1" type="button" ng-click="vmLayout.displayVideo()">Change</button>                            </div>                        </li>                    </ul>                </div>            </div>        </div>        <div class="row options-block">            <div class="col-12">                <h5 ng-click="vmLayout.thankMessage = !vmLayout.thankMessage">                    <i class="zmdi" ng-class="vmLayout.thankMessage ? \'zmdi-plus-square\' : \'zmdi-minus-square\'"></i>                    Thank You Message                </h5>                <div uib-collapse="vmLayout.thankMessage">                    <ul class="list-group">                        <li class="list-group-item toggle-options" ng-class="{\'list-group-panel\' : vmLayout.editMode}">                            <div class="col-12 mb-4">                                <span><strong>Customize a thank you message to donors</strong></span>                            </div>                            <div class="col-12">                                <editable-text has-text="vmLayout.fundraisingPageEdit.ThankYouMessage" text="vmLayout.fundraisingPageEdit.ThankYouMessage" type="\'textArea\'" submit="vmLayout.editableText(data, 2)"></editable-text>                            </div>                        </li>                    </ul>                </div>            </div>        </div>    </div>    <div class="fundraising-page container-layout" ng-class="{\'editor-width\' : vmLayout.editMode, \'container \' : !vmLayout.editMode}">        <div class="content-section viewport-height">            <div ng-if="vmLayout.event.Banner && vmLayout.event.Banner.ImageBanner">                <banner image-url="vmLayout.event.Banner.ImageBanner" type="vmLayout.fundraisingPageType" width-banner="true"></banner>            </div>            <div class="row">                <div class="col-md-8">                    <h4 class="event-title" ng-if="!vmLayout.editMode">{{ vmLayout.fundraisingPage.PageName }}</h4>                    <h2 class="event-title">                        <editable-text ng-if="vmLayout.editMode" text="vmLayout.fundraisingPageEdit.PageName" type="\'string\'" submit="vmLayout.editableText(data, 3)"></editable-text>                    </h2>                        <h6 class="event-details">                            <a class="themeLinks"                               ng-if="!vmLayout.event.PageDetails.IsDeleted && vmLayout.event.PageDetails.Url !== \'\' && vmLayout.event.PageDetails.Url !== null"                               ui-sref="event({eventId: vmLayout.event.EventId, designId: vmLayout.event.DesignId, vanity: vmLayout.event.PageDetails.Url})">                                {{ vmLayout.event.PageDetails.EventName }}                            </a>                            <span class="themeLinks" ng-if="vmLayout.event.PageDetails.IsDeleted && vmLayout.event.PageDetails.Url !== \'\' && vmLayout.event.PageDetails.Url !== null">                                {{ vmLayout.event.PageDetails.EventName }}                            </span>                            <span class="text-muted">                                <span ng-if="vmLayout.fundraisingPage.Event.EventDate"><br />{{ vmLayout.fundraisingPage.Event.EventDate | date:\'EEEE, MMMM dd, yyyy\'}} </span>                                <span ng-if="vmLayout.event.PageDetails.Address.City && vmLayout.event.PageDetails.Address.StateCode">                                    <br />{{ vmLayout.event.PageDetails.Address.City}}, {{ vmLayout.addressState.Code }}                                </span>                            </span>                        </h6></div>                <div class="col-md-4">                    <div class="ml-auto">                        <social-buttons page-name="vmLayout.event.PageDetails.EventName" edit-mode="vmLayout.editMode"></social-buttons>                    </div>                </div>            </div>            <div class="row">                <div class="col-lg-8 col-md-7 order-1">                    <!--View Mode-->                    <ui-view ng-if="!vmLayout.editMode"></ui-view>                    <!--Edit Mode-->                    <fundraising-content-editor ng-if="vmLayout.editMode" event="vmLayout.event" fundraising-data="vmLayout.fundraisingPage" fundraising-page-edit="vmLayout.fundraisingPageEdit" donations-list="vmLayout.donationsList"></fundraising-content-editor>                </div>                <div class="col-lg-4 col-md-5 sm-first">                    <div class=" card mb-4 ">                        <div class="card-block">                            <div class="d-flex flex-row mb-2">                                <div class="mr-2">                                    <div class="avatar"                                         ng-style="{\'background-image\':\'url({{ vmLayout.fundraisingPage.Consumer.ProfileImage }}/thumb)\'}" ng-if="vmLayout.fundraisingPage.Consumer.ProfileImage">                                    </div>                                    <div>                                        <user-icon ng-if="!vmLayout.fundraisingPage.Consumer.ProfileImage"                                                   first="{{ vmLayout.fundraisingPage.Consumer.FirstName }}" last="{{ vmLayout.fundraisingPage.Consumer.LastName }}" size="md"></user-icon>                                    </div>                                </div>                                <h5 class="mt-1 font-weight-normal">                                    <small class="text-muted">Creator</small><br />                                    {{ vmLayout.fundraisingPage.Consumer.FirstName }} {{ vmLayout.fundraisingPage.Consumer.LastName }}                                </h5>                            </div>                            <div ng-if="vmLayout.fundraisingPage.ProgressBar">                                <progress-bar raised="vmLayout.fundraisingPage.ProgressBar.TotalRaised"                                              goal="vmLayout.fundraisingPage.ProgressBar.GoalAmount"                                              npo="vmLayout.fundraisingPage.Npo"></progress-bar>                            </div>                            <div ng-if="vmLayout.event.PageDetails.CanDonateButtonBeAdded && vmLayout.fundraisingPage.Npo.AcceptedTerms">                                <a href="{{ vmLayout.donatePage }}" ng-click="vmLayout.donate(); $event.preventDefault();" class="btn btn-block theme-btn btn-event">Donate</a>                            </div>                            <div ng-if="!vmLayout.event.PageDetails.CanDonateButtonBeAdded">                                <span class="btn btn-block theme-btn btn-event btn-event-disabled">No longer accepting donations</span>                            </div>                        </div>                    </div>                    <div class=" card mb-4" ng-if="vmLayout.fundraisingPage.Team && vmLayout.fundraisingPage.Team.Id">                        <div class="card-block">                            <h5 ng-if="vmLayout.fundraisingPage.Team && vmLayout.fundraisingPage.Team.Id">                                <a class="event-title" ui-sref="team({teamId: vmLayout.fundraisingPage.Team.Id, designId: vmLayout.event.DesignId, vanity: vmLayout.fundraisingPage.Team.Url})">{{ vmLayout.fundraisingPage.Team.Name }}</a>                            </h5>                            <team-members team="vmLayout.fundraisingPage.Team" list-only="true" edit-mode="vmLayout.editMode"></team-members>                        </div>                    </div>                </div>            </div>        </div>    </div></div>');}]);