FeHelper/apps/sticky-notes/html5sticky.js

/**
 * 笔记管理工具
 * @author zxlie
 */

let stickywidth = 220;  // width of sticky note (can't be less than 200)
let stickyheight = 200; // height of sticky note (can't be less than 200)
let max_notes = 10000; // maximum number of notes one can store
let allowed_tags = '<br /><br><ol></ol><ul></ul><li></li><strong></strong><i></i>';

let html5sticky = {};
const STICKYNOTES_ALLKEYS = 'stickynotes|allkeys';
const STICKYNOTES_FOLDERS = 'stickynotes|folders';
const STICKYNOTES_SELECTED_FOLDER = 'stickynotes|selected|folder';

// add a note
html5sticky.addNote = function () {

    // count total present notes
    let tnotes = $('.note_common').length;

    if (tnotes === max_notes) {
        html5sticky.showMessage('#FFE16B', 'black', '当前便签笔记已经足够多了，不能再添加了！');
        return false;
    }

    // unique localstorage identifier for this sticky note
    let nindex = 'stickynote_' + (new Date * 1);

    let dated = getDateTime();
    let dateStr = new Date();

    // get random color
    let bgcolor = html5sticky.getColor();
    let folderId = html5sticky.getCurrentFolder()[1];

    let stickynote = $('<div class="note_common ' + bgcolor + '" />').appendTo($('#main'));
    // add tape to stickynote
    html5sticky.addPin(stickynote);

    $(stickynote).append($('<h2>' + dated + '</h2>'));
    $(stickynote).append($('<p></p>'));
    // append identifier
    $(stickynote).append($('<span id="idf_' + nindex + '" />'));

    // set width and height of the sticky note
    $('.note_common').css({width: stickywidth + 'px', height: stickyheight + 'px'});

    $('.note_common p').css({height: (stickyheight - 60) + 'px', width: (stickywidth + 9) + 'px'});

    // scroll to newly added sticky note
    $('html, body').animate({
        scrollTop: $(stickynote).offset().top
    });

    // 先存key，再存数据
    let allKeys = (localStorage.getItem(STICKYNOTES_ALLKEYS) || '').split(',');
    allKeys.push(nindex + '|text');
    allKeys.push(nindex + '|bgcolor');
    allKeys.push(nindex + '|dated');
    allKeys.push(nindex + '|folderid');
    localStorage.setItem(STICKYNOTES_ALLKEYS, allKeys.join(','));

    // 存数据
    localStorage.setItem(nindex + '|text', $(stickynote).find('h2').text() + '|' + $(stickynote).find('p').text());
    localStorage.setItem(nindex + '|bgcolor', bgcolor);
    localStorage.setItem(nindex + '|dated', dated + '|' + getISODateTime(dateStr));
    localStorage.setItem(nindex + '|folderid', folderId);

    html5sticky.enlargeNote(stickynote);

    html5sticky.updateNotesCountForFolder();
};

// save note
html5sticky.saveNote = function (el) {

    let identifier = html5sticky.getIdentifier($(el));
    let htext = html5sticky.stripTags($(el).closest('.bignote').find('.hedit')[0].value, allowed_tags);
    let ptext = html5sticky.stripTags($(el).closest('.bignote').find('.pedit')[0].value, allowed_tags);
    ptext = ptext.replace(/\r?\n/g, '<br />');

    localStorage.setItem(identifier + '|text', htext + '|' + ptext);
    let theNoteEl = $('[id^=idf_' + identifier + ']').closest('.note_common');
    theNoteEl.find('h2').text(htext);
    theNoteEl.find('p').html(ptext);

    let oldFolder = localStorage.getItem(identifier + '|folderid') || 0;
    let newFolder = $(el).closest('.bignote').find('.fedit')[0].value;
    localStorage.setItem(identifier + '|folderid', newFolder);

    html5sticky.closeNote(el);
    html5sticky.showMessage('#9BED87', 'black', '笔记保存成功！');

    // 发生了文件夹变更
    if (String(oldFolder) !== String(newFolder)) {
        theNoteEl.fadeOut('slow', function () {
            theNoteEl.remove();

            if (!$(".note_common").length > 0) {
                $('#removenotes').slideUp('slow');
            }
        });

        html5sticky.updateNotesCountForFolder();
    }
};

html5sticky.updateNotesCountForFolder = function () {
    // 刷新folder计数
    let allKeys = (localStorage.getItem(STICKYNOTES_ALLKEYS) || '').split(',');
    let folders = html5sticky.loadFolders();
    Object.keys(folders).forEach(f => {
        let counter = allKeys.filter(key => /\|folderid/.test(key) && (String(folders[f]) === (localStorage.getItem(key) || '0'))).length;
        $('#f_' + folders[f]).find('i').text('(' + counter + ')');
    });
};

// get note identifier
html5sticky.getIdentifier = function (el) {

    if (!el) {
        return 'stickynote_' + (new Date * 1 + Math.floor(Math.random() * 10));
    }

    let identifier = $(el).closest('.bignote').find('[id^=idf_]').attr('id');

    if (typeof identifier == 'undefined' || identifier == null) {
        identifier = $(el).closest('.note_common').find('[id^=idf_]').attr('id');
    }

    if (typeof identifier != 'undefined') {
        identifier = identifier.replace('idf_', '');
        return identifier;
    }
    else {
        return false;
    }
};


html5sticky.deleteNoteById = function (identifier) {
    localStorage.removeItem(identifier);
    localStorage.removeItem(identifier + '|text');
    localStorage.removeItem(identifier + '|bgcolor');
    localStorage.removeItem(identifier + '|dated');
    localStorage.removeItem(identifier + '|folderid');

    let allKeys = (localStorage.getItem(STICKYNOTES_ALLKEYS) || '').split(',');
    ['text', 'bgcolor', 'dated', 'folderid'].forEach(function (item) {
        let id = identifier + '|' + item;
        allKeys.indexOf(id) > -1 && allKeys.splice(allKeys.indexOf(id), 1);
    });
    localStorage.setItem(STICKYNOTES_ALLKEYS, allKeys.join(','));
};


// delete note
html5sticky.deleteNote = function (el) {
    if (confirm('确定要删除这个便签笔记吗，一旦删除则不可恢复，请三思?')) {

        let identifier = html5sticky.getIdentifier($(el));
        html5sticky.deleteNoteById(identifier);

        $(el).closest('.note_common').fadeOut('slow', function () {
            $(el).closest('.note_common').remove();
        });
    }
};

// delete all notes
html5sticky.deleteAllNotes = function () {
    if (confirm('建议删除之前先【全部导出】，否则一旦删除则不可恢复，请三思?')) {
        $('.note_common').fadeOut('slow', function () {
            $('.note_common').remove();
            let allKeys = (localStorage.getItem(STICKYNOTES_ALLKEYS) || '').split(',');
            allKeys.forEach(function (key) {
                localStorage.removeItem(key);
            });
            localStorage.removeItem(STICKYNOTES_ALLKEYS);

            html5sticky.deleteAllFolders();

            location.reload(true);
        });
    }
};


// close big note
html5sticky.closeNote = function (el) {
    $(el).closest('.bignote')[html5sticky.getAnimation(true)]('slow', function () {
        $('#overlay').remove();
    });
};

// edit note
html5sticky.editNote = function ($clone, el) {
    let ptext = $clone.find('p').html();
    ptext = ptext.replace(/(<br \/>|<br>)/g, '\n');
    $clone.find('p').replaceWith('<textarea class="pedit" placeholder="在这里添加笔记" />');

    $clone.find('.pedit')
        .val(ptext)
        .css({
            'marginTop': '5px',
            'resize': 'none',
            'outline': 'none'
        })
        .addClass('inset')
        .width('568px')
        .height('280px');

    // make content editable
    let htext = $clone.find('h2').text();
    $clone.find('h2').replaceWith('<input type="text" class="hedit" />');

    $('.hedit').addClass('inset').val(html5sticky.stripTags(htext, allowed_tags)).width(250);

    // folder-list
    let folders = html5sticky.loadFolders();
    let folderid = localStorage.getItem($clone.find('span[id^="idf_"]').attr('id').replace('idf_', '') + '|folderid') || '0';

    $('.hedit').after('<select class="fedit form-control">' + Object.keys(folders).map(f => {
        return `<option value="${folders[f]}" ${folders[f] == folderid ? 'selected' : ''}>${f}</option>`
    }).join('') + '</select>');

    // put in Close button
    $(`<a href="#" class="close_stickynote x-btn-min">关闭</a>`)
        .css({
            position: 'absolute',
            top: 5,
            right: 5,
            color: '#000'
        })
        .appendTo($clone);

    // put in Save button
    $(`<a href="#" class="save_stickynote x-btn-min">保存</a>`)
        .css({
            position: 'absolute',
            top: 5,
            right: 40,
            color: '#000'
        })
        .appendTo($clone);
};

html5sticky.getNotesByFolderId = function (folderId) {
    // load notes
    let allKeys = (localStorage.getItem(STICKYNOTES_ALLKEYS) || '').split(',');
    let result = [];
    allKeys.forEach(key => {

        if (!/\|text/.test(key)) {
            return false;
        }

        let id = key.replace('|text', '');

        // 按照folder id寻找对应目录下的便签
        let folderid = localStorage.getItem(id + '|folderid') || '0';
        if (String(folderId) !== folderid) {
            return false;
        }
        result.push(id);
    });
    return result;
};

// load all notes
html5sticky.loadNotes = function (folderId) {
    let mainEl = $('#main').html('');

    let notes = html5sticky.getNotesByFolderId(folderId);
    notes.forEach(id => {
        let stickynote, bgcolor, htext, ptext, temp_array;
        // get color and rotation level
        bgcolor = localStorage.getItem(id + '|bgcolor');

        // get text info
        temp_array = localStorage.getItem(id + '|text').split('|');
        htext = temp_array[0];
        ptext = temp_array[1];

        stickynote = $('<div class="note_common ' + bgcolor + '" />').appendTo(mainEl);
        html5sticky.addPin(stickynote);

        $(stickynote).append($('<h2></h2>'));
        $(stickynote).append($('<p></p>'));
        // append identifier
        $(stickynote).append($('<span id="idf_' + id + '" />'));

        $(stickynote).find('h2').text(html5sticky.stripTags(htext, allowed_tags));
        $(stickynote).find('p').html(html5sticky.stripTags(ptext, allowed_tags));

        // set width and height of the sticky note
        $('.note_common').css({width: stickywidth + 'px', height: stickyheight + 'px'});
        $('.note_common p').css({height: (stickyheight - 60) + 'px', width: (stickywidth - 24) + 'px'});
    });

    $('#f_' + folderId).find('i').text('(' + notes.length + ')');
};

// collapse notes
html5sticky.collapse = function () {
    let height = parseInt($('.note_common:first').find('h2').height() || 0, 10) + 'px';

    $('.note_common').animate({height: height}, function () {
        $('.note_common').find('p').hide();
    });
};

// expand notes
html5sticky.expand = function () {
    $('.note_common').animate({height: stickyheight}, function () {
        $('.note_common').find('p').fadeIn('slow');
    });
};


// share note
html5sticky.showMessage = function (bgcolor, color, msg, callback) {
    if (!$('#smsg').is(':visible')) {
        $('html, body').animate({
            scrollTop: 0
        }, 500, function () {
            if (!$('#smsg').length) {
                $('<div id="smsg">' + msg + '</div>').appendTo($('body')).css({
                    position: 'absolute',
                    top: 0,
                    left: 0,
                    right: 0,
                    height: '40px',
                    lineHeight: '40px',
                    background: bgcolor,
                    color: color,
                    zIndex: 1000,
                    fontWeight: 'bold',
                    textAlign: 'center',
                    opacity: 0.9,
                    margin: 'auto',
                    display: 'none'
                }).slideDown('show');

                setTimeout(function () {
                    $('#smsg').animate({'width': 'hide'}, function () {
                        $('#smsg').remove();
                        callback && callback();
                    });
                }, 2000);
            }
        });
    }
};

// get random color
html5sticky.getColor = function () {
    let text = "";
    let possible = "0123456789";

    text += possible.charAt(Math.floor(Math.random() * possible.length));
    return 'stickynote' + text;
};


// get random animation string
html5sticky.getAnimation = function (hideAnimation) {
    let words = [];

    if (typeof hideAnimation !== 'undefined') {
        words[1] = "hide";
        words[2] = "fadeOut";
        words[3] = "slideUp";
    }
    else {
        words[1] = "show";
        words[2] = "fadeIn";
        words[3] = "slideDown";
    }

    // Generate a random number between 1 and 3
    let rnd = Math.ceil(Math.random() * 3);

    return words[rnd];
};


// add pin to note
html5sticky.addPin = function (el) {
    let close = $(`<div class="btn-close"><a href="#" class="delete_stickynote x-btn-min">删除</a></div>`);
    let tag = $(`<div align="center"><img pin-png src="${html5sticky.images['pin.png']}" alt=""></div>`);

    $(close).css({
        position: 'absolute',
        top: -15,
        right: -15
    }).hide().prependTo($(el));

    $(tag).css({
        position: 'absolute',
        zIndex: 99,
        top: -15,
        left: parseInt(stickywidth / 2, 10) - 10
    }).prependTo($(el));
};

// enlarge note for editing
html5sticky.enlargeNote = function (el) {
    $this = $(el);

    // create overlay
    $('<div id="overlay" />').css({
        position: 'fixed',
        background: 'rgba(0,0,0,0.5)',
        top: '0',
        left: '0',
        width: '100%',
        height: '100%',
        zIndex: '100'
    }).appendTo($('body'));

    $clone = $(el).clone().removeClass('note_common').addClass('bignote').appendTo($('#overlay'));

    // remove the pin
    $clone.find($('img[pin-png]').closest('div')).hide();

    $($clone).css({
        position: 'absolute',
        zIndex: 500,
        cursor: 'default',
        paddingTop: '5px',
        width: '600px',
        height: '376px',
        top: '50%',
        left: '50%',
        display: 'none',
        marginLeft: '-300px',
        marginTop: '-200px'
    });

    $($clone)[html5sticky.getAnimation()](400);

    // add date and time info
    let dateStr = '', dateAgo = '';


    let identifier = html5sticky.getIdentifier($(el));
    let dateTime = localStorage.getItem(identifier + '|dated');
    let timeImg = `<img class="left" align="absmiddle" time-png src="${html5sticky.images['time.png']}">`;

    dateStr = dateTime.split('|')[0];
    dateAgo = prettyDate(dateTime.split('|')[1]);

    dateStr = (dateStr.length > 0) ? '创建于：' + dateStr : '';
    dateAgo = (dateAgo.length > 0) ? ' (' + dateAgo + ')' : '';
    timeImg = (dateStr.length > 0) ? timeImg : '';


    $('<div class="timeago left" />').prependTo($clone);
    $('.timeago').css({fontSize: '12px', fontFamily: 'tahoma'})
        .html(timeImg + '&nbsp;&nbsp;' + dateStr + dateAgo)
        .after('<div class="clear" />');

    // hide the utility buttons
    $($clone).find('.icons-footer').hide();

    // make content editable
    html5sticky.editNote($clone, el);
};

// http://phpjs.org/functions/strip_tags:535
html5sticky.stripTags = function (input, allowed) {
    allowed = (((allowed || "") + "").toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join('');
    let tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi,
        commentsAndPhpTags = /<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi;
    return input.replace(commentsAndPhpTags, '').replace(tags, function ($0, $1) {
        return allowed.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : '';
    });
};

// 全部notes导出到本地
html5sticky.export = function () {

    let allKeys = (localStorage.getItem(STICKYNOTES_ALLKEYS) || '').split(',');
    let zipper = null;
    if (allKeys.length) {
        zipper = new JSZip();
    }
    let zpFolder = {};
    allKeys.forEach(key => {

        if (!/\|text/.test(key)) {
            return false;
        }

        let id = key.replace('|text', '');
        let dated, htext, ptext, temp_array, folderid;

        dated = localStorage.getItem(id + '|dated');
        folderid = localStorage.getItem(id + '|folderid') || '0';
        if (!zpFolder[folderid]) {
            let forderName = html5sticky.findFolderNameById(folderid);
            zpFolder[folderid] = zipper.folder(forderName);
        }

        // get text info
        temp_array = localStorage.getItem(id + '|text').split('|');
        htext = temp_array[0];
        ptext = temp_array[1];

        zpFolder[folderid].file(htext + '.txt', [
            '# title：' + htext,
            '# date：' + dated,
            '# content：\n' + ptext
        ].join('\n\n'));
    });

    if (zipper) {
        zipper.generateAsync({type: "blob"})
            .then(function (content) {
                let elA = document.createElement('a');
                elA.style.cssText = 'position:absolute;top:-1000px;left:-10000px;';
                elA.setAttribute('download', '我的便签笔记-' + (new Date * 1) + '.zip');
                elA.href = URL.createObjectURL(new Blob([content], {type: 'application/octet-stream'}));
                document.body.appendChild(elA);
                elA.click();
            });
    }
};

// 导入笔记
html5sticky.importNotes = function () {

    let Model = (function () {
        zip.useWebWorkers = false;

        let URL = window.webkitURL || window.mozURL || window.URL;

        return {
            getEntries: function (file, onend) {
                zip.createReader(new zip.BlobReader(file), function (zipReader) {
                    zipReader.getEntries(onend);
                }, function (e) {
                    console.log(e);
                });
            },

            getEntryFile: function (entry, onend, onprogress) {
                entry.getData(new zip.TextWriter(), function (text) {
                    onend(text);
                }, onprogress);
            }
        };
    })();

    let fileInput = document.createElement('input');
    fileInput.type = 'file';
    fileInput.accept = 'application/zip';
    fileInput.style.cssText = 'position:absolute;top:-100px;left:-100px';
    fileInput.addEventListener('change', function (evt) {
        Model.getEntries(fileInput.files[0], function (entries) {
            let counter = 0;
            let size = entries.filter((entry) => !entry.directory).length;
            entries.forEach(function (entry) {
                if (entry.directory) {
                    counter++;
                    let fname = entry.filename.replace(/\//, '');
                    let folders = html5sticky.loadFolders();
                    if (!folders[fname]) {
                        html5sticky.saveFolder(fname, new Date().getTime());
                    }
                } else {
                    Model.getEntryFile(entry, function (text) {

                        let identifier = html5sticky.getIdentifier();
                        let htext = text.split('# date：')[0].split('# title：')[1].trim();
                        let dtext = text.split('# date：')[1].split('# content：')[0].trim();
                        let ptext = text.split('# content：')[1].trim().replace(/\r?\n/g, '<br />');
                        let folderId = html5sticky.findFolderByName(entry.filename.split('/')[0]);

                        // 先存key，再存数据
                        let allKeys = (localStorage.getItem(STICKYNOTES_ALLKEYS) || '').split(',');
                        allKeys.push(identifier + '|text');
                        allKeys.push(identifier + '|bgcolor');
                        allKeys.push(identifier + '|dated');
                        allKeys.push(identifier + '|folderid');
                        localStorage.setItem(STICKYNOTES_ALLKEYS, allKeys.join(','));

                        localStorage.setItem(identifier + '|text', htext + '|' + ptext);
                        localStorage.setItem(identifier + '|bgcolor', html5sticky.getColor());
                        localStorage.setItem(identifier + '|dated', dtext);
                        localStorage.setItem(identifier + '|folderid', folderId);

                        counter++;
                        if (counter === size) {
                            html5sticky.showMessage('#9BED87', 'black', '操作成功！共导入' + counter + '条笔记！', () => {
                                location.reload();
                            });
                        }
                    });
                }
            });
        });
    }, false);

    document.body.appendChild(fileInput);
    fileInput.click();
};

html5sticky.buildFoldersAndInitNotes = function () {
    let folders = html5sticky.loadFolders();
    Object.keys(folders).forEach((f, idx) => {
        html5sticky.createFolder(f, folders[f]);
        html5sticky.loadNotes(folders[f]);
    });

    let current = html5sticky.getCurrentFolder();
    let folderId = current[1];
    if (!$('li#f_' + folderId).length) {
        folderId = folders[Object.keys(folders)[0]];
    }
    $('li#f_' + folderId).addClass('x-selected');
    html5sticky.loadNotes(folderId);

};

html5sticky.loadFolders = function () {
    let folders = JSON.parse(localStorage.getItem(STICKYNOTES_FOLDERS) || '{}') || {};
    if (!folders['默认文件夹']) {
        folders['默认文件夹'] = '0';
    }
    return folders;
};

html5sticky.deleteAllFolders = function () {
    localStorage.setItem(STICKYNOTES_FOLDERS, '{}');
    localStorage.setItem(STICKYNOTES_SELECTED_FOLDER, '[]')
};

/**
 * 保存、更新、删除 三合一的方法
 * @param folder 不为空时才进行保存
 * @param fId 文件夹ID
 * @param oldFolder 不为空时，表示要删除
 */
html5sticky.saveFolder = function (folder, fId, oldFolder) {
    let folders = html5sticky.loadFolders();
    if (folder) {
        folders[folder] = fId;
    }
    if (oldFolder) {
        delete folders[oldFolder];
    }
    localStorage.setItem(STICKYNOTES_FOLDERS, JSON.stringify(folders));
};

html5sticky.createFolder = function (folder, fId) {
    folder = folder || window.prompt('新建文件夹');
    if (folder) {
        if (!fId) {
            let folders = html5sticky.loadFolders();
            if (folders[folder]) {
                return alert('你已经创建过这个文件夹！');
            }
        }
        fId = fId || new Date().getTime();
        html5sticky.saveFolder(folder, fId);
        let elFd = $('<li><span></span><i>(0)</i><a class="btn-delete">删除</a><a class="btn-rename">重命名</a></li>').find('span').text(folder).end().attr('id', 'f_' + fId).appendTo('#folders');
        elFd.find('a.btn-rename').click(e => {
            e.stopPropagation();
            let fname = window.prompt('新的文件夹名称');
            if (fname && fname !== folder) {
                html5sticky.saveFolder(fname, fId, folder);
                elFd.find('span').text(fname);
            }
        });
        elFd.find('a.btn-delete').click(e => {
            e.stopPropagation();
            let count = parseInt(elFd.find('i').text().replace(/\W/g, ''));
            if (count && !window.confirm('当前文件夹下包含【' + count + '】个便签，建议先将笔记挪到其他文件夹再进行删除！如果你想暴力删除，那你可以继续了！！！')) {
                return false;
            }

            // 删文件夹
            html5sticky.saveFolder(null, fId, folder);
            elFd.remove();

            // 删笔记
            let notes = html5sticky.getNotesByFolderId(fId);
            notes.forEach(noteId => html5sticky.deleteNoteById(noteId));
            $('#main').html('');

            html5sticky.showMessage('#9BED87', 'black', '文件夹已删除成功！笔记本将重新加载！');
            setTimeout(() => {location.reload(true);},2000);
        });
        return elFd;
    } else if (folder !== null) {
        return alert('文件夹名不能为空！');
    }
};

html5sticky.getCurrentFolder = function () {
    let folder = JSON.parse(localStorage.getItem(STICKYNOTES_SELECTED_FOLDER) || '[]') || [];
    if (!folder.length) {
        folder = ['默认文件夹', '0'];
    }
    return folder;
};

html5sticky.setCurrentFolder = function (txt, id) {
    localStorage.setItem(STICKYNOTES_SELECTED_FOLDER, JSON.stringify([txt, id]));
};

html5sticky.findFolderNameById = function (folderId) {
    let folders = html5sticky.loadFolders();
    let arr = Object.keys(folders).filter(f => String(folders[f]) === String(folderId));
    return arr.length ? arr[0] : '默认文件夹';
};

html5sticky.findFolderByName = function (name) {
    let folders = JSON.parse(localStorage.getItem(STICKYNOTES_FOLDERS) || '{}') || {};
    if (!folders['默认文件夹']) {
        folders['默认文件夹'] = '0';
    }
    return folders[name];
};

html5sticky.images = {
    'pin.png': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFpklEQVRYCbVXfWwTZRx+aHe763V3be9uvd4+eg3t1mXrRpe5dt0XK7HtbWuv3WbUaBYmhIRI4tBESUQU9C8zYhY/QAgaEzVq0BjjB/yhRCXxExKVYAwiiiExGImoU0aAnXmTVsbodZ3A+8/79Xuf597f+/6e93fADSo2m60uGAw+1NTUdLK5udkIBAI/yLJ8LwD5BlFehqVpOplKpX6KRqNGMBg84PV6d/n9/g/C4bARiUSOA+i5bH2dWyzLDuq6/o/f7/8eQC6/YwYACyBaU1NzrL29/TcAvutMDdjt9oSu639JkvQ5gF4A1iIkK5YvX/6nw+HYUWTu/w9xHJfLZDLnRFH8FEArgGVmaDRNv64oyncAbGY2Sxp3OBxjY2NjFwRBeB/AXRUVFalSABUVFVPBYPAkALWUXVlzoihOpNNpw+Vy7QNwezwePyEIAtmd2wzA7/e/V1tbewyAYGZT1rjP51udy+UMp9P5NoBbVq5ceaq1tfUXAKMA7MVAOI7r1XX9PE3TewBQxWzKGpMk6f6hoSGDZdk9FEWtSafTZxsaGohbkwAqioHwPB/NZDJnRFEku28pZlPWmKIok8PDw4T8eYqiVieTyd9VVT0KQDO5+eB5PjU6OjojCMKXxFsAVpRFttDI4/Fsy2azBsMwuxmGWUvaPp/v27y4FHWp0+kcyGaz5JJ+A0B3uVyHbDbbYQD8QvySfUJO3E7T9A6aptcPDw/PeDyeQwD6zXaeJz/H8/zH5HhisdjRlpaWWQDrze5J0Y9QVfVJ4naKorZTFLUunU5fUBTlCwA3mZGLojiSy+UuOp3OgwBGenp6vg6Hw38AmABA1LG8oqrqVCKRMCorK6d4np8k7nS73URwImYIkiTpuVzugsPh+IhIcl9f3/H29vYzAO5YigBZfD7fE6lUyrBYLI+xLHt3JpMxZFkmO+8wUztFUcZHRkYMjuOINqT7+/uPtbS0EP2/dSmhR4dCoRfj8Tgh3+J2u7cScofD8S6ANjNyn8+3XtO0SyzL7rVarXcODAz8GAwGyQs4tBRyZ1tb2yt9fX2XADwsiuJmonYcx70JoMHM7V6vd1LXdXJJn7VarbdpmnY6EAgQbSDhafo2LMRzRKPR/f39/WTnkwzD3JxIJC7yPP8qgMBC40I/EAhsyl/S3UQbUqnUr7W1tV8BSJgJU2Ht/NrR2dm5LxKJkDB5kCxUFGVzfX39DIDQfMP57UAg8Eg+PHcyDDOhadqM1+s9Uio8568vtF0dHR37Y7HYHICNBZGorq6eFkWRJBdFRSMcDj+eTCaJt6YZhlmjadpZSZI+K5EPFPiuqMVoNHowFoudBzAJgCvM2u32CbfbTc514dlb29rapvPk24kqapr2dz4ZIeFpKWAsWquq+lJ3d7cBgCSN/5HnF9ZLkvRzKBQ6zHFc4+DgID0+Pm7v7e19etWqVWTNVpZlN2Sz2dnq6mqiDZ1LuXCwWq2DsViMiMyjRcgLHz+gKMqJnp4eo7u7+3QymZyNRCLEW1vsdvukpmlzgiAQtTMVpgLQVbUsy881NjaSN7zxqskrB7wANtA0PW2xWKZIaDmdzo2ZTGbO5XJ9mE/DiuWAV6Is7KmqeqSuru6dfNa6cNq0L4riPZqmGVVVVa8BaDI1XGzC4/EckWX5LbMHpdh6WZYnSdhxHLc3n9eVLTJX4fE8/4IgCEStSN6+aJEkaRtRO5vN9jIAcizXVqxW67DH4yHP7PhiSG63extxe578+v1YcBz3RjgcnqVpmjwYxcoyVVWfIVLLMMxOAHXFjK5lTBZF8ZOurq7zgiBMV1ZWhmRZJlmtk6bpTCgUOkDyAZqmdwGovRaiUmurWJZ9Kh6PnyXxHgqFjI6ODkPX9bmurq5TFovlvlK5fingpc6t4DhundfrfaCmpmYTRVFrATQDoJcKVI79v5cJQAkqoxNfAAAAAElFTkSuQmCC',
    'time.png': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACpklEQVQ4EXVTXUiTYRR+1dV90GUXIXRTGGVEF0EtC2GCZdlkQTf+pPtseNNVeiOERFgSBlJQYbpkVqT5sx/ndLNM5zb37dvn9jk156ZjIZYlROK7PfFON7esA4fzvN95znPOy/leQvZaFiGEObP/4Z30bsh6o1TmjMrlsuQnZ3X1vn9hxmHctCapbtv8o8XHSF5RXuLAYjpmuUxLTiqXaRRlrW3XblibS1TWRyWqsWelKj2LzSWqj2nYyjgaxfVWQnanJbKTl89JVRWI1VXiu7oc61w5YnVViZiOWY5xGJfVpIaR5SsKtJU1MGo0mwaulhpqb9MBde2WXq2meo6jA2puG6s5auC4TW1FDWT5xQUpAULIBZvdgfnlZSrOL2Bm4QukYBCBUBizSyEEmIfC8C8uYin6ldrsTrCaDAGPR8D6tzUaWVnB2uoqRK8Io9GMz+MTCTcYTODdbgwPmanL6WIClzIEpnkPotEoDYVCCIeXEQjMwelywyvOQPCK8PklOHkfhsYcsUkHD3LoyJkMAVH0oefDAJ20O6B724Mphwt6oxmj1jFYRm0Yn7DDoK2PO/rq0fWiObb/YtPxdAG5mxfgEbzUL0lwuqYhSbOYcjgRiURgHh6Jv3zaBqvuDuLBGhpfuAVtS6mPkFOpn60wMDcPk9myyfMC7dcbKRPr7RukGxs/Y686OuGzW+LvdV3QPb4Kl/7+1rRFC5JzVpGcIrfzdfcvaTYAN+9J3JkXvPAIIniPF+3tHXHPuAk++wgd7HkXFyZsv22mfhByICGQvaOSSwgp3FkP2zFbEzufOF10s8zY240lcRKLwies+KfwoOmeRAhJvZ2kSHKiPTHv/JXyJy0Pgx3P23403G2wEEIO/0VqzFYqlTn/cqAx2YC9woNphdl/AEtNsQjc350zAAAAAElFTkSuQmCC'
};