Skip to content

Commit

Permalink
Auto-generated commit [ci skip]
Browse files Browse the repository at this point in the history
  • Loading branch information
mattlewis92 committed Aug 18, 2023
1 parent 2b4e493 commit 4b8ea47
Show file tree
Hide file tree
Showing 7 changed files with 14 additions and 14 deletions.
2 changes: 1 addition & 1 deletion 404.html
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,6 @@
</script>

<img src="https://static.scarf.sh/a.png?x-pxid=a9c630e9-616e-4308-9af7-8b201184d66c">
<script src="runtime.02abb9361ac79c8f.js" type="module"></script><script src="polyfills.e2b023e88ab9fed4.js" type="module"></script><script src="main.9f6ea929911f22b3.js" type="module"></script>
<script src="runtime.02abb9361ac79c8f.js" type="module"></script><script src="polyfills.e2b023e88ab9fed4.js" type="module"></script><script src="main.ff13a5c9962e42cf.js" type="module"></script>

</body></html>
4 changes: 2 additions & 2 deletions docs/changelog.html
Original file line number Diff line number Diff line change
Expand Up @@ -279,7 +279,7 @@ <h3 id="⚠-breaking-changes-3">⚠ BREAKING CHANGES</h3>
<p>The week view now has a border top applied to the top of the component container, rather than the top of the day headers container.</p>
<p>The <code>getDayView</code> and <code>getDayViewHourGrid</code> functions have been removed from the <code>CalendarUtils</code> service.</p>
<p>The following interfaces from <code>calendar-utils</code> were renamed: <code>DayViewHourSegment</code> -&gt; <code>WeekViewHourSegment</code>, <code>DayViewHour</code> -&gt; <code>WeekViewHour</code>, <code>DayViewEvent</code> -&gt; <code>WeekViewTimeEvent</code></p>
<p>The day view scheduler demo is now based off the week view instead, please check the updated demo code for how to migrate: <a href="https://mattlewis92.github.io/angular-calendar/#/day-view-scheduler">https://mattlewis92.github.io/angular-calendar/#/day-view-scheduler</a></p>
<p>The day view scheduler demo is now based off the week view instead, please check the updated demo code for how to migrate: <a href="https://mattlewis-github.com/angular-calendar/#/day-view-scheduler">https://mattlewis-github.com/angular-calendar/#/day-view-scheduler</a></p>
<p>If using a custom template for the <code>hourSegmentTemplate</code>, you must pass <code>let-isTimeLabel=&quot;isTimeLabel&quot;</code> as a local variable and then change <code>&lt;div class=&quot;cal-time&quot;&gt;</code> to <code>&lt;div class=&quot;cal-time&quot; *ngIf=&quot;isTimeLabel&quot;&gt;</code></p>
<ul>
<li>the dist files are no longer annotated for usage with closure compiler.</li>
Expand Down Expand Up @@ -925,7 +925,7 @@ <h3 id="features-12">Features</h3>
<h3 id="breaking-changes-6">BREAKING CHANGES</h3>
<ul>
<li><strong>monthView:</strong> the <code>dayModifier</code> input has been replaced with a more powerful <code>beforeViewRender</code>
output. See <a href="https://mattlewis92.github.io/angular-calendar/#/before-view-render">the demo</a> for an example of how to migrate your code.</li>
output. See <a href="https://mattlewis-github.com/angular-calendar/#/before-view-render">the demo</a> for an example of how to migrate your code.</li>
<li><strong>dayView:</strong> the <code>hourSegmentModifier</code> has been replaced with the <code>beforeViewRender</code> output.</li>
<li>For system.js users only, the UMD path to the <code>calendar-utils</code> module has changed from <code>calendar-utils/dist/umd/calendarUtils.js</code> to <code>calendar-utils/dist/umd/calendar-utils.js</code></li>
<li><strong>weekView:</strong> the <code>allowDragOutside</code> option has been removed from the week view as this can be implemented in user land. Please see this plunker for how to introduce it yourself: <a href="http://plnkr.co/edit/5KyUBC0lnfMsYMcVFAR9?p=preview">http://plnkr.co/edit/5KyUBC0lnfMsYMcVFAR9?p=preview</a></li>
Expand Down
14 changes: 7 additions & 7 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ <h2 align="center">Demo</h2>

<div align="center">

<p><a href="https://mattlewis92.github.io/angular-calendar/">https://mattlewis92.github.io/angular-calendar/</a></p>
<p><a href="https://mattlewis-github.com/angular-calendar/">https://mattlewis-github.com/angular-calendar/</a></p>
</div>

<h2 align="center">Sponsors</h2>
Expand Down Expand Up @@ -93,14 +93,14 @@ <h3 id="ng-add-recommended">ng add (recommended)</h3>
}),
],
})
export class MyModule {}</code></pre></div><p>In order to allow the most flexibility for all users there is a substantial amount of boilerplate required to get up and running. Please see the <a href="https://mattlewis92.github.io/angular-calendar/">demos list</a> for a series of comprehensive examples of how to use this library within your application.</p>
<p>Once you are up and running, to access a full list of options for each component, the individual APIs are documented here: <a href="https://mattlewis92.github.io/angular-calendar/docs/components/CalendarMonthViewComponent.html"><code>mwl-calendar-month-view</code></a>, <a href="https://mattlewis92.github.io/angular-calendar/docs/components/CalendarWeekViewComponent.html"><code>mwl-calendar-week-view</code></a> and <a href="https://mattlewis92.github.io/angular-calendar/docs/components/CalendarDayViewComponent.html"><code>mwl-calendar-day-view</code></a>.</p>
export class MyModule {}</code></pre></div><p>In order to allow the most flexibility for all users there is a substantial amount of boilerplate required to get up and running. Please see the <a href="https://mattlewis-github.com/angular-calendar/">demos list</a> for a series of comprehensive examples of how to use this library within your application.</p>
<p>Once you are up and running, to access a full list of options for each component, the individual APIs are documented here: <a href="https://mattlewis-github.com/angular-calendar/docs/components/CalendarMonthViewComponent.html"><code>mwl-calendar-month-view</code></a>, <a href="https://mattlewis-github.com/angular-calendar/docs/components/CalendarWeekViewComponent.html"><code>mwl-calendar-week-view</code></a> and <a href="https://mattlewis-github.com/angular-calendar/docs/components/CalendarDayViewComponent.html"><code>mwl-calendar-day-view</code></a>.</p>
<blockquote>
<p>Please note: angular-calendar uses <a href="https://scarf.sh/">Scarf</a> to collect anonymized installation analytics. These analytics help support the maintainers of this library. However, if you&#39;d like to opt out, you can do so by setting <code>scarfSettings.enabled = false</code> in your project&#39;s package.json. Alternatively, you can set the environment variable <code>SCARF_ANALYTICS=false</code> before you install.</p>
</blockquote>
<h2 align="center">Documentation</h2>

<p>To see all available API options, take a look at the auto generated <a href="https://mattlewis92.github.io/angular-calendar/docs/">documentation</a>. You may find it helpful to view the examples on the demo page.</p>
<p>To see all available API options, take a look at the auto generated <a href="https://mattlewis-github.com/angular-calendar/docs/">documentation</a>. You may find it helpful to view the examples on the demo page.</p>
<h2 align="center">Breaking changes</h2>

<p>Where possible this library will strictly adhere to <a href="http://semver.org/">semver</a> and only introduce API breaking changes in 0.x releases or new major versions post 1.0. The only exception to this is if you are using custom templates or extending the base components to add additional functionality, whereby critical bug fixes may introduce breakages as the internal API changes.</p>
Expand Down Expand Up @@ -156,15 +156,15 @@ <h3 id="the-month-week-or-day-view-doesnt-meet-my-project-requirements-but-the-o
<h3 id="how-come-theres-no-year-view-like-the-ng1-version">How come there’s no year view like the ng1 version?</h3>
<p>As there are so many events to show on each month, it doesn’t provide a lot of value and is just an extra burden to maintain. There is nothing to stop someone from building a new lib like <code>angular-calendar-year-view</code> though ;)</p>
<h3 id="does-this-calendar-work-with-mobile">Does this calendar work with mobile?</h3>
<p>This library is not optimised for mobile. Due to the complex nature of a calendar component, it is non trivial to build a calendar that has a great UX on both desktop and mobile. It is recommended to build your own calendar component for mobile that has a dedicated UX. You may be able to get some degree of mobile support by setting some custom CSS rules for smaller screens on the month view and showing less days on the <a href="https://mattlewis92.github.io/angular-calendar/#/responsive-week-view">week view</a>.</p>
<p>This library is not optimised for mobile. Due to the complex nature of a calendar component, it is non trivial to build a calendar that has a great UX on both desktop and mobile. It is recommended to build your own calendar component for mobile that has a dedicated UX. You may be able to get some degree of mobile support by setting some custom CSS rules for smaller screens on the month view and showing less days on the <a href="https://mattlewis-github.com/angular-calendar/#/responsive-week-view">week view</a>.</p>
<h3 id="how-do-i-use-a-custom-template">How do I use a custom template?</h3>
<p>All parts of this calendar can be customised via the use of an <code>ng-template</code>. The recipe for applying one is as follows:</p>
<ul>
<li>Find the template you would like to customise for the month, week or day view component. You can find all available custom templates by reading the <a href="https://mattlewis92.github.io/angular-calendar/docs/">documentation</a> for each component. For this example we will pick the <a href="https://mattlewis92.github.io/angular-calendar/docs/components/CalendarMonthViewComponent.html#cellTemplate"><code>cellTemplate</code></a> from the month view.</li>
<li>Find the template you would like to customise for the month, week or day view component. You can find all available custom templates by reading the <a href="https://mattlewis-github.com/angular-calendar/docs/">documentation</a> for each component. For this example we will pick the <a href="https://mattlewis-github.com/angular-calendar/docs/components/CalendarMonthViewComponent.html#cellTemplate"><code>cellTemplate</code></a> from the month view.</li>
<li>Next find the corresponding child component that will render the template by viewing the source. For our example of the month view cell it is <a href="https://github.com/mattlewis92/angular-calendar/blob/main/projects/angular-calendar/src/modules/month/calendar-month-view/calendar-month-cell/calendar-month-cell.component.ts">this component</a></li>
<li>Now copy the <a href="https://github.com/mattlewis92/angular-calendar/blob/be842da460a803ebb570418bc10e11fab56bd7b9/projects/angular-calendar/src/modules/month/calendar-month-cell.component.ts#L15-L72">template source</a> for your chosen template into your own component and modify as your see fit.</li>
<li>Finally pass the template to the components input: <code>&lt;mwl-calendar-month-view [cellTemplate]=&quot;cellTemplateId&quot; /&gt;</code></li>
<li>You can see an e2e working example of this <a href="https://mattlewis92.github.io/angular-calendar/#/custom-templates">here</a></li>
<li>You can see an e2e working example of this <a href="https://mattlewis-github.com/angular-calendar/#/custom-templates">here</a></li>
</ul>
<h3 id="what-is-the-browser-compatibility">What is the browser compatibility?</h3>
<p>All evergreen browsers supported by angular.</p>
Expand Down
4 changes: 2 additions & 2 deletions docs/js/search/search_index.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,6 @@
</script>

<img src="https://static.scarf.sh/a.png?x-pxid=a9c630e9-616e-4308-9af7-8b201184d66c">
<script src="runtime.02abb9361ac79c8f.js" type="module"></script><script src="polyfills.e2b023e88ab9fed4.js" type="module"></script><script src="main.9f6ea929911f22b3.js" type="module"></script>
<script src="runtime.02abb9361ac79c8f.js" type="module"></script><script src="polyfills.e2b023e88ab9fed4.js" type="module"></script><script src="main.ff13a5c9962e42cf.js" type="module"></script>

</body></html>
1 change: 0 additions & 1 deletion main.9f6ea929911f22b3.js

This file was deleted.

1 change: 1 addition & 0 deletions main.ff13a5c9962e42cf.js

Large diffs are not rendered by default.

0 comments on commit 4b8ea47

Please sign in to comment.