רכיבי VDS

VDS ראשי תיבות של Vtiger Design Systems, המגדיר את רכיבי הליבה של HTML המוצעים על ידי פלטפורמת VTAP. VDS מספק רכיבים שהם בלוקים של ממשק משתמש לשימוש חוזר.

אתה יכול להשתמש ברכיבים כדי לבנות ולהתאים אישית את היישומים שלך. ניתן להשתמש בהם בכל מקום - דפים מותאמים אישית, ווידג'טים, חלונות קופצים או בתוך רכיבים מותאמים אישית אחרים.

להלן רשימת הרכיבים ש-VTAP מספקת:

vds-text

השתמש: משמש לתיבת קלט. מאפשר למשתמשים להזין מידע.

תחביר:

פרטי תכונות:

שם כדי להגדיר שם כלשהו לרכיב הקלט
נכה נכון/לא נכון, כדי להפוך אותו לנטרל
מחזיק מקום כדי להציג רמז כלשהו לקלט
סוג קלט כל סוגי קלט HTML חוקיים כמו דוא"ל, מספר וכו' (קרא להלן לפרטים).
מנדטורי כדי להפוך את השדה הזה לחובה 
מודל v זהו מחייב הנתונים vue (תגובתי), ניתן להשתמש בו כדי להגדיר או לקרוא את הערך.

יחד עם טקסט, VDS תומך גם בסוגי קלט אחרים. לדוגמה: 

  • vds-email
  • מספר vds
  • vds-אחוז
  • vds-עשרוני
  • vds-phone
  • vds-date
  • vds-time
  • vds-url

כל הרכיבים הללו הם סוגי קלט שונים. יש להם את המאפיינים של סוג vds-text אבל מגיעים עם אימות סוג קלט משלהם. 

Vds-נפתח

שימוש: כדי להציג תפריט נפתח עם רשימה נתונה של פריטים

תחביר:

תכונות נתמכות:

אפשרויות מערך פריטים נפתחים
מספר נכון/לא נכון, כדי להציג את התפריט הנפתח של בחירה מרובה
אפשרות ריקה אם אתה רוצה להציג אפשרות ריקה בהתחלה
נכה נכון / שקר
מנדטורי נכון / שקר

vds-בעלים

שימוש: זהו רכיב אינטראקטיבי שיציג משתמשים וקבוצות כתפריט נפתח. זה יהיה זהה לשדה ה-Assigned-to בכל מודול ב-CRM.

תחביר:

תכונות נתמכות:

משתמשים בלבד אם אתה רוצה לראות רק משתמשים בתפריט הנפתח
רק-קבוצות אם אתה רוצה לראות רק קבוצות בתפריט הנפתח

vds-checkbox

שימוש: כדי להציג קלט תיבת סימון

תחביר:

vds-switch

שימוש: כדי להציג בורר

תחביר:

vds-datepicker

שימוש: כדי להציג בוחר תאריכים עבור כל שדות תאריך.

תחביר:

תכונה נתמכת:

פורמט תאריך פורמט תאריך שיוצג כמו DD-MM-YYYY, MM-DD-YYYY, YYYY-MM-DD

vds-daterange-picker

שימוש: כדי להציג בוחר תאריכים לבחירת טווח תאריכים

תחביר:

תכונה נתמכת:

פורמט תאריך פורמט תאריך שיוצג כמו DD-MM-YYYY, MM-DD-YYYY, YYYY-MM-DD

vds-Timepicker

שימוש: כדי להציג בוחר זמן

תחביר:

תכונה נתמכת:

פוּרמָט פורמט 12 או 24 שעות 

vds-rte

שימוש: כדי להציג CKEditor, ממשק המשתמש של השדה שאתה רואה בשדה עורך טקסט עשיר 

תחביר:

דירוג vds

שימוש: כדי להציג שדה כוכב דירוג. זה יציג מקסימום 5 כוכבים.

תחביר:

תכונה נתמכת:

רכס ערך בין 1 ל-5

vds-iframe

שימוש: כדי להציג iframe עם תוכן HTML נתון

תחביר:

vds-progress

שימוש: כדי להציג את אחוז ההתקדמות

תחביר:

תכונות נתמכות:

ערך % מהצבע
קוד צבע מותאם אישית כברירת מחדל ההתקדמות תופיע בכחול, אתה יכול להעביר כל שם צבע חוקי
 
 
 

מקרה שימוש של לקוחות VTAP

 
 

אחד מהלקוחות שלנו משתמש באפליקציה אחרת כדי לעקוב אחר הפרויקטים וההתקדמות שלו. 

הם רצו להתחיל להשתמש ב-Vtiger Projects, אבל ממשק המשתמש היה המכשול היחיד לשימוש ב-Vtiger Projects. הממשק לא נתן את הפרטים המלאים של אבני דרך ומשימות על מסך אחד עבור פרויקט, כפי שהלקוח רצה.

כדי להתגבר על מכשול זה, הצענו את הפתרון הבא.

הם יכולים להשתמש בפלטפורמת ה-Module Designer שלנו בקוד נמוך כדי לעצב דף שיתחלק ל-3 חלקים. 

החלק הראשון יציג רשימה של פרויקטים, החלק הבא יציג אבני דרך המקושרות לפרויקט שנבחר, והחלק השלישי יציג את המשימות המקושרות לפרויקט ולאבני דרך שנבחרו. זה ייראה דומה לתיבת הדואר של Outlook, המציגה הודעות דוא"ל ותוכנן בצד ימין. במקרה זה, 3 הרמות שלו מציגות את פרטי המשימה בסוף.

כדי לבנות את היכולת הזו, נבנה דף רשימה מותאם אישית שניתן להוסיף באמצעות 'LIST_ADD_VIEWTYPE' רכיב. לִרְאוֹת כאן לדוגמה. 

לאחר מכן, הפונקציה VTAP.API.Get תשמש כדי להביא את נתוני Project, Project Milestone ומשימות. הם יוצגו בעמודות נפרדות אך עדיין יהיו מחוברים יחד. אתה יכול להעתיק את הקוד מ כאן לראות את זה בפעולה.

 

אחד מהלקוחות שלנו משתמש באפליקציה אחרת כדי לעקוב אחר הפרויקטים וההתקדמות שלו. 

הם רצו להתחיל להשתמש ב-Vtiger Projects, אבל ממשק המשתמש היה המכשול היחיד לשימוש ב-Vtiger Projects. הממשק לא נתן את הפרטים המלאים של אבני דרך ומשימות על מסך אחד עבור פרויקט, כפי שהלקוח רצה.

כדי להתגבר על מכשול זה, הצענו את הפתרון הבא.

הם יכולים להשתמש בפלטפורמת ה-Module Designer שלנו בקוד נמוך כדי לעצב דף שיתחלק ל-3 חלקים. 

החלק הראשון יציג רשימה של פרויקטים, החלק הבא יציג אבני דרך המקושרות לפרויקט שנבחר, והחלק השלישי יציג את המשימות המקושרות לפרויקט ולאבני דרך שנבחרו. זה ייראה דומה לתיבת הדואר של Outlook, המציגה הודעות דוא"ל ותוכנן בצד ימין. במקרה זה, 3 הרמות שלו מציגות את פרטי המשימה בסוף.

כדי לבנות את היכולת הזו, נבנה דף רשימה מותאם אישית שניתן להוסיף באמצעות 'LIST_ADD_VIEWTYPE' רכיב. לִרְאוֹת כאן לדוגמה. 

לאחר מכן, הפונקציה VTAP.API.Get תשמש כדי להביא את נתוני Project, Project Milestone ומשימות. הם יוצגו בעמודות נפרדות אך עדיין יהיו מחוברים יחד. אתה יכול להעתיק את הקוד מ כאן לראות את זה בפעולה.

 
 

Vtiger APPtitude 

 

כלים שאנחנו אוהבים

 
 

Elasticsearch הוא פרויקט קוד פתוח נהדר לתרום לו אם אתה מתעניין במדעי הנתונים. הוא יכול לנתח, לחפש ולאחסן כמויות גדולות של נתונים בזמן אמת. Elasticsearch עוזרת למשתמשים שלה להפעיל נתונים בדרכים רבות ושונות.

 

Elasticsearch הוא פרויקט קוד פתוח נהדר לתרום לו אם אתה מתעניין במדעי הנתונים. הוא יכול לנתח, לחפש ולאחסן כמויות גדולות של נתונים בזמן אמת. Elasticsearch עוזרת למשתמשים שלה להפעיל נתונים בדרכים רבות ושונות.

 
 

בקרוב

 
 

מעצב אפליקציות 

מעצב האפליקציות של Vtiger יאפשר לך לבנות אפליקציות מותאמות אישית שעשויות להיות תלויות ב-CRM או לא. זה ייתן לך את הגמישות לכתוב אפליקציות בכל מסגרת JavaScript שיש לך מומחיות בה.

עם ממשקי API רבי עוצמה של VTAP JavaScript, אתה יכול גם להתחבר ל-CRM ולדחוף/לשלוף ממנו נתונים כדי לבנות בקלות יישומים מותאמים אישית.

 

מעצב אפליקציות 

מעצב האפליקציות של Vtiger יאפשר לך לבנות אפליקציות מותאמות אישית שעשויות להיות תלויות ב-CRM או לא. זה ייתן לך את הגמישות לכתוב אפליקציות בכל מסגרת JavaScript שיש לך מומחיות בה.

עם ממשקי API רבי עוצמה של VTAP JavaScript, אתה יכול גם להתחבר ל-CRM ולדחוף/לשלוף ממנו נתונים כדי לבנות בקלות יישומים מותאמים אישית.

 
 

הירשם כדי לקבל את העדכונים האחרונים!