@צדיק-תמים
זית הציג רעיון תמים אך מעניין עם דף הנחיתה שלו. הוא מאפשר גישה מהירה לקבצים ולפרק המבוקש, ויוצר תחושה של התקדמות חלקה ומהירה. למעשה, הוא מבוסס על עיקרון דומה לטפסים שמופיעים באתרים רבים, שבהם מתקדמים שלב אחר שלב — אני פשוט לא מכיר היטב את המונחים המקצועיים ולכן מתקשה להסביר זאת בצורה מושלמת.
מבחינה תכנותית, זה מקל מאוד, משום שכמעט ואין צורך בחיבור מורכב בין חלקי התוכנה; כל תהליך הזרימה מתבצע במקום אחד.
מבנה זה מאוד מאוד מתאים לתוכנות מובייל בפרט - וממילא גם לתוספי וורד עקב התצוגה הצרה המבנה מאפשר ממשק קומפקטי ותכליתי, עם זרימה ברורה, במקום שלושה דפים ראשיים חיפוש - איתור ספר - עיון בספר ישנו דף אחד בו המשתמש עושה את כל מה שהוא צריך עם זרימה ברורה
כמו כן, בנוגע ל-DB — לא-מתייאש ביצע עבודה יסודית ומעמיקה, ממש מעל ומעבר.
כל זה מאפשר לי כמישהו שרוצה להעתיק את העבודה שלו לייצר בקלות יחסית תוכנה שלימה במהירות רבה. לקח לי שליש מהזמן לייצר את התוסף לזית מאשר התוסף לאוצריא - ובתוסף זית יש הרבה יותר פונקציונליות. כמובן זה גם קשור לזה שעברתי לvue כמצויין. וגם אולי כי אני קצת יותר מנוסה.
Spoiler
אגב יש עוד רעיונות שזית עמל עליהם שאני אפילו לא גירדתי.
 { 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}