मैक ओएस एक्स पर विस्तार iCal विजेट सुविधाएँ

मैक ओएस एक्स डैशबोर्ड के लिए विगेट्स लिखने के तरीके पर हाल ही में हेरा पर एक लेख प्रकाशित किया गया था।

चलो गैर-कामकाजी और छुट्टियों को दिखाने के लिए मानक डैशबोर्ड कैलेंडर को पढ़ाने के लिए हमारे ज्ञान का उपयोग करें।



विजेट स्रोत /Library/Widgets/iCal.wdgt निर्देशिका में स्थित हैं। Calendar.css फ़ाइल में महीने के दिनों का डिज़ाइन ढूंढें (सामान्य, "मौन", हाइलाइट किया गया) और वहां गैर-कार्य दिवसों के लिए शैली जोड़ें; मौजूदा के साथ सादृश्य द्वारा, चलो इसे कॉल करते हैं। कैलेंडर- dayOfMonthNumberHoliday

सबसे आसान तरीका एक मानक शैली का एक कॉपी-पेस्ट करना है, लेकिन सौंदर्यशास्त्र के कारणों के लिए, मैंने कोड को फिर से डिज़ाइन किया:

.calendar-dayOfMonthNumberNormal, .calendar-dayOfMonthNumberHoliday, .calendar-dayOfMonthNumberDimmed, .calendar-dayOfMonthNumberHighlighted { float: left; position: relative; left: 3px; width: 16px; padding-right: 0px; border-right: 7px solid transparent; margin-top: 0px; text-align: right; } .calendar-dayOfMonthNumberNormal { color: white; } .calendar-dayOfMonthNumberHoliday { color: rgb(255,102,51); } .calendar-dayOfMonthNumberDimmed { color: rgb(51,51,51); } .calendar-dayOfMonthNumberHighlighted { color: rgb(204,255,0); } 

अब हम Calendar.js में वर्ष 2012 की छुट्टियों और सप्ताहांतों की एक सूची दर्ज करते हैं ( calend.ru उत्पादन कैलेंडर के अनुसार), साथ ही "उत्सव" की जाँच के लिए एक फ़ंक्शन:

 var holidays = [ [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 14, 15, 21, 22 ], [ 4, 5, 11, 12, 18, 19, 23, 25, 26 ], [ 3, 4, 8, 9, 10, 17, 18, 24, 25, 31 ], [ 1, 7, 8, 14, 15, 21, 22, 29, 30 ], [ 1, 6, 7, 8, 9, 13, 19, 20, 26, 27 ], [ 2, 3, 10, 11, 12, 16, 17, 23, 24, 30 ], [ 1, 7, 8, 14, 15, 21, 22, 28, 29 ], [ 4, 5, 11, 12, 18, 19, 25, 26 ], [ 1, 2, 8, 9, 15, 16, 22, 23, 29, 30 ], [ 6, 7, 13, 14, 20, 21, 27, 28 ], [ 3, 4, 5, 10, 11, 17, 18, 24, 25 ], [ 1, 2, 8, 9, 15, 16, 22, 23, 30, 31 ] ]; function isHoliday(month, dayOfMonth) { return holidays[month].indexOf(dayOfMonth) != -1; } 

यह ड्रॉग्रिड फ़ंक्शन में एक पंक्ति को ठीक करने के लिए रहता है, संख्या के लिए कक्षा को उजागर करता है:

 dateSpan.setAttribute ("class", isHoliday(ourMonth, date) ? "calendar-dayOfMonthNumberHoliday" : "calendar-dayOfMonthNumberNormal"); 

परिवर्तनों को प्रभावी करने के लिए, आपको डैशबोर्ड से विजेट को हटाना होगा और इसे फिर से जोड़ना होगा। वैसे, अगर आपको अक्सर विकास प्रक्रिया के दौरान परिणाम को देखने की आवश्यकता होती है, तो आप सीधे फाइंडर से या टर्मिनल से विजेट की एक नई प्रतिलिपि लॉन्च कर सकते हैं (ओपन / लॉर्ड्स / डेटा / आईकॉल.डब्ल्यूडीजीटी)।

आप पूछते हैं: “यदि इन विगेट्स के साथ सब कुछ इतना सरल है, तो कई साइटें इस बारे में भी नहीं सोचती हैं कि वे क्या प्रदान कर सकते हैं? उदाहरण के लिए, गिस्मेटो ? " अच्छा सवाल है। शायद ही उसके लिए, यह छोटा लेख लिखा गया था।