support event color feature

src/static/js/api.js

@@ -88,6 +88,28 @@ function ccn_api_boolTemplate(_url, _data) {
     return (IsResponseOK(gotten_data) && gotten_data['data']);
 }
 
+// deserialize & serialize calendar description function
+
+function ccn_api_serializeDescription(_description, _color) {
+    var sobj = {
+        description: _description,
+        color: _color
+    }
+    return JSON.stringify(sobj);
+}
+
+function ccn_api_deserializeDescription(strl) {
+    try {
+        return $.parseJSON(strl);
+    } catch(err) {
+        return {
+            description: "",
+            color: DefaultColor
+        };
+    }
+    
+}
+
 // ====================================================== common
 
 function ccn_api_common_webLogin(_username, _password) {

src/static/js/page/calendar.js

@@ -107,7 +107,7 @@ function ccn_calendar_calendar_Analyse() {
             month: gottenDateTime.getMonth() + 1,
             day: gottenDateTime.getDate(),
             dayOfWeek: gottenDateTime.getWeekday() + 1,
-            subcalendar: "       -",
+            subcalendar: "",
             events: new Array()
         });
         gottenDateTime.setTime(gottenDateTime.getTime() + ccn_datetime_DAY1_SPAN * 60000);
@@ -117,6 +117,7 @@ function ccn_calendar_calendar_Analyse() {
     // then analyse each event
     for(var index in ccn_calendar_calendar_listCache) {
         var item = ccn_calendar_calendar_listCache[index];
+        var deserializedDescription = ccn_api_deserializeDescription(item[3]);
         
         var minStartTimestamp = startTimestamp - (item[6] - item[5]);
         var result = ccn_datetime_ResolveLoopRules4Event(
@@ -141,7 +142,8 @@ function ccn_calendar_calendar_Analyse() {
                         uuid: item[0],
                         belongTo: item[1],
                         title: item[2],
-                        description: item[3],
+                        description: deserializedDescription.description,
+                        color: deserializedDescription.color,
                         isVisible: true,
                         isLocked: typeof(ccn_calendar_owned_displayCache[item[0]]) != 'undefined',
                         loopText: " ",  // todo: finish this
@@ -175,7 +177,7 @@ function ccn_calendar_calendar_Render() {
         for(var j = 0; j < 7; j++) {
             var item = ccn_calendar_calendar_displayCache[counter];
             $('#ccn-calendarItem-title-' + i + '-' + j).text(item.day);
-            $('#ccn-calendarItem-desc-' + i + '-' + j).text(item.subcalendar);
+            $('#ccn-calendarItem-desc-' + i + '-' + j).html(item.subcalendar == '' ? '&nbsp;' : item.subcalendar);
             $('#ccn-calendarItem-task-' + i + '-' + j).text(item.events.length.toString());
             counter++;
         }
@@ -203,6 +205,8 @@ function ccn_calendar_calendar_Render() {
     var listDOM = $('#ccn-calendar-scheduleList');
     listDOM.empty();
     listDOM.append(ccn_template_scheduleItem.render({renderdata: ccn_calendar_calendar_displayCache}));
+    // link click event
+    $('div.schedule-event-outter').click(ccn_calendar_calendar_ItemUpdate);
     ccn_i18n_ApplyLanguage2Content(listDOM);
 }
 

src/static/js/page/event.js

@@ -67,13 +67,17 @@ function ccn_event_Init() {
     // if ccn_event_editingEvent is undefined, init following content with add mode
     // otherwise, init as update mode
     var isAdd = typeof(ccn_event_editingEvent) == 'undefined';
+    var deserializeDescription = isAdd ? undefined : ccn_api_deserializeDescription(ccn_event_editingEvent[3]);
 
     // init title and description
     $('#ccn-event-inputTitle').val(
         isAdd ? '' : ccn_event_editingEvent[2]
     );
     $('#ccn-event-inputDescription').val(
-        isAdd ? '' : ccn_event_editingEvent[3]
+        isAdd ? '' : deserializeDescription.description
+    );
+    $('#ccn-event-inputColor').val(
+        isAdd ? DefaultColor : deserializeDescription.color
     );
 
     // init collection picker, first we need query data
@@ -244,6 +248,8 @@ function ccn_event_GetForm() {
     if (title == '') return undefined;
     var description = $('#ccn-event-inputDescription').val();
     if (description == '') return undefined;
+    var color = $('#ccn-event-inputColor').val();
+    if (color == '') return undefined;
     var belongTo = $('#ccn-event-inputCollection').val();
     if (belongTo == null) return undefined; // if no selected item, val return null, not undefined
 
@@ -326,7 +332,18 @@ function ccn_event_GetForm() {
         }
     }
 
-    return [belongTo, title, description, eventDateTimeStart, eventDateTimeEnd, timezoneOffset, loopRules];
+    return [
+        belongTo, 
+        title, 
+        ccn_api_serializeDescription(
+            description,
+            color
+        ), 
+        eventDateTimeStart, 
+        eventDateTimeEnd, 
+        timezoneOffset, 
+        loopRules
+    ];
 }
 
 function ccn_event_btnSpot() {

src/static/js/utils.js

@@ -15,6 +15,7 @@ function ComputeSHA256(strl) {
     return hashHex.toLowerCase();
 }
 */
+var DefaultColor = '#536dfe';
 
 function IsResponseOK(data) {
     if (typeof (data) == 'undefined') {