@social-mail/social-mail-client 1.2.698 → 1.2.700

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.698",
+  "version": "1.2.700",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/public/channel/ChannelCalendarView.tsx

@@ -15,6 +15,12 @@ import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
 import { UrlService } from "./UrlService";
 import { Mailto } from "../../common/Mailto";
 import { WebComponents } from "../../site-editor/editor/webComponentsPath";
+import Action from "@web-atoms/core/dist/view-model/Action";
+import PopupService from "@web-atoms/core/dist/web/services/PopupService";
+import TimeEditor from "@web-atoms/web-controls/dist/basic/TimeEditor";
+import Form from "@web-atoms/web-controls/dist/basic/Form";
+import FormField from "@web-atoms/web-controls/dist/basic/FormField";
+import TimeSpan from "@web-atoms/date-time/dist/TimeSpan";
 
 declare global {
     namespace JSX {
@@ -62,6 +68,7 @@ declare global {
                     background-color: #ffe1217d;
                     border-radius: 9999px;
                     max-height: 20px;
+                    line-height: 20px;
                     padding: 2px;
                     padding-left: 5px;
                     text-decoration: none;
@@ -195,6 +202,8 @@ export default class ChannelCalendarView extends AtomControl {
 
     calendarEvents: Map<number,IMailboxContactEvent[]> = new Map();
 
+    time = TimeSpan.parse("11:00 AM");
+
     constructor(app, e) {
         super(app, e);
         this.element.setAttribute("calendar-view", "simple");
@@ -226,20 +235,36 @@ export default class ChannelCalendarView extends AtomControl {
                 <calendar-events
                     { ... renderChildren(Bind.source( { self: this  }, (s) => this.renderEventItem(s.source.self.calendarEvents, s.source.self.selectedDate) )) }
                     />
-                <share-button
-                    href={Bind.oneWay(() => Mailto.create({
-                        to: this.channel.emailAddress.emailAddress,
-                        body: `\r\nEvent on 📅:${toVisibleDate(this.selectedDate)}\r\nEvent at 📍:`
-                    }))}>
-                    <button data-layout="accent-icon-button">
-                        <i class="fas fa-plus"/>
-                        <span text={Bind.oneWay(() => `Create Event on ${this.selectedDate?.day} `)}/>
-                    </button>
-                </share-button>
+                <details>
+                    <summary>Create New</summary>
+                    <div data-layout="row">
+                        Create Event at
+                        <TimeEditor time={Bind.twoWaysImmediate(() => this.time)} />
+                        <share-button
+                            href={Bind.oneWay(() => this.createEvent(this.selectedDate, this.time) )}>
+                            Create Event
+                        </share-button>
+                    </div>
+                </details>
             </vflex-div>
         </div>;
 
     }
+
+    createEvent(date: DateTime, time) {
+        let l = "";
+        // let l = dateObject.location;
+        // if (l) {
+        //     l = `📍: ${l}`;
+        // }
+        const d = date.date.add(time);
+        const body = `\r\nEvent on: 📅: ${d.toJSON()}\r\n${l}`;
+        return Mailto.create({
+            to: this.channel.emailAddress.emailAddress,
+            body
+        });
+    }
+
     renderEvent(calendarEvents: Map<number, IMailboxContactEvent[]>, date: DateTime) {
         const items = calendarEvents.get(date.date.msSinceEpoch);
         if (!items) {