"Untitled"
Bootstrap 4.1.1 Snippet by divyalahad

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../../../../favicon.ico"> <title>Carousel Template for Bootstrap</title> <!-- Bootstrap core CSS --> <link href="../../css/editor.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="carousel.css" rel="stylesheet"> </head> <body> <header> </header> <main role="main"> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"><br></li> <li data-target="#myCarousel" data-slide-to="1" class=""><br></li> <li data-target="#myCarousel" data-slide-to="2" class=""><br></li> </ol> <div class="carousel-inner"> <div class="carousel-item active">I<img class="first-slide" src="https://lonelyplanetimages.imgix.net/mastheads/GettyImages-469786746_super.jpg?fit=crop&w=960&h=416" alt="First slide" width="100%" height="496px"> <div class="container"> <div class="carousel-caption text-left"> <h1>Example headline.</h1> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p> </div> </div> </div> <div class="carousel-item"> <img class="second-slide" src="https://cdn.thewire.in/wp-content/uploads/2018/08/12124108/Monsoon-Session-of-Parliament-pti-1200x600.jpg" alt="Second slide" width="100%" height="496px"> <div class="container"> <div class="carousel-caption"> <h1>Another example headline.</h1> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p> </div> </div> </div> <div class="carousel-item"> <img class="third-slide" src="http://agrabus.com/wp-content/uploads/2015/08/Tajmahal-Agra.jpeg" alt="Third slide" width="100%" height="495"> <div class="container"> <div class="carousel-caption text-right"> <h1>One more for good measure.</h1> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p> </div> </div> </div> </div> <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <!-- Marketing messaging and featurettes ================================================== --> <div class="col-sm-10"> <!-- uiView: mainsection --><div ui-view="mainsection" class="ng-scope" style=""><style class="ng-scope"></style> <div ng-class="{'loader': loading, 'notLoading': !loading}" id="loadingSpinner" class="ng-scope notLoading" style="">Loading...</div> <div ng-show="!(loading)" class="ng-scope" style=""> <div ng-init="getTourDetailsWithRelatedModels()"> <div class="row-fluid"> <div class="col-sm-8" style="margin-left:0px; padding-left:0px"> <h3 class="pull-left ng-binding"> Goa Christian Pilgrimage Tour </h3> </div> <div class="col-sm-4" style="padding-right:0px"> <span class="btn-group pull-right"> <a ng-click="showEnquiryForm();" class="btn btn-default" style="margin-top:12px"> Send Enquiry </a> <a ng-href="/book" class="btn btn-primary" style="margin-top:12px" href="/book"> Book Now </a> </span> </div> </div> <div class="row-fluid"> <div class="col-sm-12 tourPageCols"> <!-- ngRepeat: location in tourWithAllRelated[0].siteLocation --><span ng-repeat="location in tourWithAllRelated[0].siteLocation" class="ng-scope" style=""> <span style="color:orange"> <a style="color: orange" href="/city?id=30&countryid=1&name=Goa" class="ng-binding">Goa</a> <span ng-hide="$last" class="ng-hide">|</span> </span> </span><!-- end ngRepeat: location in tourWithAllRelated[0].siteLocation --> </div> </div> <div class="row-fluid"> <div class="col-sm-3" style="padding-left:0px"> <div style="color:orange" class="ng-binding"> Regular </div> <div style="color:orange" class="ng-binding"> 4 days | 3 nights </div> <div style="color:orange"> <span> <currency-direc price="0.00 USD" class="ng-binding ng-isolate-scope">0.00 USD</currency-direc> onwards </span> </div> <div class="col-sm-10"> </div> </div> <div class="row-fluid"> <div class="col-sm-12 tourPageCols"> <p class="main ng-binding"> Old Goa is filled with churches and covenants of Old Goa that remind of Portuguese rule in this area, these churches were built mainly in 16th and 17th century that included Basilica of Bom Jesus , Se Cathedral, Church of Lady of Rosary, Church of St. Francis of Assisi and Church of St. Augustine. The churches are aesthetically designed and consist of paintings done on wooden borders that were fixed between beautifully designed floral panels. This churches and buildings remind of the legacy of the Portuguese culture and social life, and are still maintained by the Christians of this area. Many of these Churches are now a part of world heritage sites and now stand at protected monuments. </p> </div> </div> <div class="row-fluid"> <div class="col-sm-12 tourPageCols"> <div active="activeJustified" justified="true" class="ng-isolate-scope"> <ul class="nav nav-tabs nav-justified" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" ng-transclude=""> <li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope active" index="0" heading="Itinerary" style=""> <a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Itinerary</a> </li> <li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="2" heading="Dates & Prices" select="tabShown = !tabShown" deselect="tabShown = !tabShown" style=""> <a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Dates & Prices</a> </li> <li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="3" heading="Hotels" style=""> <a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Hotels</a> </li> <li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="4" heading="Destinations" style=""> <a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Destinations</a> </li> <li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="5" heading="More Info" style=""> <a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">More Info</a> </li> </ul> <div class="tab-content"> <!-- ngRepeat: tab in tabset.tabs --><div class="tab-pane ng-scope active" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab" style=""> <div class="col-sm-12 ng-scope"> <div class="col-md-12"> <ul class="timeline"> <!-- ngRepeat: itinerary in tourWithAllRelated[0].itinerary --><li ng-repeat="itinerary in tourWithAllRelated[0].itinerary" class="ng-scope" style=""> <h5 class="ng-binding">Day 01 – Arrival Goa + Tour of Old Goa</h5> <p style="white-space: pre-wrap" class="ng-binding">Our representatives will pick you up from airport/railway station and transfer you to the hotel for check in. After freshening up you’ll be taken for the tour of Old Goa which is famous for its churches that are few of the most important ones in the country and are the oldest ones. We will start our tour with Se Cathedral which is the largest church in the whole of Asia. Dedicated to St. Catherine, this church was built in a pure Portuguese Gothic style. Nearby this place we have Basilica of Bom Jesus which is listed as a world heritage site that was erected to pay homage to Bom Jesus. From here we will proceed to Church of St Francis of Assisi that was built in 1521, today this church houses rich collection of beautiful paintings and is notable for its Mosaic Corinthian interior design. The tour will be followed by the Church of Lady of Rosary that is listed in UNESCO world heritage sites. The trip shall continue around few more churches like Tower of St. Augustine and Church of Saint Cajetao after which you’ll return to the hotel for overnight and dinner.</p> </li><!-- end ngRepeat: itinerary in tourWithAllRelated[0].itinerary --><li ng-repeat="itinerary in tourWithAllRelated[0].itinerary" class="ng-scope"> <h5 class="ng-binding">Day 02 – The Church of Mae de Deus, Rachol Seminary+ Dona Paola</h5> <p style="white-space: pre-wrap" class="ng-binding">Today after breakfast we will proceed for The Church of Mae de Deusthat isSituated 13kms. fromPanaji covered with picturesque surroundings, in the village of Saligao. The shrine of the miraculous statue of Mae de Deus (Mother of God) was brought from the ruins of the convent of Mae de Deus at Old Goa. From here we will visit Rachol Seminary that was built in 1521 by the Portuguese and is situated on the banks of river Zuari, 12 Kms from Margao in south of Goa. Later we will visit The Church of St. Ana locatedat Talaulim which is a remarkable piece of ancient Christian architecture dedicated to St. Ana was built in 1695. This church is covered with picturesque surroundings. After lunch we will proceed to Museum of Christian Art, Racholand spend some time exploring this place. Later we will proceed for Panjim and visit Dona Paola which is a famous tourist destination near Capital of Goa, enjoy the sunset and later return to the hotel for overnight and dinner.</p> </li><!-- end ngRepeat: itinerary in tourWithAllRelated[0].itinerary --><li ng-repeat="itinerary in tourWithAllRelated[0].itinerary" class="ng-scope"> <h5 class="ng-binding">Day 3 – Church of St.Thomas, Monte hill, NossaSenhora de Penha de Franca Church + Goa Cruise Tour</h5> <p style="white-space: pre-wrap" class="ng-binding">Today after breakfast we will proceed for Curtorim and visit St. Alex Church that was built in 1597 and is one of the oldest churches in Goa, from here we will proceed for NossaSenhora da Penha de Franca this church is dedicated to a Spanish saint and is todayheld in very high regard by seafarers, who had managed to survive the tough voyage to India. We will visit a few more churches like Monte Hill and Church of St.Thomasand later to a local museum called Palacio do Deao. The trip shall end with a luxury cruise tour on River Mandovi that will be accompanied with local Goan dance and cuisine with a view of sunset behind the mountains after which you’ll return to the hotel for overnight and dinner.</p> </li><!-- end ngRepeat: itinerary in tourWithAllRelated[0].itinerary --><li ng-repeat="itinerary in tourWithAllRelated[0].itinerary" class="ng-scope"> <h5 class="ng-binding">Day 04 – Departure</h5> <p style="white-space: pre-wrap" class="ng-binding">Today you’ll be checking out from the hotel and will be dropped at the station/airport and the trip shall commence.</p> </li><!-- end ngRepeat: itinerary in tourWithAllRelated[0].itinerary --> </ul> </div> </div> </div><!-- end ngRepeat: tab in tabset.tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab" style=""> <table class="table table-hover table-bordered ng-scope" ng-show="!(error)"> <thead> <tr><th colspan="10" style="text-align:center;color: #ffffff; background-color: #3270bc">DEPARTURE DATES</th> </tr><tr> <td style="text-align:center"> <!-- ngIf: calendarDataAvailable --><div ng-if="calendarDataAvailable" ng-controller="TourViewController as vm" class="col-lg-1 col-centered ng-scope" style="width: 100%; height: 100%; margin: auto;"> <h3 style="margin-top:10px;margin-bottom:10px" class="text-center ng-binding">May 2019</h3> <!-- ngInclude: --><ng-include src="'views/main/calendarControls.html'" class="ng-scope"><div class="row ng-scope"> <div class="text-center"> <div class="btn-group"> <button class="btn btn-primary btn-sm ng-isolate-scope" mwl-date-modifier="" date="vm.viewDate" decrement="vm.calendarView"> Previous </button> <button class="btn btn-default btn-sm ng-isolate-scope" mwl-date-modifier="" date="vm.viewDate" set-to-today=""> Today </button> <button class="btn btn-primary btn-sm ng-isolate-scope" mwl-date-modifier="" date="vm.viewDate" increment="vm.calendarView"> Next </button> </div> </div> <br class="visible-xs visible-sm"> </div> <br class="ng-scope"></ng-include> <mwl-calendar events="vm.events" view="vm.calendarView" view-date="vm.viewDate" cell-auto-open-disabled="true" view-title="vm.calendarTitle" custom-template-urls="{calendarMonthCell: 'customMonthCell.html'}" class="ng-isolate-scope"><div mwl-dynamic-directive-template="" name="calendar" overrides="vm.customTemplateUrls"><!-- ngIf: vm.templatesLoaded --><div class="cal-context ng-scope" ng-switch="vm.view" ng-if="vm.templatesLoaded"> <!-- ngSwitchDefault: --> <div class="alert alert-danger ng-hide" ng-hide="vm.viewDate">The value passed to view-date attribute of the calendar is not set</div> <!-- ngSwitchWhen: year --> <!-- ngSwitchWhen: month --><mwl-calendar-month events="vm.events" view-date="vm.viewDate" excluded-days="vm.excludedDays" on-event-click="vm.onEventClick" on-event-times-changed="vm.onEventTimesChanged" on-timespan-click="vm.onTimespanClick" on-date-range-select="vm.onDateRangeSelect" cell-is-open="vm.cellIsOpen" cell-modifier="vm.cellModifier" slide-box-disabled="vm.slideBoxDisabled" custom-template-urls="vm.customTemplateUrls" template-scope="vm.templateScope" cell-auto-open-disabled="vm.cellAutoOpenDisabled" draggable-auto-scroll="vm.draggableAutoScroll" ng-switch-when="month" class="ng-scope ng-isolate-scope"><div mwl-dynamic-directive-template="" name="calendarMonthView" overrides="vm.customTemplateUrls"><div class="cal-month-box ng-scope cal-grid-7" ng-class="['cal-grid-' + vm.weekDays.length]" style=""> <div class="cal-row-fluid cal-row-head"> <!-- ngRepeat: day in vm.weekDays track by $index --><div class="cal-cell1 ng-binding ng-scope" ng-repeat="day in vm.weekDays track by $index" ng-bind="day" style="">Sunday</div><!-- end ngRepeat: day in vm.weekDays track by $index --><div class="cal-cell1 ng-binding ng-scope" ng-repeat="day in vm.weekDays track by $index" ng-bind="day">Monday</div><!-- end ngRepeat: day in vm.weekDays track by $index --><div class="cal-cell1 ng-binding ng-scope" ng-repeat="day in vm.weekDays track by $index" ng-bind="day">Tuesday</div><!-- end ngRepeat: day in vm.weekDays track by $index --><div class="cal-cell1 ng-binding ng-scope" ng-repeat="day in vm.weekDays track by $index" ng-bind="day">Wednesday</div><!-- end ngRepeat: day in vm.weekDays track by $index --><div class="cal-cell1 ng-binding ng-scope" ng-repeat="day in vm.weekDays track by $index" ng-bind="day">Thursday</div><!-- end ngRepeat: day in vm.weekDays track by $index --><div class="cal-cell1 ng-binding ng-scope" ng-repeat="day in vm.weekDays track by $index" ng-bind="day">Friday</div><!-- end ngRepeat: day in vm.weekDays track by $index --><div class="cal-cell1 ng-binding ng-scope" ng-repeat="day in vm.weekDays track by $index" ng-bind="day">Saturday</div><!-- end ngRepeat: day in vm.weekDays track by $index --> </div> <!-- ngRepeat: rowOffset in vm.monthOffsets track by rowOffset --><div ng-repeat="rowOffset in vm.monthOffsets track by rowOffset" ng-mouseenter="rowHovered = true" ng-mouseleave="rowHovered = false" class="ng-scope" style=""> <div class="cal-row-fluid cal-before-eventlist"> <!-- ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">28</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">29</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">30</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">1</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">2</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">3</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">4</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --> </div> <div mwl-dynamic-directive-template="" name="calendarSlideBox" overrides="vm.customTemplateUrls" is-open="vm.openRowIndex === $index && (vm.cellAutoOpenDisabled || vm.view[vm.openDayIndex].events.length > 0) && !vm.slideBoxDisabled" events="vm.view[vm.openDayIndex].events" on-event-click="vm.onEventClick" cell="vm.view[vm.openDayIndex]" custom-template-urls="vm.customTemplateUrls" template-scope="vm.templateScope" draggable-auto-scroll="vm.draggableAutoScroll" class="ng-isolate-scope"><div class="cal-slide-box ng-scope collapse" uib-collapse="vm.isCollapsed" mwl-collapse-fallback="vm.isCollapsed" style="height: 0px;"> <div class="cal-slide-content cal-event-list"> <ul class="unstyled list-unstyled"> <!-- ngRepeat: event in vm.events | orderBy:'startsAt' track by event.calendarEventId --> </ul> </div> </div> </div> </div><!-- end ngRepeat: rowOffset in vm.monthOffsets track by rowOffset --><div ng-repeat="rowOffset in vm.monthOffsets track by rowOffset" ng-mouseenter="rowHovered = true" ng-mouseleave="rowHovered = false" class="ng-scope"> <div class="cal-row-fluid cal-before-eventlist"> <!-- ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">5</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">6</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">7</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">8</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">9</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">10</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">11</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --> </div> <div mwl-dynamic-directive-template="" name="calendarSlideBox" overrides="vm.customTemplateUrls" is-open="vm.openRowIndex === $index && (vm.cellAutoOpenDisabled || vm.view[vm.openDayIndex].events.length > 0) && !vm.slideBoxDisabled" events="vm.view[vm.openDayIndex].events" on-event-click="vm.onEventClick" cell="vm.view[vm.openDayIndex]" custom-template-urls="vm.customTemplateUrls" template-scope="vm.templateScope" draggable-auto-scroll="vm.draggableAutoScroll" class="ng-isolate-scope"><div class="cal-slide-box ng-scope collapse" uib-collapse="vm.isCollapsed" mwl-collapse-fallback="vm.isCollapsed" style="height: 0px;"> <div class="cal-slide-content cal-event-list"> <ul class="unstyled list-unstyled"> <!-- ngRepeat: event in vm.events | orderBy:'startsAt' track by event.calendarEventId --> </ul> </div> </div> </div> </div><!-- end ngRepeat: rowOffset in vm.monthOffsets track by rowOffset --><div ng-repeat="rowOffset in vm.monthOffsets track by rowOffset" ng-mouseenter="rowHovered = true" ng-mouseleave="rowHovered = false" class="ng-scope"> <div class="cal-row-fluid cal-before-eventlist"> <!-- ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">12</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">13</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">14</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">15</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">16</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">17</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">18</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --> </div> <div mwl-dynamic-directive-template="" name="calendarSlideBox" overrides="vm.customTemplateUrls" is-open="vm.openRowIndex === $index && (vm.cellAutoOpenDisabled || vm.view[vm.openDayIndex].events.length > 0) && !vm.slideBoxDisabled" events="vm.view[vm.openDayIndex].events" on-event-click="vm.onEventClick" cell="vm.view[vm.openDayIndex]" custom-template-urls="vm.customTemplateUrls" template-scope="vm.templateScope" draggable-auto-scroll="vm.draggableAutoScroll" class="ng-isolate-scope"><div class="cal-slide-box ng-scope collapse" uib-collapse="vm.isCollapsed" mwl-collapse-fallback="vm.isCollapsed" style="height: 0px;"> <div class="cal-slide-content cal-event-list"> <ul class="unstyled list-unstyled"> <!-- ngRepeat: event in vm.events | orderBy:'startsAt' track by event.calendarEventId --> </ul> </div> </div> </div> </div><!-- end ngRepeat: rowOffset in vm.monthOffsets track by rowOffset --><div ng-repeat="rowOffset in vm.monthOffsets track by rowOffset" ng-mouseenter="rowHovered = true" ng-mouseleave="rowHovered = false" class="ng-scope"> <div class="cal-row-fluid cal-before-eventlist"> <!-- ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">19</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">20</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">21</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">22</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">23</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">24</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">25</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --> </div> <div mwl-dynamic-directive-template="" name="calendarSlideBox" overrides="vm.customTemplateUrls" is-open="vm.openRowIndex === $index && (vm.cellAutoOpenDisabled || vm.view[vm.openDayIndex].events.length > 0) && !vm.slideBoxDisabled" events="vm.view[vm.openDayIndex].events" on-event-click="vm.onEventClick" cell="vm.view[vm.openDayIndex]" custom-template-urls="vm.customTemplateUrls" template-scope="vm.templateScope" draggable-auto-scroll="vm.draggableAutoScroll" class="ng-isolate-scope"><div class="cal-slide-box ng-scope collapse" uib-collapse="vm.isCollapsed" mwl-collapse-fallback="vm.isCollapsed" style="height: 0px;"> <div class="cal-slide-content cal-event-list"> <ul class="unstyled list-unstyled"> <!-- ngRepeat: event in vm.events | orderBy:'startsAt' track by event.calendarEventId --> </ul> </div> </div> </div> </div><!-- end ngRepeat: rowOffset in vm.monthOffsets track by rowOffset --><div ng-repeat="rowOffset in vm.monthOffsets track by rowOffset" ng-mouseenter="rowHovered = true" ng-mouseleave="rowHovered = false" class="ng-scope"> <div class="cal-row-fluid cal-before-eventlist"> <!-- ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">26</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">27</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">28</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">29</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">30</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">31</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --><div ng-repeat="day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index" ng-init="dayIndex = vm.view.indexOf(day)" class="cal-cell1 cal-cell " ng-style="{backgroundColor: day.backgroundColor}" ng-click="vm.dayClicked(day, false, $event)" ng-class="{pointer: day.events.length > 0}"> <!-- ngInclude: --><ng-include src="vm.customTemplateUrls.calendarMonthCell || vm.calendarConfig.templates.calendarMonthCell" class="ng-scope"><div class="cal-month-day "> <span class="pull-right ng-binding" data-cal-date="" ng-bind="day.label">1</span> <small style="position: absolute; bottom: 10px; left: 5px"> <!-- ngIf: day.events[0].title --> </small> </div></ng-include> </div><!-- end ngRepeat: day in vm.view | calendarLimitTo:vm.weekDays.length:rowOffset track by $index --> </div> <div mwl-dynamic-directive-template="" name="calendarSlideBox" overrides="vm.customTemplateUrls" is-open="vm.openRowIndex === $index && (vm.cellAutoOpenDisabled || vm.view[vm.openDayIndex].events.length > 0) && !vm.slideBoxDisabled" events="vm.view[vm.openDayIndex].events" on-event-click="vm.onEventClick" cell="vm.view[vm.openDayIndex]" custom-template-urls="vm.customTemplateUrls" template-scope="vm.templateScope" draggable-auto-scroll="vm.draggableAutoScroll" class="ng-isolate-scope"><div class="cal-slide-box ng-scope collapse" uib-collapse="vm.isCollapsed" mwl-collapse-fallback="vm.isCollapsed" style="height: 0px;"> <div class="cal-slide-content cal-event-list"> <ul class="unstyled list-unstyled"> <!-- ngRepeat: event in vm.events | orderBy:'startsAt' track by event.calendarEventId --> </ul> </div> </div> </div> </div><!-- end ngRepeat: rowOffset in vm.monthOffsets track by rowOffset --> </div> </div></mwl-calendar-month><!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: week --> <!-- ngSwitchWhen: day --> </div><!-- end ngIf: vm.templatesLoaded --> </div></mwl-calendar> <script id="customMonthCell.html" type="text/ng-template"><div class="cal-month-day {{day.cssClass}}"> <span class="pull-right" data-cal-date ng-bind="day.label"> </span> <small style="position: absolute; bottom: 10px; left: 5px"> <div ng-if="day.events[0].title"> From <currency-direc price="{{ day.events[0].title }}"></currency-direc> <br/> <a class="btn btn-default btn-xs" href="/book?id={{day.events[0].tourid}}&name={{ day.events[0].name | slugify }}" target="_blank">Book</a> </div> </small> </div></script> </div><!-- end ngIf: calendarDataAvailable --> </td> </tr> </thead> </table> </div><!-- end ngRepeat: tab in tabset.tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab" style=""> <table class="table table-hover table-bordered ng-scope" ng-show="!(error)"> <thead> <tr><th colspan="10" style="text-align:center;color: #ffffff; background-color: #3270bc">Hotels</th> </tr><tr> <th class="col-xs-2">City</th> <th class="col-xs-2">Budget</th> <th class="col-xs-2">Economy</th> <th class="col-xs-2">Elegant</th> <th class="col-xs-2">Deluxe</th> <th class="col-xs-2">Luxury</th> </tr> </thead> <tbody><!-- ngRepeat: x in output --> </tbody></table> <uib-accordion close-others="false" class="ng-scope"><div role="tablist" class="panel-group" ng-transclude=""> <!-- ngRepeat: (key, value) in tourWithAllRelated[0].accomodationHotel | groupBy: 'type' --> </div></uib-accordion> </div><!-- end ngRepeat: tab in tabset.tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab" style=""> <!-- ngRepeat: x in tourWithAllRelated[0].siteLocation --><div ng-repeat="x in tourWithAllRelated[0].siteLocation" class="ng-scope" style=""> <h4 class="ng-binding"> Goa, India </h4> <p style="white-space: pre-wrap" class="ng-binding">Churches and Convents of Goa The churches and convents of Goa, the former capital of the Portuguese Indies – particularly the Church of Bom Jesus, which contains the tomb of St Francis-Xavier – illustrate the evangelization of Asia. These monuments were influential in spreading forms of Manueline, Mannerist and Baroque art in all the countries of Asia where missions were established The Churches and Convents at Velha (Old) Goa owe their existence to the Portuguese rule in this part of the western coast of India. The most comprehensive group of churches and cathedrals built during 16th to 17th century AD at Old Goa comprise of the following: Se' Cathedral, Church and Convent of St. Francis of Assisi, Chapel of St. Catherine, Basilica of Bom Jesus; Church of Lady of Rosary; Church of St. Augustine. The Church of St. Cajetan is modelled on the original design of St. Peter's Church in Rome. The Church of Bom Jesus with its facade decorated with Ionic, Doric and Corinthian pilasters, shows the application of the Classical order. The Se' Cathedral which was begun as a small chapel built of mud and straw under the order of Alfonso Albuquerque after his conquest of Goa is yet another example of Renaissance with its Tuscan exterior, the Corinthian columns at its portals, the raised platform with steps leading to the entrance and the barrel-vault above the nave. The principal chapel is large and ornamented with engraved pillars and pilasters. The images of Senhora d’Esperanca (Our Lady of Hope), Christ crucified and St. Catherine standing in the centre with statues of St. Peter and St. Paul on either side. The paintings in the churches were done on wooden borders and fixed between panels having floral designs as in the chapels housing the tomb of St. Xavier, the arches above the altars in the transept of the Se' Cathedral and in the nave on either side of the main altar in the Church of St. Francis of Assisi. Excepting a few which are in stone, the statues are mostly in wood delicately carved and painted to adorn the altars. They depict mostly the saints, Mother Mary and Jesus on the cross. Bom Jesus is said to be one of the grandest Churches to be raised in Asia vast and magnificent with ornaments suited to its greatness. Made of black granite, it part Doric and part Corinthian façade is elaborately carved. The ceiling is highly decorated. Sarcophagi of illustrious Portuguese who were connected with the religious life of Goa are very interesting. Its high and broad altar is dedicate to the figure of infant (Bom) Jesus. The monuments are open on all the days, i.e. throughout the year (inclusive of all public, state, national holidays)</p> </div><!-- end ngRepeat: x in tourWithAllRelated[0].siteLocation --> </div><!-- end ngRepeat: tab in tabset.tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab" style=""> <uib-accordion close-others="false" class="ng-scope"><div role="tablist" class="panel-group" ng-transclude=""> <!-- ngRepeat: x in tourWithAllRelated[0].tourNote | filternotes: 'important' --> </div></uib-accordion> </div><!-- end ngRepeat: tab in tabset.tabs --> </div> </div> </div> </div> </div> <div class="modal-demo"> <script type="text/ng-template" id="myModalContent.html"><div class="alert alert-success alert-dismissible fade in" ng-show="showSuccessBanner"> <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a> <strong>Success!</strong> Enquiry submitted, thanks! </div> <div class="modal-header"> <h3 class="modal-title" id="modal-title">Tour Enquiry</h3> </div> <form role="form" method="POST" ng-submit="createEnquiry();"> <div class="modal-body" id="modal-body"> <div class="row" style="margin:0px !important;"> <div class="col-sm-6"> <div class="form-group"> <label for="exampleInputEmail1">Title</label> <select class="form-control input-sm" ng-model="contactusData.title"> <option>Mr</option> <option>Miss</option> <option>Ms</option> <option>Mrs</option> </select> </div> <div class="clearfix"></div> <div class="form-group"> <label for="exampleInputEmail1">Name</label> <input type="text" ng-model="contactusData.name" class="form-control input-sm" id="exampleInputEmail1" placeholder="Enter Name"> </div> <div class="form-group"> <label for="exampleInputPassword1">Email Address</label> <input type="email" ng-model="contactusData.email" class="form-control input-sm" id="exampleInputEmail1" placeholder="Enter Email"> </div> <div class="clearfix"></div> <div class="form-group"> <label for="exampleInputPassword1">Phone</label> <input type="phone" ng-model="contactusData.phone" class="form-control input-sm" id="exampleInputEmail1" placeholder="Enter Phone"> </div> <div class="form-group"> <label for="exampleInputFile">Attach Files</label> <div class="form-group"> <div class="btn btn-default" ngf-select ng-model="contactusData.images" ngf-multiple="true" accept="image/*" ngf-max-height="2000" ngf-max-size="10MB" ngf-keep="distinct" ngf-capture="camera" ngf-max-files="5">Select Files (max:5) </div> <p class="help-block">Click on the Attach Files button to attach files related to your query.</p> </div> <div> <span ng-repeat="f in contactusData.images"> <img width=20% ngf-thumbnail="f || '/thumb.jpg'" class="thumb"> {{f.$errorParam}} </span> </div> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label for="exampleInputPassword1">Arrival Date</label> <input type="Date" ng-model="contactusData.plannedarrival" class="form-control input-sm" id="exampleInputEmail1" placeholder="Enter Arrival Date"> </div> <div class="clearfix"></div> <div class="form-group"> <label for="exampleInputEmail1">No. of Days</label> <input type="text" ng-model="contactusData.numdays" class="form-control input-sm" id="exampleInputEmail1" placeholder="Enter Nunmber of People"> </div> <div class="form-group"> <label for="exampleInputPassword1">Type of Hotel</label> <select class="form-control input-sm" ng-model="contactusData.preferredhoteltype"> <option>Budget</option> <option>Economy</option> <option>Elegant</option> <option>Deluxe</option> <option>Luxury</option> </select> </div> <div class="clearfix"></div> <div class="form-group"> <label for="exampleInputEmail1">Message</label> <textarea ng-model="contactusData.message" rows="3" class="form-control input-sm" id="exampleInputEmail1" placeholder="Enter Message"></textarea> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> <div class="clearfix"></div> </div> </div> <div class="modal-footer"> <div class="btn-group" role="group" aria-label="footer buttons"> <button type="submit" class="btn btn-primary">Submit</button> <button type="button" class="btn btn-default" ng-click="cancel()">Close</button> </div> </div> </form></script> <div class="modal-parent"></div> </div></div></div></div> </div>

Related: See More


Questions / Comments: