nightly commit

src/static/js/api.js

@@ -49,6 +49,8 @@ function cnn_api_common_login(_username, password) {
 }
 */
 
+// ====================================================== common
+
 function cnn_api_common_webLogin(_username, password) {
     var gotten_data = undefined;
     $.ajax({
@@ -63,7 +65,7 @@ function cnn_api_common_webLogin(_username, password) {
             gotten_data = data;
         }
     });
-    if (IsResponseOK(gotten_data) && gotten_data['data'] != '') {
+    if (IsResponseOK(gotten_data)) {
         SetApiToken(gotten_data['data']);
         return true;
     } else return false;
@@ -84,7 +86,7 @@ function cnn_api_common_logout() {
         }
     });
 
-    if (IsResponseOK(gotten_data) && gotten_data['data']) {
+    if (IsResponseOK(gotten_data)) {
         SetApiToken('');
         return true;
     } return false;
@@ -109,9 +111,106 @@ function cnn_api_common_tokenValid() {
         }
     });
 
-    if (IsResponseOK(gotten_data) && gotten_data['data']) return true;
+    if (IsResponseOK(gotten_data)) return true;
     else {
         SetApiToken('');
         return false;
     }
-}
+}
+
+// ====================================================== calendar
+
+
+
+
+
+// ====================================================== collection
+
+
+
+// ====================================================== todo
+
+function cnn_api_todo_getFull() {
+    // return data or undefined
+    var gotten_data = undefined;
+    $.ajax({
+        url: '/api/todo/getFull',
+        type: "POST",
+        async: false,
+        data: {
+            token: GetApiToken()
+        },
+        success: function (data) {
+            gotten_data = data;
+        }
+    });
+
+    if (IsResponseOK(gotten_data)) return gotten_data['data'];
+    else return undefined;
+}
+
+function cnn_api_todo_add() {
+    // return data or undefined
+    var gotten_data = undefined;
+    $.ajax({
+        url: '/api/todo/add',
+        type: "POST",
+        async: false,
+        data: {
+            token: GetApiToken()
+        },
+        success: function (data) {
+            gotten_data = data;
+        }
+    });
+
+    if (IsResponseOK(gotten_data)) return gotten_data['data'];
+    else return undefined;
+}
+
+function cnn_api_todo_update(_uuid, _data, _lastChange) {
+    // return data or undefined
+    var gotten_data = undefined;
+    $.ajax({
+        url: '/api/todo/update',
+        type: "POST",
+        async: false,
+        data: {
+            token: GetApiToken(),
+            uuid: _uuid,
+            data: _data,
+            lastChange: _lastChange
+        },
+        success: function (data) {
+            gotten_data = data;
+        }
+    });
+
+    if (IsResponseOK(gotten_data)) return gotten_data['data'];
+    else return undefined;
+}
+
+function cnn_api_todo_delete(_uuid, _lastChange) {
+    // return true or false
+    var gotten_data = undefined;
+    $.ajax({
+        url: '/api/todo/delete',
+        type: "POST",
+        async: false,
+        data: {
+            token: GetApiToken(),
+            uuid: _uuid,
+            lastChange: _lastChange
+        },
+        success: function (data) {
+            gotten_data = data;
+        }
+    });
+
+    return IsResponseOK(gotten_data);
+}
+
+// ====================================================== admin
+
+
+

src/static/js/i18n.js

@@ -34,7 +34,7 @@ function ccn_i18n_ApplyLanguage() {
         language: ccn_i18n_currentLanguage,
         callback: function() {
             //set usual block
-            var cache = $(".ccn-i18n");
+            var cache = $("[i18n-name]");
             cache.each(function() {
                 $(this).html($.i18n.prop($(this).attr('i18n-name')));
             });

src/static/js/page/calendar.js

@@ -8,6 +8,18 @@ $(document).ready(function() {
     // process calendar it self
     ccn_calendar_LoadCalendarBody();
 
+    // bind tab control switcher and set current tab
+    $("#tabcontrol-tab-1-1").click(function(){
+        ccn_tabcontrol_SwitchTab(1, 1);
+    });
+    $("#tabcontrol-tab-1-2").click(function(){
+        ccn_tabcontrol_SwitchTab(1, 2);
+    });
+    $("#tabcontrol-tab-1-3").click(function(){
+        ccn_tabcontrol_SwitchTab(1, 3);
+    });
+    ccn_tabcontrol_SwitchTab(1, 1);
+
     // apply i18n
     ccn_i18n_ApplyLanguage();
 });

src/static/js/page/login.js

@@ -6,13 +6,13 @@ $(document).ready(function() {
     cnn_headerNav_LoggedRefresh();
 
     // bind login event
-    $("#ccn-login-form-login").click(StartLogin);
+    $("#ccn-login-form-login").click(ccn_login_startLogin);
 
     // apply i18n
     ccn_i18n_ApplyLanguage();
 });
 
-function StartLogin() {
+function ccn_login_startLogin() {
     // disable all ui first
     $("#ccn-login-form-login").attr("disabled",true);
     $("#ccn-login-form-username").attr("disabled",true);

src/static/js/page/todo.js

@@ -0,0 +1,202 @@
+var ccn_todo_todoListCache = [];
+
+$(document).ready(function() {
+    // nav process
+    ccn_pages_currentPage = ccn_pages_enumPages.login;
+    cnn_headerNav_Insert();
+    cnn_headerNav_BindEvents();
+    cnn_headerNav_LoggedRefresh();
+
+    // refresh once
+    ccn_todo_Refresh();
+    
+    // bind event
+    $("#ccn-todo-btnAdd").click(ccn_todo_Add);
+    $("#ccn-todo-btnRefresh").click(ccn_todo_Refresh);
+
+    // apply i18n
+    ccn_i18n_ApplyLanguage();
+});
+
+function ccn_todo_RefreshCacheList() {
+    // clean list cache first
+    ccn_todo_todoListCache = new Array();
+
+    var result = cnn_api_todo_getFull();
+    if(typeof(result) != 'undefined') {
+        for(var index in result) {
+            ccn_todo_todoListCache[result[index][0]] = result[index];
+        }
+    }
+
+}
+
+function ccn_todo_RenderCacheList() {
+    // clean list first
+    $("#ccn-todo-todoList").empty();
+    
+    var renderdata = {
+        uuid: undefined,
+        data: undefined
+    };
+
+    var templates = undefined;
+    $.ajax({
+        url: $("#jsrender-tmpl-todoItem").attr('src'),
+        type: "GET",
+        async: false,
+        success: function (data) {
+            templates = $.templates(data);
+        }
+    });
+
+    var listDOM = $("#ccn-todo-todoList");
+    for(var index in ccn_todo_todoListCache) {
+        // update render data
+        var item = ccn_todo_todoListCache[index];
+        renderdata.uuid = item[0];
+        renderdata.data = item[2];
+
+        // render
+        listDOM.append(templates.render(renderdata));
+
+        // set mode
+        var uuid = renderdata.uuid;
+        ccn_todo_ChangeDisplayMode(uuid, false);
+
+        // bind event
+        $("#ccn-todo-todoItem-btnEdit-" + uuid).click(ccn_todo_ItemEdit);
+        $("#ccn-todo-todoItem-btnDelete-" + uuid).click(ccn_todo_ItemDelete);
+        $("#ccn-todo-todoItem-btnUpdate-" + uuid).click(ccn_todo_ItemUpdate);
+        $("#ccn-todo-todoItem-btnCancelUpdate-" + uuid).click(ccn_todo_ItemCancelUpdate);
+    }
+}
+
+function ccn_todo_ChangeDisplayMode(uuid, isEdit) {
+    if(isEdit) {
+        // 4 buttons
+        $("#ccn-todo-todoItem-btnEdit-" + uuid).hide();
+        $("#ccn-todo-todoItem-btnDelete-" + uuid).hide();
+        $("#ccn-todo-todoItem-btnUpdate-" + uuid).show();
+        $("#ccn-todo-todoItem-btnCancelUpdate-" + uuid).show();
+
+        // 2 elements
+        $("#ccn-todo-todoItem-p-" + uuid).hide();
+        $("#ccn-todo-todoItem-textarea-" + uuid).show();
+    } else {
+        $("#ccn-todo-todoItem-btnEdit-" + uuid).show();
+        $("#ccn-todo-todoItem-btnDelete-" + uuid).show();
+        $("#ccn-todo-todoItem-btnUpdate-" + uuid).hide();
+        $("#ccn-todo-todoItem-btnCancelUpdate-" + uuid).hide();
+
+        $("#ccn-todo-todoItem-p-" + uuid).show();
+        $("#ccn-todo-todoItem-textarea-" + uuid).hide();
+    }
+
+}
+
+function ccn_todo_Refresh() {
+    // refresh and render once
+    ccn_todo_RefreshCacheList();
+    ccn_todo_RenderCacheList();
+}
+
+function ccn_todo_Add() {
+    var result = cnn_api_todo_add();
+    if (typeof(result) == 'undefined') {
+        // fail
+        alert($.i18n.prop("ccn-js-failToOperate"));
+    } else {
+        // add into cache
+        ccn_todo_todoListCache[result[0]] = result;
+
+        // render
+        var templates = undefined;
+        $.ajax({
+            url: $("#jsrender-tmpl-todoItem").attr('src'),
+            type: "GET",
+            async: false,
+            success: function (data) {
+                templates = $.templates(data);
+            }
+        });
+
+        // render
+        var listDOM = $("#ccn-todo-todoList");
+        listDOM.append(templates.render({
+            uuid: result[0],
+            data: result[2]
+        }));
+
+        // set mode
+        var uuid = result[0];
+        ccn_todo_ChangeDisplayMode(uuid, false);
+
+        // bind event
+        $("#ccn-todo-todoItem-btnEdit-" + uuid).click(ccn_todo_ItemEdit);
+        $("#ccn-todo-todoItem-btnDelete-" + uuid).click(ccn_todo_ItemDelete);
+        $("#ccn-todo-todoItem-btnUpdate-" + uuid).click(ccn_todo_ItemUpdate);
+        $("#ccn-todo-todoItem-btnCancelUpdate-" + uuid).click(ccn_todo_ItemCancelUpdate);
+    }
+}
+
+function ccn_todo_ItemEdit() {
+    var uuid = $(this).attr("uuid");
+
+    // copy current data to textarea
+    $("#ccn-todo-todoItem-textarea-" + uuid).val(
+        $("#ccn-todo-todoItem-p-" + uuid).text()
+    );
+
+    // switch to edit mode
+    ccn_todo_ChangeDisplayMode(uuid, true);
+}
+
+function ccn_todo_ItemDelete() {
+    var uuid = $(this).attr("uuid");
+    
+    var result = cnn_api_todo_delete(
+        uuid,
+        ccn_todo_todoListCache[uuid][3]
+    );
+
+    if(typeof(result) == 'undefined') {
+        // fail
+        alert($.i18n.prop("ccn-js-failToOperate"));
+    } else {
+        // remove body
+        $("#ccn-todo-todoItem-" + uuid).remove();
+    }
+}
+
+function ccn_todo_ItemUpdate() {
+    var uuid = $(this).attr("uuid");
+
+    var newData = $("#ccn-todo-todoItem-textarea-" + uuid).val();
+    var result = cnn_api_todo_update(
+        uuid, 
+        newData, 
+        ccn_todo_todoListCache[uuid][3]
+    );
+
+    if (typeof(result) == 'undefined') {
+        // fail
+        alert($.i18n.prop("ccn-js-failToOperate"));
+    } else {
+        // safely update data & lastChanged and control
+        ccn_todo_todoListCache[uuid][2] = newData;
+        ccn_todo_todoListCache[uuid][3] = result;
+        $("#ccn-todo-todoItem-p-" + uuid).text(newData);
+
+        // switch to normal mode
+        ccn_todo_ChangeDisplayMode(uuid, false);
+    }
+}
+
+function ccn_todo_ItemCancelUpdate() {
+    var uuid = $(this).attr("uuid");
+    // clean data
+    $("#ccn-todo-todoItem-textarea-" + uuid).val("");
+    // switch to normal mode
+    ccn_todo_ChangeDisplayMode(uuid, false);
+}

src/static/js/tabcontrol.js

@@ -0,0 +1,10 @@
+// all args are based on 1
+function ccn_tabcontrol_SwitchTab(tabcontrolGroup, targetTabIndex) {
+    // close all panel and tab
+    $(".tabcontrol-tab-" + tabcontrolGroup).removeClass("is-active");
+    $(".tabcontrol-panel-" + tabcontrolGroup).hide();
+
+    // show specific
+    $("#tabcontrol-tab-"  + tabcontrolGroup + "-" + targetTabIndex).addClass("is-active");
+    $("#tabcontrol-panel-"  + tabcontrolGroup + "-" + targetTabIndex).show();
+}

src/static/js/utils.js

@@ -1,3 +1,4 @@
+/*
 function ComputPasswordWithSalt(password, salt) {
     return ComputeSHA256(ComputeSHA256(password) + salt.toString());
 }
@@ -13,6 +14,7 @@ function ComputeSHA256(strl) {
     var hashHex = hashArray.map(b => ('00' + b.toString(16)).slice(-2)).join('');
     return hashHex.toLowerCase();
 }
+*/
 
 function IsResponseOK(data) {
     if (typeof(data) == 'undefined') {