שאלות לגבי intro.js

חשמבירים מפתח התקציב
#1

אני רוצה לנסות את intro.js, כמה שאלות מקדימות (מתנצל מראש אם בסיסיות, לא התעסקתי ב-web מאז שנות ה-90):

  1. איזה חלק של הפרויקט צריך לקחת בשביל להתחיל לעבוד עם intro.js? מספיק את open-budget-frontend?
  2. על לפטופ הפיתוח שלי יש כרגע Windows, זה צפוי לגרום לבעיות?
#2
  1. כן2. לא התקנתי אף פעם סביבה על windows. זה דורש התקנה של node ו-npm - אני מניח שזה אפשרי אבל לא הייתי ממליץ. אם אתה רוצה אפשר להתקין בקלות סביבת עבודה וירטואלית (בתוך virtualbox). דבר איתי לפרטים.

אדם

#3

מצד שני,אם אכן תתקין על סביבת וינדוז בהצלחה, נשמח אם תתעד את פעולותיך בכדי שנוכל להוסיף אותם ל-README של הפרויקט.-- Mushon Zer-AvivMushon.com | Shual.com | @mushon

#4

ניסיתי ב-Windows ובאובונטו, ובשניהם אני נתקל באותה בעיה בהרצה של grunt:
(אגב, מישהו מכיר אם יש אפשרות פה בפורום ליישר טקסט שמאלה בלי להכניס HTML?)

Running "concurrent:dist" (concurrent) task
>> Warning: There are more tasks than your concurrency limit. After this limit
>> is reached no further tasks will be run until the current tasks are
>> completed. You can adjust the limit in the concurrent task options
    Warning: Running "less:dist" (less) task
    >> FileError: '../bootstrap/less/variables.less' wasn't found in app/bower_components/bootstrap-rtl/less/bootstrap-rtl.less on line 8, column 1:
    >> 7 // Original LESS files from the latest bootstrap
    >> 8 @import "../bootstrap/less/variables.less";
    >> 9 @import "mixins.less";
    Warning: Error compiling app/styles/main.less Use --force to continue.
    
    Aborted due to warnings.
    
    
    Execution Time (2014-10-29 22:02:17 UTC)
    loading tasks  15ms  ? 1%
    less:dist        1s  ??????????????????????????????????????????????? 98%
    Total 1.1s Use --force to continue.
        
        Aborted due to warnings.

עד grunt הכל הולך חלק.
עוד מישהו נתקל בזה?

#5

מצרף גם את הפלט של bower list למקרה שזה רלוונטי:

$ bower list
bower check-new     Checking for new versions of the project dependencies..
open-budget#0.0.0 /home/yuval/projects/open-budget-frontend/open-budget
 backbone#1.1.2
 underscore#1.5.2 (1.7.0 available)
 bootstrap#3.0.3 (latest is 3.3.0)
 jquery#1.9.1 (2.1.1 available)
 bootstrap-rtl#0.9.16 (latest is 3.2.0-rc6)
 jquery#1.9.1
 d3#3.4.13
 d3-tip#0.6.6
 d3#3.4.13
 hogan#3.0.2
 jquery#1.9.1 (latest is 2.1.1)
 modernizr#2.6.3 (latest is 2.8.3)
 typeahead.js#0.10.5
 jquery#1.9.1 (2.1.1 available)
 underscore#1.5.2 (latest is 1.7.0)
#6

אתה צריך לעשות comment out לשתי השורות האלה:

>> 8 @import “…/bootstrap/less/variables.less”;
>> 9 @import “mixins.less”;

(כדאי להוסיף את זה להוראות אני חושב :slight_smile: )

אדם

#7

עובד! גם ב-Windows. תודה אדם.
pull request עכשיו בדרך אליך.

לייק 1
#8

מרג׳ד, תודה רבה!

#9

שיחקתי בסופ"ש עם intro.js ונראה שהמצב בסה"כ תחת שליטה. :slight_smile: אפשר לראות את השינוי ב-fork שלי.

בעיה שנתקלתי בה היא ש-intro.js לא מסתדר טוב עם svg - ה"בלון" מופיע במיקום לא נכון. יש כמה patch-ים לעניין הזה (אבל מול גרסאות ישנות), אולי אפשר למצוא workaround, עוד לא ניסיתי.

השאלות הבאות:

  1. אנחנו רוצים intro לדף הראשי? לדפי הסעיפים? לדף אחד ספציפי כדוגמא? intro.js מאפשר להגדיר דינמית את ההדרכה, ככה שכל האפשרויות קיימות - אפשר למשל ליצור הדרכה כללית לסעיפים, עם שלב שעוסק בהעברות, אבל להוריד את השלב הזה אם אין העברות בסעיף הנוכחי.
  2. מתי/איך רוצים שההדרכה תופיע - אוטומטית או בלחיצת כפתור? רק בכניסה הראשונה?
  3. וכמובן נושא תוכן ההדרכה. נראה לי שהכי טוב לשבת על זה במפגש הקרוב.
#10

איזה יופי, מעולה!

לגבי הבאג, אני חושב שאפשר לנסות:

  1. לנסות לעבוד עם גירסא יותר ישנה שעבורה קיים תיקון עבור SVG
  2. לייצר את הintro עבור אלמנטים מחוץ ל-svg (אם כי זה כנראה יהיה פחות מוצלח…)

לשאלותיך, הנה דעתי:

  1. אני חושב שזה צריך להתחיל מהדך הראשי ולעבור בכל שאר העמודים (עם קפיצה לדף ספציפי של העברות בתהליך)
  2. למשתמשים חדשים - בכניסה ראשונה. לשאר - בלחיצה.
  3. @galchs

אדם