Merge pull request #19 from marksie1988/dev

v0.11.1

README.md

@@ -1,4 +1,4 @@
-# atomic calendar card v0.10.1
+# atomic calendar card v0.11.1
 This version works with HA v106
 
 Advanced calendar card for Home Assistant with Lovelace.
@@ -68,7 +68,8 @@ If you have any suggestions about design or functionality, please let me know, o
 | showNoEventsForToday | boolean | optional | v0.8.6 | `false` Shows `No events for today` if no events, instead of omit the entry.
 | sortByStartTime | boolean | optional | v0.9.0 | `false` Sort events by start time first instead of grouping them by calendar.
 | disableEventLink | boolean | optional | v0.10.0 | `false` disables links in event title.
-| disableLocationLink | boolean | optional | v0.10.0 | `false` disables links in event location
+| disableLocationLink | boolean | optional | v0.10.0 | `false` disables links in event location.
+| linkTarget | string | optional | v0.11.0 | `_blank` Allows custom target for links, default will open new tab.
 
 ### Translations and language related settings
 Week / month names are translated automatically

app.js

@@ -36,7 +36,7 @@ class AtomicCalendar extends LitElement {
 	render() {
         if(this.firstrun){
 			console.info(
-				"%c atomic_calendar_revive %c v0.10.1 ",
+				"%c atomic_calendar_revive %c v0.11.0 ",
 				"color: white; background: coral; font-weight: 700;",
 				"color: coral; background: white; font-weight: 700;"
 			);
@@ -410,6 +410,8 @@ class AtomicCalendar extends LitElement {
 			sortByStartTime: false, // sort first by calendar, then by time
 			disableEventLink: false, // disables links to event calendar
 			disableLocationLink: false, // disables links to event calendar
+			linkTarget: '_blank', // Target for links, can use any HTML target type
+
 			// color and font settings
 			dateColor: 'var(--primary-text-color)', // Date text color (left side)
 			dateSize: 90, //Date text size (percent of standard text)
@@ -516,7 +518,7 @@ class AtomicCalendar extends LitElement {
 		<div class="event-title" style="font-size: ${this.config.titleSize}%;color: ${titleColor}">${titletext}</div>
 		`
 		else return html `
-		<a href="${event.Link}" style="text-decoration: none;" target="_blank">
+		<a href="${event.link}" style="text-decoration: none;" target="${this.config.linkTarget}">
 		<div class="event-title" style="font-size: ${this.config.titleSize}%;color: ${titleColor}">${titletext}</div></a>
 		`
 	}
@@ -564,7 +566,7 @@ class AtomicCalendar extends LitElement {
 		<div><ha-icon class="event-location-icon" style="${this.config.locationIconColor}" icon="mdi:map-marker"></ha-icon>&nbsp;${event.address}</div>
 		`		
 		else return html `
-			<div><a href="https://maps.google.com/?q=${event.location}" target="_blank" class="location-link" style="color: ${this.config.locationLinkColor};font-size: ${this.config.locationTextSize}%;"><ha-icon class="event-location-icon" style="${this.config.locationIconColor}" icon="mdi:map-marker"></ha-icon>&nbsp;${event.address}</a></div>
+			<div><a href="https://maps.google.com/?q=${event.location}" target="${this.config.linkTarget}" class="location-link" style="color: ${this.config.locationLinkColor};font-size: ${this.config.locationTextSize}%;"><ha-icon class="event-location-icon" style="${this.config.locationIconColor}" icon="mdi:map-marker"></ha-icon>&nbsp;${event.address}</a></div>
 		`
 	}
 
@@ -890,7 +892,7 @@ class AtomicCalendar extends LitElement {
 			<div class="calTitle">
 				<paper-icon-button icon="mdi:chevron-left" @click='${e => this.handleMonthChange(-1)}' title="left"></paper-icon-button>
 				<div style="display: inline-block; min-width: 9em;  text-align: center;">	
-					<a href="https://calendar.google.com/calendar/r/month/${moment(this.selectedMonth).format('YYYY')}/${moment(this.selectedMonth).format('MM')}/1" style="text-decoration: none; color: ${this.config.titleColor}" target="_blank">
+					<a href="https://calendar.google.com/calendar/r/month/${moment(this.selectedMonth).format('YYYY')}/${moment(this.selectedMonth).format('MM')}/1" style="text-decoration: none; color: ${this.config.titleColor}" target="${this.config.linkTarget}">
 					${moment(this.selectedMonth).locale(this.language).format('MMMM')}  ${moment(this.selectedMonth).format('YYYY')} 
 					</a>
 				</div>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "atomic-calendar",
-  "version": "0.10.1",
+  "version": "0.11.1",
   "description": "Calendar Card for Home Assistant",
   "main": "atomic_calendar.js",
   "scripts": {

tracker.json

@@ -1,7 +1,7 @@
 {
     "atomic-calendar": {
       "updated_at": "2020-03-12",
-      "version": "0.10.1",
+      "version": "0.11.1",
       "remote_location": "https://github.com/marksie1988/atomic_calendar/releases/latest/atomic-calendar.js",
       "visit_repo": "https://github.com/marksie1988/atomic_calendar",
       "changelog": "https://github.com/marksie1988/atomic_calendar/releases/latest"