angular.module('Organization').run(['$templateCache',function(t){t.put('/Areas/PublicPages/Static/JS/organization/layout/organization-layout.html','<header class="fg-header navbar navbar-inverse mb-3">    <div class="container">        <ul class="text-right">            <sign-in></sign-in>        </ul>    </div></header><div ng-class="vmLayout.editing? \'edit-layout\' : \'readonly-layout\'">    <style ng-bind-html="vmLayout.themeString">    </style>    <div ng-if="vmLayout.editing" class="options-col options-theme-width">        <div class="scroller">            <div class="row options-block">                <div class="col-12">                    <a class="btn btn-primary btn-block" ng-click="vmLayout.back()">Back to account</a>                </div>            </div>            <div class="row options-block">                <form name="vmLayout.colorForm" novalidate>                    <div class="col-12">                        <h5 ng-click="vmLayout.openColors = !vmLayout.openColors">                            <i class="zmdi "                               ng-class="vmLayout.openColors ? \'zmdi-plus-square\' : \'zmdi-minus-square\'"></i>                            Theme Options                        </h5>                        <div uib-collapse="vmLayout.openColors">                            <ul class="list-group">                                <li class="list-group-item toggle-options">                                    <span class="mr-2">                                        Image                                    </span>                                    <a class="btn btn-default mr-2" ng-click="vmLayout.addBackgroundImage()">Upload</a>                                    <a class="btn btn-default" ng-click="vmLayout.clearImage()">Clear</a>                                </li>                                <li class="list-group-item toggle-options">                                    <div class="form-inline">                                        <label>                                            Background Repeat                                        </label>                                        <select ng-model="vmLayout.themeObject.BackgroundRepeatSetting"                                                ng-change="vmLayout.editTheme()"                                                class="form-control form-control-sm float-right">                                            <option value="{{option.Value}}"                                                    ng-repeat="option in vmLayout.repeatOptions">                                                {{option.Label}}                                            </option>                                        </select>                                    </div>                                </li>                                <li class="list-group-item toggle-options"                                    ng-class="{ \'has-error\' : (vmLayout.colorForm.backgroundColor.$dirty || vmLayout.colorForm.$submitted) &&                                     (vmLayout.colorForm.backgroundColor.$error.required || vmLayout.colorForm.backgroundColor.$error.color) }">                                    <label>Background Color</label>                                    <div class="input-group">                                        <input type="text" class="form-control" name="backgroundColor"                                               ng-model="vmLayout.themeObject.BackgroundColor"                                               ng-change="vmLayout.editTheme()" ng-model-options="{debounce: 500}"                                               required />                                        <div class="input-group-append color-span" ng-style="vmLayout.backgroundColor"                                             colorpicker="hex" type="button" colorpicker-position="right"                                             ng-model="vmLayout.themeObject.BackgroundColor"                                             ng-change="vmLayout.editTheme()"></div>                                    </div>                                    <div ng-show="(vmLayout.colorForm.backgroundColor.$dirty || vmLayout.colorForm.$submitted) && vmLayout.colorForm.backgroundColor.$invalid"                                         class="warning">                                        <span ng-if="vmLayout.colorForm.backgroundColor.$error.required">                                            Required                                        </span>                                        <span ng-if="vmLayout.colorForm.backgroundColor.$error.color && !vmLayout.colorForm.backgroundColor.$error.required">                                            Invalid Color                                        </span>                                    </div>                                </li>                                <li class="list-group-item toggle-options"                                    ng-class="{ \'has-error\' : (vmLayout.colorForm.buttonColor.$dirty || vmLayout.colorForm.$submitted) &&                                    (vmLayout.colorForm.buttonColor.$error.required || vmLayout.colorForm.buttonColor.$error.color || vmLayout.colorForm.buttonColor.$error.readable) }">                                    <label>Button Color</label>                                    <div class="input-group">                                        <input type="text" class="form-control" name="buttonColor"                                               ng-model="vmLayout.themeObject.ButtonColor"                                               ng-change="vmLayout.editTheme()"                                               required />                                        <span class="input-group-append color-span" ng-style="vmLayout.buttonColor"                                              colorpicker="hex" type="button" colorpicker-position="right"                                              ng-model="vmLayout.themeObject.ButtonColor"                                              ng-change="vmLayout.editTheme()"></span>                                    </div>                                    <div ng-show="(vmLayout.colorForm.buttonColor.$dirty || vmLayout.colorForm.$submitted) && vmLayout.colorForm.buttonColor.$invalid"                                         class="error">                                        <span ng-if="vmLayout.colorForm.buttonColor.$error.required">                                            Required                                        </span>                                        <span ng-if="vmLayout.colorForm.buttonColor.$error.color && !vmLayout.colorForm.buttonColor.$error.required">                                            Invalid Color                                        </span>                                        <span ng-if="vmLayout.colorForm.buttonColor.$error.readable">                                            Not Legible Color                                        </span>                                    </div>                                </li>                                <li class="list-group-item toggle-options"                                    ng-class="{ \'has-error\' : (vmLayout.colorForm.headerColor.$dirty || vmLayout.colorForm.$submitted) &&                                     ( vmLayout.colorForm.headerColor.$error.required || vmLayout.colorForm.headerColor.$error.color || vmLayout.colorForm.headerColor.$error.readable)}">                                    <label>Header Text Color</label>                                    <div class="input-group">                                        <input type="text" class="form-control" name="headerColor"                                               ng-model="vmLayout.themeObject.HeaderColor"                                               ng-change="vmLayout.editTheme()"                                               required />                                        <span class="input-group-append color-span" ng-style="vmLayout.headerColor"                                              colorpicker="hex" type="button" colorpicker-position="right"                                              ng-model="vmLayout.themeObject.HeaderColor"                                              ng-change="vmLayout.editTheme()"></span>                                    </div>                                    <div ng-show="(vmLayout.colorForm.headerColor.$dirty || vmLayout.colorForm.$submitted) && vmLayout.colorForm.headerColor.$invalid"                                         class="error">                                        <span ng-if="vmLayout.colorForm.headerColor.$error.required">                                            Required                                        </span>                                        <span ng-if="vmLayout.colorForm.headerColor.$error.color && !vmLayout.colorForm.headerColor.$error.required">                                            Invalid Color                                        </span>                                        <span ng-if="vmLayout.colorForm.headerColor.$error.readable">                                            Not Legible Color                                        </span>                                    </div>                                </li>                                <li class="list-group-item toggle-options"                                    ng-class="{ \'has-error\' : (vmLayout.colorForm.linkColor.$dirty || vmLayout.colorForm.$submitted) &&                                     (vmLayout.colorForm.linkColor.$error.required || vmLayout.colorForm.linkColor.$error.color || vmLayout.colorForm.linkColor.$error.readable)}">                                    <label>Link Color</label>                                    <div class="input-group">                                        <input type="text" class="form-control" name="linkColor"                                               ng-model="vmLayout.themeObject.LinkColor"                                               ng-change="vmLayout.editTheme()"                                               required />                                        <span class="input-group-append color-span" ng-style="vmLayout.linkColor"                                              colorpicker="hex" type="button" colorpicker-position="right"                                              ng-model="vmLayout.themeObject.LinkColor"                                              ng-change="vmLayout.editTheme()"></span>                                    </div>                                    <div ng-show="(vmLayout.colorForm.linkColor.$dirty || vmLayout.colorForm.$submitted) && vmLayout.colorForm.linkColor.$invalid"                                         class="error">                                        <span ng-if="vmLayout.colorForm.linkColor.$error.required">                                            Required                                        </span>                                        <span ng-if="vmLayout.colorForm.linkColor.$error.color && !vmLayout.colorForm.linkColor.$error.required">                                            Invalid Color                                        </span>                                        <span ng-if="vmLayout.colorForm.linkColor.$error.readable">                                            Not Legible Color                                        </span>                                    </div>                                </li>                                <li class="list-group-item toggle-options"                                    ng-class="{ \'has-error\' : (vmLayout.colorForm.textColor.$dirty || vmLayout.colorForm.$submitted) &&                                     (vmLayout.colorForm.textColor.$error.required || vmLayout.colorForm.textColor.$error.color || vmLayout.colorForm.textColor.$error.readable)}">                                    <label>Text Color</label>                                    <div class="input-group">                                        <input type="text" class="form-control" name="textColor"                                               ng-model="vmLayout.themeObject.TextColor"                                               ng-change="vmLayout.editTheme()"                                               required />                                        <span class="input-group-append color-span" ng-style="vmLayout.textColor"                                              colorpicker="hex" type="button" colorpicker-position="right"                                              ng-model="vmLayout.themeObject.TextColor"                                              ng-change="vmLayout.editTheme()"></span>                                    </div>                                    <div ng-show="(vmLayout.colorForm.textColor.$dirty || vmLayout.colorForm.$submitted) && vmLayout.colorForm.textColor.$invalid"                                         class="error">                                        <span ng-if="vmLayout.colorForm.textColor.$error.required">                                            Required                                        </span>                                        <span ng-if="vmLayout.colorForm.textColor.$error.color && !vmLayout.colorForm.textColor.$error.required">                                            Invalid Color                                        </span>                                        <span ng-if="vmLayout.colorForm.textColor.$error.readable">                                            Not Legible Color                                        </span>                                    </div>                                </li>                                <li class="list-group-item toggle-options">                                    <div class="text-center">                                        <span ng-if="!vmLayout.imageChange">                                            <a href="#" ng-click="vmLayout.resetTheme()">                                                Undo Changes                                            </a>                                            |                                        </span>                                        <span>                                            <a href="#" ng-click="vmLayout.getDefaultTheme()">                                                Reset to Default                                            </a>                                        </span>                                    </div>                                    <a class="btn btn-primary btn-block btn-text-color" ng-click="vmLayout.saveTheme()">                                        Save Theme                                    </a>                                </li>                            </ul>                        </div>                    </div>                </form>            </div>            <div class="row options-block">                <div class="col-12">                    <h5 ng-click="vmLayout.pageOptions = !vmLayout.pageOptions">                        <i class="zmdi "                           ng-class="vmLayout.pageOptions ? \'zmdi-plus-square\' : \'zmdi-minus-square\'"></i>Page                        Options                    </h5>                    <div uib-collapse="vmLayout.pageOptions">                        <ul class="list-group">                            <li class="list-group-item toggle-options ">                                <span>Show Donate Link</span>                                <toggle ng-model="vmLayout.editData.Details.Preferences.DonateBoxVisible"                                        ng-change="vmLayout.savePreferences()" on="" off="" offstyle="btn-danger"                                        style="ios" size="btn-sm"></toggle>                            </li>                            <li class="list-group-item toggle-options">                                <span>Show Total Raised</span>                                <toggle ng-model="vmLayout.editData.Details.Preferences.TotalRaisedOnlineBoxVisible"                                        ng-change="vmLayout.savePreferences()" on="" off="" offstyle="btn-danger"                                        style="ios" size="btn-sm"></toggle>                            </li>                            <li class="list-group-item toggle-options">                                <span>Show Donation Since </span>                                <toggle ng-model="vmLayout.editData.Details.Preferences.UseFromDate"                                        ng-change="vmLayout.savePreferences()" on="" off="" offstyle="btn-danger"                                        style="ios" size="btn-sm"></toggle>                            </li>                            <li class="list-group-item toggle-options">                                <div class="col-lg-12 text-center"                                     ng-if="!vmLayout.editData.Details.Preferences.UseFromDate">                                    <i class="zmdi zmdi-calendar"></i> {{vmLayout.editData.Details.Preferences.FromDate | date: "MM-dd-y"}}                                </div>                                <div class="col-lg-12" ng-if="vmLayout.editData.Details.Preferences.UseFromDate">                                    <div class="dropdown">                                        <a class="dropdown-toggle" id="donationDateDropdown" role="button" data-toggle="dropdown" data-target="#" href="#">                                            <div class="input-group">                                                <input type="text" data-date-time-input="MM-DD-YYYY"                                                       class="input-search form-control"                                                       ng-blur="vmLayout.savePreferences()"                                                       data-ng-model="vmLayout.editData.Details.Preferences.FromDate">                                                <span class="input-group-addon">                                                    <i class="zmdi zmdi-calendar"></i>                                                </span>                                            </div>                                        </a>                                        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">                                            <datetimepicker data-ng-model="vmLayout.editData.Details.Preferences.FromDate"                                                            ng-change="vmLayout.savePreferences()"                                                            data-before-render="vmLayout.endDateBeforeRender($view, $dates, $leftDate, $upDate, $rightDate)"                                                            data-datetimepicker-config="vmLayout.donationDateConfig"></datetimepicker>                                        </ul>                                    </div>                                </div>                            </li>                            <li class="list-group-item toggle-options">                                <span>Allow Grassroots Events </span>                                <toggle ng-model="vmLayout.editData.Details.Preferences.AllowGrassroots"                                        ng-change="vmLayout.savePreferences()" on="" off="" offstyle="btn-danger"                                        style="ios" size="btn-sm"></toggle>                            </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.editData.Details.VideoLink.Title" ng-click="vmLayout.addVideo()">Add Video</span>                                    <span ng-if="vmLayout.editData.Details.VideoLink.Title">{{ vmLayout.editData.Details.VideoLink.Title }}</span>                                </div>                                <div class="col-12 d-flex justify-content-center" ng-show="vmLayout.editData.Details.VideoLink.Title">                                    <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.addVideo()">Change</button>                                </div>                            </li>                        </ul>                    </div>                </div>            </div>            <div class="row options-block">                <div class="col-12">                    <h5 ng-click="vmLayout.resourceLink = !vmLayout.resourceLink">                        <i class="zmdi "                           ng-class="vmLayout.resourceLink ? \'zmdi-plus-square\' : \'zmdi-minus-square\'"></i>Resouce                        Links                    </h5>                    <div uib-collapse="vmLayout.resourceLink">                        <ul class="list-group">                            <li class="list-group-item toggle-options" ng-repeat="link in vmLayout.editData.Links">                                <div class="d-flex justify-content-between row">                                    <div class="col-lg-9">                                        <i class="zmdi zmdi-font mr-2 mt-1"></i>                                        {{ link.Title }}                                    </div>                                    <div class="col-lg-3 text-center" ng-click="vmLayout.deleteResourceLink(link.Id)">                                        <i class="zmdi zmdi-delete zmdi-hc-lg mt-1"></i>                                    </div>                                </div>                            </li>                        </ul>                    </div>                </div>            </div>        </div>    </div>    <div class="w-100">        <div class="container container-layout">            <div class="content-section viewport-height org-layout">                <div class="col-lg-8 offset-lg-2" ng-if="vmLayout.editing && vmLayout.showAlert">                    <custom-alert show-alert="vmLayout.showAlert" undo-changes="vmLayout.undoChanges()"                                  confirm-method="vmLayout.confirm()"></custom-alert>                </div>                <div class="row layout-block" ng-if="!vmLayout.npo.PageDetails.BannerImageUrl && vmLayout.editing">                    <div class="col-lg-12">                        <div class="edit-placeholder" ng-click="vmLayout.addBanner()">                            <i class="zmdi zmdi-camera addImage"></i>Add Banner                        </div>                    </div>                </div>                <div class="row layout-block" ng-if="vmLayout.npo.PageDetails.BannerImageUrl">                    <div class="col-12">                        <banner image-url="vmLayout.npo.PageDetails.BannerImageUrl" type="vmLayout.npoType"                                edit="vmLayout.editing" add-banner="vmLayout.addBanner()"                                delete-banner="vmLayout.deleteBanner()"></banner>                    </div>                </div>                <div class="row layout-block">                    <div class="col-md-8">                        <h2 class="event-title">{{ vmLayout.npo.PageDetails.Name }}</h2>                        <h5 class="text-muted">EIN {{ vmLayout.npo.PageDetails.Ein }}</h5>                        <h5>                            <address if="vmLayout.npo.PageDetails.Address"                                     address="vmLayout.npo.PageDetails.Address"></address>                        </h5>                    </div>                </div>                <div class="row layout-block">                    <div class="col-sm-12">                        <div class="row ">                            <div class="col-md-6 offset-md-3 card mission-card">                                <div class="card-block">                                    <div>                                        <h4 class="card-title text-center" ng-if="vmLayout.npo.PageDetails.Mission">                                            Mission                                        </h4>                                        <p ng-if="vmLayout.npo.PageDetails.Mission">                                            <img ng-if="vmLayout.npo.PageDetails.LogoImageUrl"                                                 class="npo-image float-left mb-3 mr-3"                                                 ng-src="{{ vmLayout.npo.PageDetails.LogoImageUrl }}">                                            <span ng-bind-html="vmLayout.npo.PageDetails.Mission"></span>                                            <div ng-if="vmLayout.npo.PageDetails.Website">                                                <a class="themeLinks"                                                   href="{{vmLayout.npo.PageDetails.Website}}">{{vmLayout.npo.PageDetails.Website}}</a>                                            </div>                                        </p>                                        <p ng-if="vmLayout.npo.PageDetails.LogoImageUrl && !vmLayout.npo.PageDetails.Mission"                                           class="text-center">                                            <img ng-if="vmLayout.npo.PageDetails.LogoImageUrl"                                                 class="npo-image mb-3"                                                 ng-src="{{ vmLayout.npo.PageDetails.LogoImageUrl }}">                                        </p>                                    </div>                                    <div ng-if="vmLayout.npo.PageDetails.ShowTotalRaised " class="text-center  mb-3">                                        <h4>                                            <strong>                                                {{ vmLayout.npo.PageDetails.Totals.TotalRaised | currency:undefined:0}}                                            </strong>                                            <small ng-if="vmLayout.npo.PageDetails.FromDate">                                                raised since {{ vmLayout.npo.PageDetails.FromDate | date:\'yyyy\' }}                                            </small>                                        </h4>                                        <h6>                                            {{vmLayout.npo.PageDetails.Totals.UserCount}}                                            <small>have raised money</small>                                        </h6>                                        <h6>                                            {{vmLayout.npo.PageDetails.Totals.DonationCount}}                                            <small>have donated</small>                                        </h6>                                    </div>                                                                        <button ng-click="vmLayout.startFundraising()"                                            ng-if="vmLayout.npo.PageDetails.AcceptedTerms &&                                             ((vmLayout.npo.Events.length > 0 && !vmLayout.npo.PageDetails.AllowGrassrootsPageCreation) ||                                             (vmLayout.npo.Events.length > 0 && vmLayout.npo.PageDetails.AllowGrassrootsPageCreation) ||                                             (vmLayout.npo.Events.length == 0 && vmLayout.npo.PageDetails.AllowGrassrootsPageCreation))"                                            class="btn btn-event btn-block theme-btn">                                        Start Fundraising                                    </button>                                    <div class="bd-callout-warning mb-0"                                         ng-if="!vmLayout.npo.PageDetails.AcceptedTerms">                                        This organization has not signed up for FirstGiving. Contact <a href="http://www.firstgiving.com">FirstGiving</a> for                                        information.                                    </div>                                </div>                            </div>                        </div> <!--/row-->                    </div>                </div>                <div class="row layout-block">                    <div class="col-12">                        <div ng-if="!vmLayout.editing">                            <p class="npo-story"                               ng-bind-html="vmLayout.trustAsHtml(vmLayout.npo.PageDetails.Story)"></p>                        </div>                        <div ng-if="vmLayout.editing">                            <div ng-if="!vmLayout.showCkEditor" class="details-group--editable">                                <div class="details-group__edit-button" ng-if="vmLayout.npo.PageDetails.Story">                                    <div class="btn btn-primary"                                         ng-click="vmLayout.showCkEditor = !vmLayout.showCkEditor">                                        Edit                                    </div>                                </div>                                <p class="npo-story" ng-bind-html="vmLayout.trustAsHtml(vmLayout.npo.PageDetails.Story)"                                   ng-click="vmLayout.showCkEditor = !vmLayout.showCkEditor"                                   ng-if="vmLayout.npo.PageDetails.Story"></p>                                <section ng-click="vmLayout.showCkEditor = !vmLayout.showCkEditor"                                         class="edit-placeholder" ng-if="!vmLayout.npo.PageDetails.Story">                                    <i class="zmdi zmdi-edit"></i> Add a Description                                </section>                            </div>                        </div>                        <div class="col-sm-12" style="margin-bottom: 10px;"                             ng-show="vmLayout.options && vmLayout.showCkEditor">                            <div id="customizeTemplate"                                 name="customizeTemplate"                                 ckeditor="vmLayout.options"                                 ng-model="vmLayout.editData.Details.LandingPageCopy"                                 ready="cke.onReady()">                            </div>                            <span class="editable-buttons mt-3">                                <button type="submit" class="btn btn-primary" ng-click="vmLayout.savePreferences()">                                    <span class="zmdi zmdi-check"></span>                                </button>                                <button type="button"                                        ng-click="vmLayout.cancelSave()"                                        class="btn btn-default">                                    <span class="zmdi zmdi-close"></span>                                </button>                            </span>                        </div>                    </div>                </div>                <div class="row layout-block resources" ng-if="vmLayout.npo.PageDetails.Resources.length > 0 || vmLayout.editing">                    <div class="col-12 mb-3">                        <strong>Resources</strong>                        <br />                        <a class="themeLinks" ng-if="!vmLayout.editing"                           ng-repeat="resource in vmLayout.npo.PageDetails.Resources"                           href="{{resource.Target}}">{{ resource.Title }}<br /></a>                        <div ng-if="vmLayout.editing" ng-repeat="resource in vmLayout.editData.Links" class="row">                            <div class="col-3">                                <a class="themeLinks" ng-click="editableForm.$show()">                                    {{ resource.Title }}                                </a>                                <div class="popover-wrapper">                                    <form editable-form name="editableForm"                                          onaftersave="vmLayout.updateResource(vmLayout.editData.Links)"                                          ng-show="editableForm.$visible" class="editableForm form-inline">                                        <a href="#" editable-text="resource.Title" e-name="Title" e-label="Title:"                                           e-required></a>                                        <a href="#" editable-text="resource.Target" e-name="target" e-label="URL:"                                           e-required onbeforesave="vmLayout.checkUrl($data)"></a>                                        <br />                                        <span class="editable-buttons mt-3">                                            <button type="submit" class="btn btn-primary">                                                <span class="zmdi zmdi-check"></span>                                            </button>                                            <button type="button"                                                    class="btn btn-default" ng-click="editableForm.$cancel()">                                                <span class="zmdi zmdi-close"></span>                                            </button>                                        </span>                                    </form>                                </div>                            </div>                            <div class="col-3">                                <i ng-click="vmLayout.deleteResourceLink(resource.Id)"                                   class="zmdi zmdi-delete zmdi-hc-lg mt-1 ml-4"></i>                            </div>                        </div>                        <div class="row" ng-if="vmLayout.editing">                            <div class="col-3">                                <a href="" ng-click="addForm.$show()" ng-show="vmLayout.editData.Links.length < 3 || !vmLayout.editData.Links">                                    Add                                    Resource                                </a>                                <div class="popover-wrapper">                                    <form editable-form name="addForm" onaftersave="vmLayout.addResource($data)"                                            ng-show="addForm.$visible" class="editableForm form-inline">                                        <a href="#" editable-text="vmLayout.Title" e-name="Title" e-label="Title:"                                            e-required></a>                                        <a href="#" editable-text="vmLayout.Target" e-name="Target" e-label="URL:"                                            e-required onbeforesave="vmLayout.checkUrl($data)"></a>                                        <br />                                        <span class="editable-buttons mt-3">                                            <button type="submit" class="btn btn-primary">                                                <span class="zmdi zmdi-check"></span>                                            </button>                                            <button type="button"                                                    class="btn btn-default" ng-click="addForm.$cancel()">                                                <span class="zmdi zmdi-close"></span>                                            </button>                                        </span>                                    </form>                                </div>                            </div>                        </div>                    </div>                </div>                <videos ng-if="vmLayout.npo.PageDetails.VideoLink && vmLayout.npo.PageDetails.VideoLink.Target"                        link="vmLayout.npo.PageDetails.VideoLink"                        content-type="vmLayout.npo.PageDetails.VideoLink.Type">                </videos>            </div>            <page-images list="vmLayout.images" editing="vmLayout.editing" add-image="vmLayout.addImage()"                             delete-image="vmLayout.deleteImage(imageName)"></page-images>            <div class="row layout-block" ng-if="vmLayout.npo.Events.length > 0">                <div class="col-12">                    <h3>Events & Campaigns</h3>                    <event-card events="vmLayout.npo.Events" editing="vmLayout.editing"></event-card>                </div>            </div>            <div class="row layout-block"                 ng-if="vmLayout.npo.PageDetails.AcceptedTerms && vmLayout.npo.PageDetails.GeneralDonationsBoxVisible">                <div class="col-12">                    <strong>                        Not fundraising for an event or campaign?                    </strong>                    <br />                    You can                    <strong>                        <a href="#" class="themeLinks"                           ui-sref="donateForm({designId: vmLayout.designId, fundraiserId: vmLayout.npo.PageDetails.NpoId})">                            donate                            directly                        </a>                    </strong> to {{ vmLayout.npo.PageDetails.Name }}.                </div>            </div>        </div>    </div></div><style>    nav-bar {        display: none;    }</style>');}]);