שיתוף | מסך בית מעוצב ל-Home Assistant
-
המשתמש הפשוט בHA שכל חטאו שהוא רוצה להכניס מעט בינה ודעת בביתו מגלה שזה לא כזה פשוט... מעבר להתקנה חיבור מכשירים פלוס קשיי סינוני אינטרנט ועוד ועוד ומה שמוסיף לאווירה זה החוסר נוחות ב"מסך הבית" ויצירת תיזמונים פשוטים...
ביקשתי מקלוד (אל תחשבו זה היה המון שעות עבודה...) שיבנה לי תחליף למסך הבית של HA פלוס אפשרות ליצור אוטומציות פשוטות יחסית דרך הדשבורד עצמו ללא צורך להשתמש בממשק המורכב של HA...
אני משתף לרווחת הציבור... זה קובץ HTML יחיד שמכיל הכל... תעלו אותו בשמחה לקלוד שלכם תוסיפו תערכו תשנו והכי חשוב תשתפו אותנו בתוצרים... כרגע הוספתי אות השואב שוטף שלי (דרימי) ומזגנים לגוף הקובץ... זה פשוט מה שאני משתמש בו... יש כמובן גם תאורה ומתגים וכדו'...
עדכון: שודרג וכעת ניתן להתקין "אפליקציות" לבד... הסבר בפוסט בהמשך....
הממשק אמור לדמות בגדול מסך הבית של אנדרואיד...
תהנו...
הערות והארות וגירסאות שלכם כאן בבקשה...
יש עוד כמה שידרוגים בקנה לקובץ... בהמשך... כשיחזרו לי הטוקנים...
(בעיקרון צריך להוסיף L בסוף הסיומת של הקובץ מחקתי כי זה לא עולה טוב לפורום אבל זה עובד גם ככה)
צילום מסך של מסך הדגמה:
בקרו - https://yo-2580.github.io/profile2580/
-
המשתמש הפשוט בHA שכל חטאו שהוא רוצה להכניס מעט בינה ודעת בביתו מגלה שזה לא כזה פשוט... מעבר להתקנה חיבור מכשירים פלוס קשיי סינוני אינטרנט ועוד ועוד ומה שמוסיף לאווירה זה החוסר נוחות ב"מסך הבית" ויצירת תיזמונים פשוטים...
ביקשתי מקלוד (אל תחשבו זה היה המון שעות עבודה...) שיבנה לי תחליף למסך הבית של HA פלוס אפשרות ליצור אוטומציות פשוטות יחסית דרך הדשבורד עצמו ללא צורך להשתמש בממשק המורכב של HA...
אני משתף לרווחת הציבור... זה קובץ HTML יחיד שמכיל הכל... תעלו אותו בשמחה לקלוד שלכם תוסיפו תערכו תשנו והכי חשוב תשתפו אותנו בתוצרים... כרגע הוספתי אות השואב שוטף שלי (דרימי) ומזגנים לגוף הקובץ... זה פשוט מה שאני משתמש בו... יש כמובן גם תאורה ומתגים וכדו'...
עדכון: שודרג וכעת ניתן להתקין "אפליקציות" לבד... הסבר בפוסט בהמשך....
הממשק אמור לדמות בגדול מסך הבית של אנדרואיד...
תהנו...
הערות והארות וגירסאות שלכם כאן בבקשה...
יש עוד כמה שידרוגים בקנה לקובץ... בהמשך... כשיחזרו לי הטוקנים...
(בעיקרון צריך להוסיף L בסוף הסיומת של הקובץ מחקתי כי זה לא עולה טוב לפורום אבל זה עובד גם ככה)
צילום מסך של מסך הדגמה:
-
@2580 רעיון עיצובי נחמד.
היכן הוא מוצג, בלוח מחוונים של הום אסיסטנט (בתוך כרטיס מתאים), או במחשב (עם אסימון גישה ארוך טווח)? -
2580 כתב:
בהמשך התיכנון הוא שכל אחד יוכל "להתקין אפליקציות" על הדשבורד הזה...
בוצע ב"ה...
עודכן הקובץ למעלה בפוסט הראשון
אסביר קצת כיצד להשתמש:
-
לצורך יצירת אפליקציה חדשה יש להעלות לצ'אט הנבחר את הקובץ MD המצורף בפוסט הזה
-
כמובן האינטגרציה או כל מה שאתם רוצים להוסיף לדשבורד חייבים להיות מותקנים לכם על הHA אחרת זה לא באמת יופיע
-
תכתבו לצ'אט תיצור לי אפליקציה (פלוס ווידג'ט במידת הצורך) לאינטגרציה פלונית ע"פ הקובץ המצורף
-
תורידו את הקובץ ותגררו אותו למסך הבית ותאשרו התקנה
-
כמובן תוכלו לשחק עם זה ככל העולה על רוחכם ולשנות ולערוך וכו' וכו'
-
אחרי כל עריכה תגררו שוב את הקובץ החדש ולחצו על עדכון...
-
וכמובן הכי חשוב תשתפו אותנו בתוצרים...
-
שלום! נראה שהשיחה הזו מעניינת אותך, אבל עדיין אין לך חשבון.
נמאס לכם לגלול בין אותם הפוסטים בכל ביקור? כשנרשמים לחשבון, תמיד תחזרו בדיוק למקום שבו הייתם קודם, ותוכלו לבחור לקבל התראות על תגובות חדשות (בין אם במייל, ובין אם בהתראת פוש). תוכלו גם לשמור סימניות ולפרגן ב-upvote לפוסטים כדי להביע הערכה לחברי קהילה אחרים.
בעזרת התרומה שלך, הפוסט הזה יכול להיות אפילו טוב יותר 💗
הרשמה התחברות { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}