add-to-calendar-button 1.1.6 → 1.2.0

package/README.md

@@ -13,7 +13,7 @@ It is for this simple use case. No strings attached.
 
 ## Background // Why this repo exists
 
-While building a personal wedding page, I was confronted with the task to include a button, where invited people could save the event to their calenders.
+While building a personal wedding page, I was confronted with the task to include a button, where invited people could save the event to their calendars.
 I did not want to build this from scratch (first) and therefore started the usual web research.
 Unfortunately, all I found where some extremely outdated code snippets, which did not really fit all the modern systems and calendar tools.
 Beside that, there was only the solution by AddEvent.com - all over the place. I was looking at CodePen and all I found where thousands of pens, which basically only included the AddEvent tool.
@@ -49,7 +49,7 @@ See [jekuer.github.io/add-to-calendar-button](https://jekuer.github.io/add-to-ca
 
 ## Setup
  
-### Option 1: Simple
+### Option 1: simple
  
 1. Simply **download** the code from GitHub **or clone** the git repository.
 2. Copy the css (atcb.min.css) and js (atcb.min.js) files from the assets (not the "npm_dist"!) folders into your project (the **.min.** files are required, but it is recommended to also copy the raw and map files).
@@ -144,6 +144,8 @@ Mind that with Angular, you might need to escape the { with `{{ '{' }}` and } wi
 * timeZoneOffset works with older browsers, but is quite static.
 * You can set the trigger to "click". This makes the button open on click at desktop. Otherwise, the default would be to open on hover. On touch devices, this makes no difference.
 * If you want to define a specific name for any generated ics file (iCal), you can specify it via the "iCalFileName" option. The default would be "event-to-save-in-my-calendar".
+* You can use the option "inline":true in order to make the button appear with inline-block instead of block style.
+* If you require line breaks within the description, use `\n` or `<br>`.
  
 
 ## Contributing
@@ -160,8 +162,9 @@ Anyone is welcome to contribute, but mind the [guidelines](.github/CONTRIBUTING.
 The code is available under the [GPU 3.0 license](LICENSE.txt).
  
 
-## Changelog (major only)
+## Changelog (without bug fixes)
 
+* v1.2.0 : inline and line break support
 * v1.1.0 : npm functionality
 * v1.0.0 : initial release
  

package/assets/css/atcb.css

@@ -3,7 +3,7 @@
  * Add-to-Calendar Button
  * ++++++++++++++++++++++
  * 
- * Version: 1.1.6
+ * Version: 1.2.0
  * Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/jekuer/add-to-calendar-button
  * License: GNU General Public License v3.0	(gpl-3.0)

package/npm_dist/atcb_npm.js

@@ -3,7 +3,7 @@
  * Add-to-Calendar Button
  * ++++++++++++++++++++++
  */
-const atcbVersion = '1.1.6';
+const atcbVersion = '1.2.0';
 /* Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/jekuer/add-to-calendar-button
  * License: GNU General Public License v3.0	(gpl-3.0)
@@ -173,6 +173,8 @@ function atcb_generate(button, buttonId, data) {
     buttonTrigger.addEventListener('touchstart', atcb_toggle, {passive: true});
     buttonTrigger.addEventListener('mouseenter', atcb_open, false);
   }
+  // standardize any line breaks in the description
+  data['description'] = data['description'].replace(/<br\s*\/?>/gmi, '\n');
   // generate the options list
   let optionsList = document.createElement('div');
   optionsList.id = 'atcb_list_' + buttonId;
@@ -258,7 +260,11 @@ function atcb_generate(button, buttonId, data) {
   bgOverlay.addEventListener('touchstart', atcb_close_all, {passive: true});
   bgOverlay.addEventListener('mouseenter', atcb_close_all, false);
   // show the placeholder div
-  button.style.display = 'block';
+  if (data['inline']) {
+    button.style.display = 'inline-block';
+  } else {
+    button.style.display = 'block';
+  }
   // console log
   console.log("add-to-calendar button #" + (buttonId + 1) + " created");
 }
@@ -398,7 +404,7 @@ function atcb_generate_ical(data) {
    "DTSTAMP:" + formattedDate['start'],
    "DTSTART" + timeslot + ":" + formattedDate['start'],
    "DTEND" + timeslot + ":" + formattedDate['end'],
-   "DESCRIPTION:" + data['description'],
+   "DESCRIPTION:" + data['description'].replace(/\n/g, '\\n'),
    "SUMMARY:" + data['title'],
    "LOCATION:" + data['location'],
    "STATUS:CONFIRMED",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "add-to-calendar-button",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "description": "A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.",
   "main": "npm_dist/atcb_npm.js",
   "types": "index.d.ts",