Skip to content

Commit

Permalink
feat(docs-infra): created new widget for events page
Browse files Browse the repository at this point in the history
    Earlier data in events page was hardcoded and data have to be moved manually in the table now events will automatically move between current and past events in this implementation
  • Loading branch information
ajitsinghkaler committed Apr 8, 2020
1 parent 1beccc1 commit bf62aab
Show file tree
Hide file tree
Showing 9 changed files with 298 additions and 158 deletions.
158 changes: 1 addition & 157 deletions aio/content/marketing/events.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,161 +3,5 @@ <h1 class="banner-headline no-toc no-anchor">Events</h1>
</header>

<article class="events-container">
<p>Where we'll be presenting:</p>
<table class="is-full-width">
<thead>
<tr>
<th>Event</th>
<th>Location</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<!-- ng-conf 2020 -->
<tr>
<th><a href="https://ng-conf.org/" title="ng-conf">ng-conf</a></th>
<td>Salt Lake City, Utah</td>
<td>April 1-3, 2020</td>
</tr>
<tr>
<th><a href="https://ngvikings.org/" title="ngVikings">ngVikings</a></th>
<td>Oslo, Norway</td>
<td>May 25-26 conference, 27 workshops, 2020</td>
</tr>
</tbody>
</table>

<p>Where we already presented:</p>
<table class="is-full-width">
<thead>
<tr>
<th>Event</th>
<th>Location</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<!-- ngIndia 2020 -->
<tr>
<th><a href="https://www.ng-ind.com/" title="ngIndia">ngIndia</a></th>
<td>Delhi, India</td>
<td>Feb 29, 2020</td>
</tr>
<!-- ReactiveConf 2019 -->
<tr>
<th><a href="https://reactiveconf.com/" title="ReactiveConf">ReactiveConf</a></th>
<td>Prague, Czech Republic</td>
<td>October 30 - November 1, 2019</td>
</tr>
<!-- NG Rome 2019-->
<tr>
<th>
<a href="https://ngrome.io" title="NG Rome MMXIX - The Italian Angular Conference">NG Rome MMXIX</a>
</th>
<td>Rome, Italy</td>
<td>Oct 6th workshops, 7th conference, 2019</td>
</tr>
<!-- AngularConnect 2019-->
<tr>
<th><a href="https://www.angularconnect.com/?utm_source=angular.io&utm_medium=referral"
title="AngularConnect">AngularConnect</a></th>
<td>London, UK</td>
<td>September 19-20, 2019</td>
</tr>
<!-- NG-DE 2019-->
<tr>
<th><a href="https://ng-de.org/" title="NG-DE">NG-DE</a></th>
<td>Berlin, Germany</td>
<td>August 29th workshops, 30-31 conference, 2019</td>
</tr>
<!-- ngJapan-->
<tr>
<th><a href="https://ngjapan.org" title="ng-japan">ng-japan</a></th>
<td>Tokyo, Japan</td>
<td>July 13, 2019</td>
</tr>
<!-- ngVikings 2019-->
<tr>
<th><a href="https://ngvikings.org/" title="ngVikings">ngVikings</a></th>
<td>Copenhagen, Denmark</td>
<td>May 26 (workshops), 27-28 (conference), 2019</td>
</tr>
<!-- ng-conf 2019-->
<tr>
<th><a href="https://ng-conf.org/" title="ng-conf">ng-conf</a></th>
<td>Salt Lake City, Utah</td>
<td>May 1-3, 2019</td>
</tr>
<!-- ng-India 2019-->
<tr>
<th><a href="https://www.ng-ind.com/" title="ng-India">ng-India</a></th>
<td>Gurgaon, India</td>
<td>February 23, 2019</td>
</tr>
<!-- ngAtlanta 2019 -->
<tr>
<th><a href="https://ng-atl.org/" title="ngAtlanta">ngAtlanta</a></th>
<td>Atlanta, Georgia</td>
<td>January 9-12, 2019</td>
</tr>
<!-- AngularConnect-->
<tr>
<th>
<a href="https://past.angularconnect.com/2018" title="AngularConnect">AngularConnect</a>
</th>
<td>London, United Kingdom</td>
<td>November 5-7, 2018</td>
</tr>
<!-- ReactiveConf -->
<tr>
<th><a href="https://reactiveconf.com/" title="ReactiveConf">ReactiveConf</a></th>
<td>Prague, Czech Republic</td>
<td>October 29-31, 2018</td>
</tr>
<!-- AngularMix -->
<tr>
<th><a href="https://angularmix.com/" title="AngularMix">AngularMix</a></th>
<td>Orlando, Florida</td>
<td>October 10-12, 2018</td>
</tr>
<!-- Angular Conf Australia-->
<tr>
<th>
<a href="https://www.angularconf.com.au/" title="Angular Conf Australia">Angular Conf Australia</a>
</th>
<td>Melbourne, Australia</td>
<td>Jun 22, 2018</td>
</tr>
<!-- ngJapan-->
<tr>
<th><a href="https://ngjapan.org/en.html" title="ng-japan">ng-japan</a></th>
<td>Tokyo, Japan</td>
<td>Jun 16, 2018</td>
</tr>
<!-- WeRDevs-->
<tr>
<th><a href="https://www.wearedevelopers.com/" title="WeAreDevs">WeAreDevelopers</a></th>
<td>Vienna, Austria</td>
<td>May 16-18, 2018</td>
</tr>
<!-- ngconf 2018-->
<tr>
<th><a href="https://www.ng-conf.org/" title="ng-conf">ng-conf</a></th>
<td>Salt Lake City, Utah</td>
<td>April 18-20, 2018</td>
</tr>
<!-- ngVikings-->
<tr>
<th><a href="https://ngvikings.org/" title="ngVikings">ngVikings</a></th>
<td>Helsinki, Finland</td>
<td>March 1-2, 2018</td>
</tr>
<!-- ngAtlanta-->
<tr>
<th><a href="http://ng-atl.org/" title="ngAtlanta">ngAtlanta</a></th>
<td>Atlanta, Georgia</td>
<td>January 30, 2018</td>
</tr>
</tbody>
</table>
<aio-events></aio-events>
</article>
170 changes: 170 additions & 0 deletions aio/content/marketing/events.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,170 @@
[
{
"endDate": "2019-09-20",
"address": "London, UK",
"title": "AngularConnect",
"linkUrl": "https://www.angularconnect.com/?utm_source=angular.io&utm_medium=referral",
"name": "AngularConnect",
"info": "September 19-20, 2019"
},
{
"endDate": "2019-08-31",
"address": "Berlin, Germany",
"title": "NG-DE",
"linkUrl": "https://ng-de.org/",
"name": "NG-DE",
"info": "August 29th workshops, 30-31 conference, 2019"
},
{
"endDate": "2019-07-13",
"address": "Tokyo, Japan",
"title": "ng-japan",
"linkUrl": "https://ngjapan.org/",
"name": "ng-japan",
"info": "July 13, 2019"
},
{
"endDate": "2019-05-28",
"address": "Copenhagen, Denmark",
"title": "ngVikings",
"linkUrl": "https://ngvikings.org/",
"name": "ngVikings",
"info": "May 26 (workshops), 27-28 (conference), 2019"
},
{
"endDate": "2019-05-03",
"address": "Salt Lake City, Utah",
"title": "ng-conf",
"linkUrl": "https://ng-conf.org/",
"name": "ng-conf",
"info": "May 1-3, 2019"
},
{
"endDate": "2019-02-23",
"address": "Gurgaon, India",
"title": "ng-India",
"linkUrl": "https://www.ng-ind.com/",
"name": "ng-India",
"info": "February 23, 2019"
},
{
"endDate": "2019-01-12",
"address": "Atlanta, Georgia",
"title": "ngAtlanta",
"linkUrl": "https://ng-atl.org/",
"name": "ngAtlanta",
"info": "January 9-12, 2019"
},
{
"endDate": "2018-11-09",
"address": "London, United Kingdom",
"title": "AngularConnect",
"linkUrl": "https://past.angularconnect.com/2018",
"name": "AngularConnect",
"info": "November 5-7, 2018"
},
{
"endDate": "2018-10-31",
"address": "Prague, Czech Republic",
"title": "ReactiveConf",
"linkUrl": "https://reactiveconf.com/",
"name": "ReactiveConf",
"info": "October 29-31, 2018"
},
{
"endDate": "2018-10-12",
"address": "Orlando, Florida",
"title": "AngularMix",
"linkUrl": "https://angularmix.com/",
"name": "AngularMix",
"info": "October 10-12, 2018"
},
{
"endDate": "2018-06-22",
"address": "Melbourne, Australia",
"title": "Angular Conf Australia",
"linkUrl": "https://www.angularconf.com.au/",
"name": "Angular Conf Australia",
"info": "Jun 22, 2018"
},
{
"endDate": "2018-06-16",
"address": "Tokyo, Japan",
"title": "ng-japan",
"linkUrl": "https://ngjapan.org/en.html",
"name": "ng-japan",
"info": "Jun 16, 2018"
},
{
"endDate": "2018-05-18",
"address": "Vienna, Austria",
"title": "WeAreDevs",
"linkUrl": "https://www.wearedevelopers.com/",
"name": "WeAreDevelopers",
"info": "May 16-18, 2018"
},
{
"endDate": "2018-04-20",
"address": "Salt Lake City, Utah",
"title": "ng-conf",
"linkUrl": "https://ng-conf.org/",
"name": "ng-conf",
"info": "April 18-20, 2018"
},
{
"endDate": "2018-03-02",
"address": "Helsinki, Finland",
"title": "ngVikings",
"linkUrl": "https://ngvikings.org/",
"name": "ngVikings",
"info": "March 1-2, 2018"
},
{
"endDate": "2018-01-30",
"address": "Atlanta, Georgia",
"title": "ngAtlanta",
"linkUrl": "https://ng-atl.org/",
"name": "ngAtlanta",
"info": "January 30, 2018"
},
{
"endDate": "2020-05-27",
"address": "Oslo, Norway",
"title": "ngVikings",
"linkUrl": "https://ngvikings.org/",
"name": "ngVikings",
"info": "May 25-26 conference, 27 workshops, 2020"
},
{
"endDate": "2020-04-03",
"address": "Salt Lake City, Utah",
"title": "ng-conf",
"linkUrl": "https://ng-conf.org/",
"name": "ng-conf ",
"info": "April 1-3, 2020"
},
{
"endDate": "2020-02-29",
"address": "Delhi, India",
"title": "ngIndia",
"linkUrl": "https://www.ng-ind.com/",
"name": "ngIndia",
"info": "Feb 29, 2020"
},
{
"endDate": "2019-11-01",
"address": "Prague, Czech Republic",
"title": "ReactiveConf",
"linkUrl": "https://reactiveconf.com/",
"name": "ReactiveConf",
"info": "October 30 - November 1, 2019"
},
{
"endDate": "2019-10-07",
"address": "Rome, Italy",
"title": "NG Rome MMXIX - The Italian Angular Conference",
"linkUrl": "https://ngrome.io",
"name": "NG Rome MMXIX",
"info": "Oct 6th workshops, 7th conference, 2019"
}
]
4 changes: 4 additions & 0 deletions aio/src/app/custom-elements/element-registry.ts
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,10 @@ export const ELEMENT_MODULE_LOAD_CALLBACKS_AS_ROUTES = [
{
selector: 'live-example',
loadChildren: () => import('./live-example/live-example.module').then(m => m.LiveExampleModule)
},
{
selector: 'aio-events',
loadChildren: () => import('./events/events.module').then(m => m.EventsModule)
}
];

Expand Down
35 changes: 35 additions & 0 deletions aio/src/app/custom-elements/events/events.component.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<p>Where we'll be presenting:</p>
<table class="is-full-width">
<thead>
<tr>
<th>Event</th>
<th>Location</th>
<th>Date</th>
</tr>
</thead>
<tbody >
<tr *ngFor="let event of upcomingEvents">
<th><a href="{{event.linkUrl}}" title={{event.title}}>{{event.title}}</a></th>
<td>{{event.address}}</td>
<td>{{event.info}}</td>
</tr>
</tbody>
</table>

<p>Where we already presented:</p>
<table class="is-full-width">
<thead>
<tr>
<th>Event</th>
<th>Location</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let event of prevEvents">
<th><a href="{{event.linkUrl}}" title={{event.title}}>{{event.title}}</a></th>
<td>{{event.address}}</td>
<td>{{event.info}}</td>
</tr>
</tbody>
</table>

0 comments on commit bf62aab

Please sign in to comment.