From 33e4ad5811ded40214f2252b1803116e8777cfb3 Mon Sep 17 00:00:00 2001
From: Darkdragon14 <s.tristan@hotmail.fr>
Date: Sat, 23 Nov 2024 17:49:21 +0100
Subject: [PATCH 1/4] feat(choose-now-orstart date): add input to choose
 between now and a start date

---
 .../ha_guest_mode/www/ha-guest-mode.js        | 62 ++++++++++---------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/custom_components/ha_guest_mode/www/ha-guest-mode.js b/custom_components/ha_guest_mode/www/ha-guest-mode.js
index a0e0adf..7783f63 100644
--- a/custom_components/ha_guest_mode/www/ha-guest-mode.js
+++ b/custom_components/ha_guest_mode/www/ha-guest-mode.js
@@ -45,6 +45,7 @@ class GuestModePanel extends LitElement {
       users: { type: Array },
       tokens: { type: Array },
       alert: { type: String },
+      enableStartDate: { type: Boolean },
     };
   }
 
@@ -63,6 +64,7 @@ class GuestModePanel extends LitElement {
     this.expirationDate = getNow();
     this.startDateLabel = "Start Date";
     this.endDtateLabel = "Expiration Date";
+    this.enableStartDate = false;
   }
 
   fetchUsers() {
@@ -119,8 +121,8 @@ class GuestModePanel extends LitElement {
     this.expirationDate = e.detail.value;
   }
 
-  toggleSideBar() {
-    this.dispatchEvent(new Event('hass-toggle-menu', { bubbles: true, composed: true}));
+  toggleEnableStartDate(e) {
+    this.enableStartDate = !this.enableStartDate;
   }
 
   addClick() {
@@ -190,14 +192,6 @@ class GuestModePanel extends LitElement {
         <header class="mdc-top-app-bar mdc-top-app-bar--fixed">
           <div class="mdc-top-app-bar__row">
             <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start" id="navigation">
-              <div>
-                <mwc-icon-button title="Sidebar Toggle" @click=${this.toggleSideBar}>
-                  <svg preserveAspectRatio="xMidYMid meet" focusable="false" role="img" aria-hidden="true" viewBox="0 0 24 24">
-                    <g><path class="primary-path" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"></path></g>
-                  </svg>
-                </mwc-icon-button>
-              </div>
-
               <span class="mdc-top-app-bar__title">
                 ${this.panel.title}
               </span>
@@ -223,19 +217,29 @@ class GuestModePanel extends LitElement {
             </ha-combo-box>
             <span>:</span>
 
-            <ha-selector
-              .selector=${{
-                datetime: {
-                  mode: "both",
-                }
-              }}
-              .label=${this.startDateLabel}
-              .hass=${this.hass}
-              .required=${false}
-              .value=${this.startDate}
-              @value-changed=${this.startDateChanged}
-            >
-            </ha-selector>
+            <mwc-button
+              .label="${this.enableStartDate ? 'Use now' : 'Use a start date'}"
+              Outlined 
+              @click=${this.toggleEnableStartDate}
+            ></mwc-button>
+
+            ${this.enableStartDate ?
+              html`
+                <ha-selector
+                  .selector=${{
+                    datetime: {
+                      mode: "both",
+                    }
+                  }}
+                  .label=${this.startDateLabel}
+                  .hass=${this.hass}
+                  .required=${false}
+                  .value=${this.startDate}
+                  @value-changed=${this.startDateChanged}
+                >
+                </ha-selector>
+              ` : ''
+            }
 
             <ha-selector
               .selector=${{
@@ -298,7 +302,7 @@ class GuestModePanel extends LitElement {
   }
 
   static get styles() {
-    return css`ha-datetimeha-time-input
+    return css`
       :host {
       }
       .mdc-top-app-bar {
@@ -376,6 +380,10 @@ class GuestModePanel extends LitElement {
       mwc-button {
         padding: 16px 0;
       }
+      mwc-checkbox {
+        --mdc-theme-secondary: var(--primary-color);
+        --mdc-checkbox-unchecked-color: var(--text-primary-color);
+      }
       .content {
         padding-left: 16px;
         padding-right: 16px;
@@ -406,12 +414,6 @@ class GuestModePanel extends LitElement {
       ha-textfield[id="sec"] {
         display: none;
       }
-      
-      @media (min-width: 870px) {
-        mwc-icon-button {
-          display: none;
-        }
-      }
     `;
   }
 } 

From a355590286d7d0db7dec3050d13287c29b94423f Mon Sep 17 00:00:00 2001
From: Darkdragon14 <s.tristan@hotmail.fr>
Date: Sat, 23 Nov 2024 17:49:32 +0100
Subject: [PATCH 2/4] chore: review readme

---
 README.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 28b835c..c45eeec 100644
--- a/README.md
+++ b/README.md
@@ -34,7 +34,7 @@ To install Guest Mode using [HACS](https://hacs.xyz/):
 
 # Difference with the fork
 
-You can choose a start date and an end date. Furthermore, the Home Assistant token is only created if the guest uses the link during the specified period.
+You can set the link to be active immediately (default mode) or enable a date selector to specify a start date. Additionally, the Home Assistant token is generated only if the guest accesses the link within the defined time frame.
 
 If you want to know whether your guest has used the link, you can check the icon next to the token's name:
 
@@ -59,10 +59,12 @@ You can now generate a secure link to share with your guests.
 
 # Future improvements
 
-* Allowing immediate or scheduled start dates for guest links. :rocket:
-
 * Adding multilingual support :rocket:
 
+* Removeving seconds in UI :rocket:
+
+* Using ha-date-range-picker if is possible :rocket:
+
 * Replace absolute paths with dynamically generated relative paths. :hammer_and_wrench:
 
 * Improving error handling and code maintainability. :hammer_and_wrench:

From ccd3ab87c76ed17cf1bbee694a9aef1db9077653 Mon Sep 17 00:00:00 2001
From: Darkdragon14 <s.tristan@hotmail.fr>
Date: Sat, 23 Nov 2024 17:49:54 +0100
Subject: [PATCH 3/4] chore: update version in manisfest.json

---
 custom_components/ha_guest_mode/manifest.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/custom_components/ha_guest_mode/manifest.json b/custom_components/ha_guest_mode/manifest.json
index d67283a..1fb939e 100644
--- a/custom_components/ha_guest_mode/manifest.json
+++ b/custom_components/ha_guest_mode/manifest.json
@@ -8,5 +8,5 @@
     "iot_class": "local_push",
     "issue_tracker": "https://github.com/Darkdragon14/ha-guest-mode/issues",
     "requirements": [],
-    "version": "1.1.0"
+    "version": "1.2.0"
 }
\ No newline at end of file

From 2f8988ec1abfde1ed68330228b0592af7ba10294 Mon Sep 17 00:00:00 2001
From: Darkdragon14 <s.tristan@hotmail.fr>
Date: Sat, 23 Nov 2024 17:51:26 +0100
Subject: [PATCH 4/4] chore: remove useless css

---
 custom_components/ha_guest_mode/www/ha-guest-mode.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/custom_components/ha_guest_mode/www/ha-guest-mode.js b/custom_components/ha_guest_mode/www/ha-guest-mode.js
index 7783f63..6eecffb 100644
--- a/custom_components/ha_guest_mode/www/ha-guest-mode.js
+++ b/custom_components/ha_guest_mode/www/ha-guest-mode.js
@@ -380,10 +380,6 @@ class GuestModePanel extends LitElement {
       mwc-button {
         padding: 16px 0;
       }
-      mwc-checkbox {
-        --mdc-theme-secondary: var(--primary-color);
-        --mdc-checkbox-unchecked-color: var(--text-primary-color);
-      }
       .content {
         padding-left: 16px;
         padding-right: 16px;