Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity
web-apps/apps/common/main/lib/view/SymbolTableDialog.js

1273 lines
51 KiB
JavaScript
Raw Normal View History

Add symbol table dialog
2019-11-08 08:34:53 +00:00
/*
*
* (c) Copyright Ascensio System SIA 2010-2019
*
* This program is a free software product. You can redistribute it and/or
* modify it under the terms of the GNU Affero General Public License (AGPL)
* version 3 as published by the Free Software Foundation. In accordance with
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
* that Ascensio System SIA expressly excludes the warranty of non-infringement
* of any third-party rights.
*
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
*
* You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
* street, Riga, Latvia, EU, LV-1050.
*
* The interactive user interfaces in modified source and object code versions
* of the Program must display Appropriate Legal Notices, as required under
* Section 5 of the GNU AGPL version 3.
*
* Pursuant to Section 7(b) of the License you must retain the original Product
* logo when distributing the program. Pursuant to Section 7(e) we decline to
* grant you any rights under trademark law for use of our trademarks.
*
* All the Product's GUI elements, including illustrations and icon sets, as
* well as technical writing content are licensed under the terms of the
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
*
*/
/**
* SymbolTableDialog.js
*
* Created by Julia Radzhabova on 07.11.2019
* Copyright (c) 2019 Ascensio System SIA. All rights reserved.
*
*/
if (Common === undefined)
var Common = {};
define([
'common/main/lib/util/utils',
'common/main/lib/util/character',
'common/main/lib/component/InputField',
'common/main/lib/component/Window'
], function () { 'use strict';
var oRangeNames = {};
oRangeNames[1] = 'Basic Latin';
oRangeNames[2] = 'Latin 1 Supplement';
oRangeNames[3] = 'Latin Extended A';
oRangeNames[4] = 'Latin Extended B';
oRangeNames[5] = 'IPA Extensions';
oRangeNames[6] = 'Spacing Modifier Letters';
oRangeNames[7] = 'Combining Diacritical Marks';
oRangeNames[8] = 'Greek and Coptic';
oRangeNames[9] = 'Cyrillic';
oRangeNames[10] = 'Cyrillic Supplement';
oRangeNames[11] = 'Armenian';
oRangeNames[12] = 'Hebrew';
oRangeNames[13] = 'Arabic';
oRangeNames[14] = 'Syriac';
oRangeNames[15] = 'Arabic Supplement';
oRangeNames[16] = 'Thaana';
oRangeNames[17] = 'NKo';
oRangeNames[18] = 'Samaritan';
oRangeNames[19] = 'Mandaic';
oRangeNames[20] = 'Arabic Extended A';
oRangeNames[21] = 'Devanagari';
oRangeNames[22] = 'Bengali';
oRangeNames[23] = 'Gurmukhi';
oRangeNames[24] = 'Gujarati';
oRangeNames[25] = 'Oriya';
oRangeNames[26] = 'Tamil';
oRangeNames[27] = 'Telugu';
oRangeNames[28] = 'Kannada';
oRangeNames[29] = 'Malayalam';
oRangeNames[30] = 'Sinhala';
oRangeNames[31] = 'Thai';
oRangeNames[32] = 'Lao';
oRangeNames[33] = 'Tibetan';
oRangeNames[34] = 'Myanmar';
oRangeNames[35] = 'Georgian';
oRangeNames[36] = 'Hangul Jamo';
oRangeNames[37] = 'Ethiopic';
oRangeNames[38] = 'Ethiopic Supplement';
oRangeNames[39] = 'Cherokee';
oRangeNames[40] = 'Unified Canadian Aboriginal Syllabics';
oRangeNames[41] = 'Ogham';
oRangeNames[42] = 'Runic';
oRangeNames[43] = 'Tagalog';
oRangeNames[44] = 'Hanunoo';
oRangeNames[45] = 'Buhid';
oRangeNames[46] = 'Tagbanwa';
oRangeNames[47] = 'Khmer';
oRangeNames[48] = 'Mongolian';
oRangeNames[49] = 'Unified Canadian Aboriginal Syllabics Extended';
oRangeNames[50] = 'Limbu';
oRangeNames[51] = 'Tai Le';
oRangeNames[52] = 'New Tai Lue';
oRangeNames[53] = 'Khmer Symbols';
oRangeNames[54] = 'Buginese';
oRangeNames[55] = 'Tai Tham';
oRangeNames[56] = 'Combining Diacritical Marks Extended';
oRangeNames[57] = 'Balinese';
oRangeNames[58] = 'Sundanese';
oRangeNames[59] = 'Batak';
oRangeNames[60] = 'Lepcha';
oRangeNames[61] = 'Ol Chiki';
oRangeNames[62] = 'Cyrillic Extended C';
oRangeNames[63] = 'Sundanese Supplement';
oRangeNames[64] = 'Vedic Extensions';
oRangeNames[65] = 'Phonetic Extensions';
oRangeNames[66] = 'Phonetic Extensions Supplement';
oRangeNames[67] = 'Combining Diacritical Marks Supplement';
oRangeNames[68] = 'Latin Extended Additional';
oRangeNames[69] = 'Greek Extended';
oRangeNames[70] = 'General Punctuation';
oRangeNames[71] = 'Superscripts and Subscripts';
oRangeNames[72] = 'Currency Symbols';
oRangeNames[73] = 'Combining Diacritical Marks for Symbols';
oRangeNames[74] = 'Letterlike Symbols';
oRangeNames[75] = 'Number Forms';
oRangeNames[76] = 'Arrows';
oRangeNames[77] = 'Mathematical Operators';
oRangeNames[78] = 'Miscellaneous Technical';
oRangeNames[79] = 'Control Pictures';
oRangeNames[80] = 'Optical Character Recognition';
oRangeNames[81] = 'Enclosed Alphanumerics';
oRangeNames[82] = 'Box Drawing';
oRangeNames[83] = 'Block Elements';
oRangeNames[84] = 'Geometric Shapes';
oRangeNames[85] = 'Miscellaneous Symbols';
oRangeNames[86] = 'Dingbats';
oRangeNames[87] = 'Miscellaneous Mathematical Symbols A';
oRangeNames[88] = 'Supplemental Arrows A';
oRangeNames[89] = 'Braille Patterns';
oRangeNames[90] = 'Supplemental Arrows B';
oRangeNames[91] = 'Miscellaneous Mathematical Symbols B';
oRangeNames[92] = 'Supplemental Mathematical Operators';
oRangeNames[93] = 'Miscellaneous Symbols and Arrows';
oRangeNames[94] = 'Glagolitic';
oRangeNames[95] = 'Latin Extended C';
oRangeNames[96] = 'Coptic';
oRangeNames[97] = 'Georgian Supplement';
oRangeNames[98] = 'Tifinagh';
oRangeNames[99] = 'Ethiopic Extended';
oRangeNames[100] = 'Cyrillic Extended A';
oRangeNames[101] = 'Supplemental Punctuation';
oRangeNames[102] = 'CJK Radicals Supplement';
oRangeNames[103] = 'Kangxi Radicals';
oRangeNames[104] = 'Ideographic Description Characters';
oRangeNames[105] = 'CJK Symbols and Punctuation';
oRangeNames[106] = 'Hiragana';
oRangeNames[107] = 'Katakana';
oRangeNames[108] = 'Bopomofo';
oRangeNames[109] = 'Hangul Compatibility Jamo';
oRangeNames[110] = 'Kanbun';
oRangeNames[111] = 'Bopomofo Extended';
oRangeNames[112] = 'CJK Strokes';
oRangeNames[113] = 'Katakana Phonetic Extensions';
oRangeNames[114] = 'Enclosed CJK Letters and Months';
oRangeNames[115] = 'CJK Compatibility';
oRangeNames[116] = 'CJK Unified Ideographs Extension';
oRangeNames[117] = 'Yijing Hexagram Symbols';
oRangeNames[118] = 'CJK Unified Ideographs';
oRangeNames[119] = 'Yi Syllables';
oRangeNames[120] = 'Yi Radicals';
oRangeNames[121] = 'Lisu';
oRangeNames[122] = 'Vai';
oRangeNames[123] = 'Cyrillic Extended B';
oRangeNames[124] = 'Bamum';
oRangeNames[125] = 'Modifier Tone Letters';
oRangeNames[126] = 'Latin Extended D';
oRangeNames[127] = 'Syloti Nagri';
oRangeNames[128] = 'Common Indic Number Forms';
oRangeNames[129] = 'Phags pa';
oRangeNames[130] = 'Saurashtra';
oRangeNames[131] = 'Devanagari Extended';
oRangeNames[132] = 'Kayah Li';
oRangeNames[133] = 'Rejang';
oRangeNames[134] = 'Hangul Jamo Extended A';
oRangeNames[135] = 'Javanese';
oRangeNames[136] = 'Myanmar Extended B';
oRangeNames[137] = 'Cham';
oRangeNames[138] = 'Myanmar Extended A';
oRangeNames[139] = 'Tai Viet';
oRangeNames[140] = 'Meetei Mayek Extensions';
oRangeNames[141] = 'Ethiopic Extended A';
oRangeNames[142] = 'Latin Extended E';
oRangeNames[143] = 'Cherokee Supplement';
oRangeNames[144] = 'Meetei Mayek';
oRangeNames[145] = 'Hangul Syllables';
oRangeNames[146] = 'Hangul Jamo Extended B';
oRangeNames[147] = 'High Surrogates';
oRangeNames[148] = 'High Private Use Surrogates';
oRangeNames[149] = 'Low Surrogates';
oRangeNames[150] = 'Private Use Area';
oRangeNames[151] = 'CJK Compatibility Ideographs';
oRangeNames[152] = 'Alphabetic Presentation Forms';
oRangeNames[153] = 'Arabic Presentation Forms A';
oRangeNames[154] = 'Variation Selectors';
oRangeNames[155] = 'Vertical Forms';
oRangeNames[156] = 'Combining Half Marks';
oRangeNames[157] = 'CJK Compatibility Forms';
oRangeNames[158] = 'Small Form Variants';
oRangeNames[159] = 'Arabic Presentation Forms B';
oRangeNames[160] = 'Halfwidth and Fullwidth Forms';
oRangeNames[161] = 'Specials';
oRangeNames[162] = 'Linear B Syllabary';
oRangeNames[163] = 'Linear B Ideograms';
oRangeNames[164] = 'Aegean Numbers';
oRangeNames[165] = 'Ancient Greek Numbers';
oRangeNames[166] = 'Ancient Symbols';
oRangeNames[167] = 'Phaistos Disc';
oRangeNames[168] = 'Lycian';
oRangeNames[169] = 'Carian';
oRangeNames[170] = 'Coptic Epact Numbers';
oRangeNames[171] = 'Old Italic';
oRangeNames[172] = 'Gothic';
oRangeNames[173] = 'Old Permic';
oRangeNames[174] = 'Ugaritic';
oRangeNames[175] = 'Old Persian';
oRangeNames[176] = 'Deseret';
oRangeNames[177] = 'Shavian';
oRangeNames[178] = 'Osmanya';
oRangeNames[179] = 'Osage';
oRangeNames[180] = 'Elbasan';
oRangeNames[181] = 'Caucasian Albanian';
oRangeNames[182] = 'Linear A';
oRangeNames[183] = 'Cypriot Syllabary';
oRangeNames[184] = 'Imperial Aramaic';
oRangeNames[185] = 'Palmyrene';
oRangeNames[186] = 'Nabataean';
oRangeNames[187] = 'Hatran';
oRangeNames[188] = 'Phoenician';
oRangeNames[189] = 'Lydian';
oRangeNames[190] = 'Meroitic Hieroglyphs';
oRangeNames[191] = 'Meroitic Cursive';
oRangeNames[192] = 'Kharoshthi';
oRangeNames[193] = 'Old South Arabian';
oRangeNames[194] = 'Old North Arabian';
oRangeNames[195] = 'Manichaean';
oRangeNames[196] = 'Avestan';
oRangeNames[197] = 'Inscriptional Parthian';
oRangeNames[198] = 'Inscriptional Pahlavi';
oRangeNames[199] = 'Psalter Pahlavi';
oRangeNames[200] = 'Old Turkic';
oRangeNames[201] = 'Old Hungarian';
oRangeNames[202] = 'Rumi Numeral Symbols';
oRangeNames[203] = 'Brahmi';
oRangeNames[204] = 'Kaithi';
oRangeNames[205] = 'Sora Sompeng';
oRangeNames[206] = 'Chakma';
oRangeNames[207] = 'Mahajani';
oRangeNames[208] = 'Sharada';
oRangeNames[209] = 'Sinhala Archaic Numbers';
oRangeNames[210] = 'Khojki';
oRangeNames[211] = 'Multani';
oRangeNames[212] = 'Khudawadi';
oRangeNames[213] = 'Grantha';
oRangeNames[214] = 'Newa';
oRangeNames[215] = 'Tirhuta';
oRangeNames[216] = 'Siddham';
oRangeNames[217] = 'Modi';
oRangeNames[218] = 'Mongolian Supplement';
oRangeNames[219] = 'Takri';
oRangeNames[220] = 'Ahom';
oRangeNames[221] = 'Warang Citi';
oRangeNames[222] = 'Pau Cin Hau';
oRangeNames[223] = 'Bhaiksuki';
oRangeNames[224] = 'Marchen';
oRangeNames[225] = 'Cuneiform';
oRangeNames[226] = 'Cuneiform Numbers and Punctuation';
oRangeNames[227] = 'Early Dynastic Cuneiform';
oRangeNames[228] = 'Egyptian Hieroglyphs';
oRangeNames[229] = 'Anatolian Hieroglyphs';
oRangeNames[230] = 'Bamum Supplement';
oRangeNames[231] = 'Mro';
oRangeNames[232] = 'Bassa Vah';
oRangeNames[233] = 'Pahawh Hmong';
oRangeNames[234] = 'Miao';
oRangeNames[235] = 'Ideographic Symbols and Punctuation';
oRangeNames[236] = 'Tangut';
oRangeNames[237] = 'Tangut Components';
oRangeNames[238] = 'Kana Supplement';
oRangeNames[239] = 'Duployan';
oRangeNames[240] = 'Shorthand Format Controls';
oRangeNames[241] = 'Byzantine Musical Symbols';
oRangeNames[242] = 'Musical Symbols';
oRangeNames[243] = 'Ancient Greek Musical Notation';
oRangeNames[244] = 'Tai Xuan Jing Symbols';
oRangeNames[245] = 'Counting Rod Numerals';
oRangeNames[246] = 'Mathematical Alphanumeric Symbols';
oRangeNames[247] = 'Sutton SignWriting';
oRangeNames[248] = 'Glagolitic Supplement';
oRangeNames[249] = 'Mende Kikakui';
oRangeNames[250] = 'Adlam';
oRangeNames[251] = 'Arabic Mathematical Alphabetic Symbols';
oRangeNames[252] = 'Mahjong Tiles';
oRangeNames[253] = 'Domino Tiles';
oRangeNames[254] = 'Playing Cards';
oRangeNames[255] = 'Enclosed Alphanumeric Supplement';
oRangeNames[256] = 'Enclosed Ideographic Supplement';
oRangeNames[257] = 'Miscellaneous Symbols and Pictographs';
oRangeNames[258] = 'Emoticons';
oRangeNames[259] = 'Ornamental Dingbats';
oRangeNames[260] = 'Transport and Map Symbols';
oRangeNames[261] = 'Alchemical Symbols';
oRangeNames[262] = 'Geometric Shapes Extended';
oRangeNames[263] = 'Supplemental Arrows C';
oRangeNames[264] = 'Supplemental Symbols and Pictographs';
oRangeNames[265] = 'CJK Unified Ideographs Extension B';
oRangeNames[266] = 'CJK Unified Ideographs Extension C';
oRangeNames[267] = 'CJK Unified Ideographs Extension D';
oRangeNames[268] = 'CJK Unified Ideographs Extension E';
oRangeNames[269] = 'CJK Compatibility Ideographs Supplement';
oRangeNames[270] = 'Tags';
oRangeNames[271] = 'Variation Selectors Supplement';
oRangeNames[272] = 'Supplementary Private Use Area A';
oRangeNames[273] = 'Supplementary Private Use Area B';
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var CELL_WIDTH = 31;
var CELL_HEIGHT = 33;
Add symbol table dialog
2019-11-08 08:34:53 +00:00
var aFontSelects = [];
var aRanges = [];
var aRecents = [];
var nCurrentFont = -1;// индекс в aFontSelects
var nCurrentSymbol = -1;// code
var bMainFocus = true;//фокус в основной таблице
var nFontNameRecent = -1;
var nMaxRecent = 36;
var bScrollMouseUp = false;
var sInitFont = "";
var sInitSymbol = "";
var nLastScroll = -1000;
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var sLastId = "";
var nLastTime = -1000;
var lastTime = -1;
var lastKeyCode = -1;
Add symbol table dialog
2019-11-08 08:34:53 +00:00
Add translation for symbol table ranges
2019-11-12 11:33:47 +00:00
var loadTranslation = function(lang, callback) {
lang = lang.split(/[\-_]/)[0].toLocaleLowerCase();
Common.Utils.loadConfig('resources/symboltable/' + lang + '.json', function (langJson) {
for (var i=1; i<274; i++) {
var val = oRangeNames[i];
oRangeNames[i] = langJson[val] || val;
}
callback && callback();
});
};
Add symbol table dialog
2019-11-08 08:34:53 +00:00
Common.Views.SymbolTableDialog = Common.UI.Window.extend(_.extend({
options: {
Symbol table refactoring
2019-11-11 13:45:44 +00:00
width: 450,
Symbol table refactoring
2019-11-11 14:48:09 +00:00
height: 395,
Add symbol table dialog
2019-11-08 08:34:53 +00:00
style: 'min-width: 230px;',
cls: 'modal-dlg',
buttons: ['ok', 'cancel']
},
initialize : function(options) {
_.extend(this.options, {
title: this.textTitle
}, options || {});
this.template = [
Symbol table refactoring
2019-11-11 13:45:44 +00:00
'<div class="box">',
'<table cols="2" style="width: 100%;">',
Add symbol table dialog
2019-11-08 08:34:53 +00:00
'<tr>',
'<td style="padding-right: 10px;padding-bottom: 8px;">',
'<label class="input-label">' + this.textFont + '</label>',
'<div id="symbol-table-cmb-fonts"></div>',
'</td>',
'<td style="padding-bottom: 8px;">',
'<label class="input-label">' + this.textRange + '</label>',
'<div id="symbol-table-cmb-range"></div>',
'</td>',
'</tr>',
'<tr>',
Symbol table refactoring
2019-11-11 13:45:44 +00:00
'<td colspan="2" style="padding-bottom: 16px;">',
'<div id="symbol-table-scrollable-div" style="position: relative;">',
'<div style="width: 100%;">',
'<div id="id-preview">',
'<div>',
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
'<div style="position: absolute; top: 0;"><div id="id-preview-data" tabindex="0" oo_editor_input="true"></div></div>',
Symbol table refactoring
2019-11-11 13:45:44 +00:00
'</div>',
'</div>',
'</div>',
'</div>',
Add symbol table dialog
2019-11-08 08:34:53 +00:00
'</td>',
'</tr>',
'<tr>',
Symbol table refactoring
2019-11-11 13:45:44 +00:00
'<td colspan="2" style="padding-bottom: 16px;">',
Add symbol table dialog
2019-11-08 08:34:53 +00:00
'<label class="input-label">' + this.textRecent + '</label>',
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
'<div style="width: 100%; padding-right: 10px;"><div id="symbol-table-recent" tabindex="0" oo_editor_input="true"></div>',
Add symbol table dialog
2019-11-08 08:34:53 +00:00
'</td>',
'</tr>',
'<tr>',
Symbol table refactoring
2019-11-11 13:45:44 +00:00
'<td style="padding-right: 10px;">',
Add symbol table dialog
2019-11-08 08:34:53 +00:00
'<label class="input-label">' + this.textCode + '</label>',
Symbol table refactoring
2019-11-11 13:45:44 +00:00
'</td>',
'<td>',
'</td>',
'</tr>',
'<tr>',
'<td style="padding-right: 10px;">',
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
'<div id="symbol-table-text-code" oo_editor_input="true"></div>',
Add symbol table dialog
2019-11-08 08:34:53 +00:00
'</td>',
Symbol table refactoring
2019-11-11 13:45:44 +00:00
'<td>',
'<div id="symbol-table-label-font" style="overflow: hidden; text-overflow: ellipsis;white-space: nowrap;max-width: 160px;"></div>',
'</td>',
Add symbol table dialog
2019-11-08 08:34:53 +00:00
'</tr>',
'</table>',
'</div>'
].join('');
this.options.tpl = _.template(this.template)(this.options);
this.api = this.options.api;
Symbol table refactoring
2019-11-11 14:48:09 +00:00
this.type = this.options.type || 0; // 0 - close on OK, single adding symbol
Add symbol table dialog
2019-11-08 08:34:53 +00:00
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var filter = Common.localStorage.getKeysFilter();
this.appPrefix = (filter && filter.length) ? filter.split(',')[0] : '';
Add translation for symbol table ranges
2019-11-12 11:33:47 +00:00
var init = (aFontSelects.length<1);
init && this.initFonts();
Symbol table: fix loading fonts
2019-11-12 09:17:15 +00:00
if (nCurrentFont < 0)
nCurrentFont = 0;
aRanges = this.getArrRangesByFont(nCurrentFont);
if(sInitSymbol && sInitSymbol.length > 0){
nCurrentSymbol = this.fixedCharCodeAt(sInitSymbol, 0);
if(false === nCurrentSymbol){
nCurrentSymbol = -1;
}
else{
for(var i = 0; i < aRanges.length; ++i){
if(nCurrentSymbol >= aRanges[i].Start && nCurrentSymbol <= aRanges[i].End){
break;
}
}
if(i === aRanges.length){
nCurrentSymbol = -1;
}
}
}
if(nCurrentSymbol === -1){
nCurrentSymbol = aRanges[0].Start;
}
Add translation for symbol table ranges
2019-11-12 11:33:47 +00:00
if (init && this.options.lang && this.options.lang != 'en') {
var me = this;
loadTranslation(this.options.lang, function(){
me.updateRangeSelector();
});
}
Symbol table: fix loading fonts
2019-11-12 09:17:15 +00:00
Common.UI.Window.prototype.initialize.call(this, this.options);
},
initFonts: function() {
Add symbol table dialog
2019-11-08 08:34:53 +00:00
var fontList = this.api.pluginMethod_GetFontList();
fontList.sort(function(a, b){
if(a.m_wsFontName < b.m_wsFontName) return -1;
if(a.m_wsFontName > b.m_wsFontName) return 1;
return 0;
});
var oCurFont, oLastFont;
var data = [];
var oFontsByName = {};
var sCurFontNameInMap;
for(var i = 0; i < fontList.length; ++i){
oCurFont = fontList[i];
sCurFontNameInMap = oCurFont.m_wsFontName;
oLastFont = oFontsByName[sCurFontNameInMap];
if(!oLastFont){
oFontsByName[sCurFontNameInMap] = oCurFont;
}
else{
if(oLastFont.m_bBold && oLastFont.m_bItalic){
oFontsByName[sCurFontNameInMap] = oCurFont;
}
else if(oLastFont.m_bBold && !oCurFont.m_bBold){
oFontsByName[sCurFontNameInMap] = oCurFont;
}
else if(oLastFont.m_bItalic && !oCurFont.m_bBold && !oCurFont.m_bItalic){
oFontsByName[sCurFontNameInMap] = oCurFont;
}
}
}
delete oFontsByName['ASCW3'];
var i = 0;
for(var key in oFontsByName){
if(oFontsByName.hasOwnProperty(key)){
data.push(oFontsByName[key]);
data[data.length-1].value = i++;
data[data.length-1].displayValue = oFontsByName[key].m_wsFontName;
}
}
//initialize params
aFontSelects = data;
aFontSelects.sort(function(a, b){return (a.displayValue.toLowerCase() > b.displayValue.toLowerCase()) ? 1 : -1;});
if(!oFontsByName[sInitFont]){
if(oFontsByName['Cambria Math']){
sInitFont = 'Cambria Math';
}
else if(oFontsByName['Asana-Math']){
sInitFont = 'Asana-Math';
}
}
if(oFontsByName[sInitFont]){
for(i = 0; i < aFontSelects.length; ++i){
if(aFontSelects[i].displayValue === sInitFont){
nCurrentFont = i;
break;
}
}
}
},
render: function() {
Common.UI.Window.prototype.render.call(this);
var me = this,
$window = this.getChild();
this.cmbFonts = new Common.UI.ComboBox({
el : $window.find('#symbol-table-cmb-fonts'),
cls : 'input-group-nr',
data : aFontSelects,
editable : false,
Symbol table refactoring
2019-11-11 13:45:44 +00:00
search : true,
menuStyle : 'min-width: 100%; max-height: 209px;'
Add symbol table dialog
2019-11-08 08:34:53 +00:00
}).on('selected', function(combo, record) {
var oCurrentRange = me.getRangeBySymbol(aRanges, nCurrentSymbol);
nCurrentFont = record.value;
aRanges = me.getArrRangesByFont(nCurrentFont);
if(oCurrentRange){
for(var i = 0; i < aRanges.length; ++i){
if(oCurrentRange.Name === aRanges[i].Name){
break;
}
}
if(i === aRanges.length){
nCurrentSymbol = aRanges[0].Start;
}
}
else{
nCurrentSymbol = aRanges[0].Start;
}
bMainFocus = true;
me.updateView();
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
setTimeout(function(){
me.previewPanel.focus();
}, 1);
Add symbol table dialog
2019-11-08 08:34:53 +00:00
});
this.cmbFonts.setValue(nCurrentFont);
this.cmbRange = new Common.UI.ComboBox({
el : $window.find('#symbol-table-cmb-range'),
cls : 'input-group-nr',
editable : false,
Symbol table refactoring
2019-11-11 13:45:44 +00:00
menuStyle : 'min-width: 100%; max-height: 209px;'
}).on('selected', function(combo, record) {
var oCurrentRange = me.getRangeByName(aRanges, parseInt(record.value));
nCurrentSymbol = oCurrentRange.Start;
bMainFocus = true;
me.updateView(undefined, undefined, undefined, undefined, false);
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
setTimeout(function(){
me.previewPanel.focus();
}, 1);
Add symbol table dialog
2019-11-08 08:34:53 +00:00
});
this.updateRangeSelector();
me.inputCode = new Common.UI.InputField({
el : $window.find('#symbol-table-text-code'),
allowBlank : false,
blankError : me.txtEmpty,
style : 'width: 100%;',
validateOnBlur: false,
validateOnChange: true
}).on('changing', function(cmp, newValue, oldValue) {
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var value = parseInt(newValue, 16);
if(!isNaN(value) && value > 0x1F){
var oRange = me.getRangeBySymbol(aRanges, value);
if(oRange){
var bUpdateTable = (me.$window.find("#c" + value).length === 0);
nCurrentSymbol = value;
bMainFocus = true;
me.updateView(bUpdateTable, undefined, false);
}
}
}).on('change:after', function(cmp, newValue, oldValue) {
me.updateInput();
});
//fill recents
this.fillRecentSymbols();
var container = this.$window.find('#fake-symbol-table-wrap');
container.perfectScrollbar({
theme: 'custom-theme',
minScrollbarLength: 50
Add symbol table dialog
2019-11-08 08:34:53 +00:00
});
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.previewPanel = this.$window.find('#id-preview-data');
this.previewParent = this.previewPanel.parent();
this.previewScrolled = this.$window.find('#id-preview');
this.previewInner = this.previewScrolled.find('div:first-child');
this.recentPanel = this.$window.find('#symbol-table-recent');
this.fontLabel = this.$window.find("#symbol-table-label-font");
this.updateView(undefined, undefined, undefined, true);
Add symbol table dialog
2019-11-08 08:34:53 +00:00
$window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this));
},
show: function() {
Common.UI.Window.prototype.show.apply(this, arguments);
Symbol table refactoring
2019-11-11 13:45:44 +00:00
if (!this.binding)
this.binding = {};
this.binding.keydownSymbols = _.bind(this.onKeyDown,this);
this.binding.keypressSymbols = _.bind(this.onKeyPress,this);
$(document).on('keydown.' + this.cid, '#symbol-table-scrollable-div #id-preview-data, #symbol-table-recent', this.binding.keydownSymbols);
$(document).on('keypress.' + this.cid, '#symbol-table-scrollable-div #id-preview-data, #symbol-table-recent', this.binding.keypressSymbols);
Add symbol table dialog
2019-11-08 08:34:53 +00:00
var me = this;
_.delay(function(){
Symbol table refactoring
2019-11-11 13:45:44 +00:00
me.previewPanel.focus();
Add symbol table dialog
2019-11-08 08:34:53 +00:00
},50);
},
Symbol table refactoring
2019-11-11 13:45:44 +00:00
close: function(suppressevent) {
$(document).off('keydown.' + this.cid, this.binding.keydownSymbols);
$(document).off('keypress.' + this.cid, this.binding.keypressSymbols);
Common.UI.Window.prototype.close.apply(this, arguments);
},
getPasteSymbol: function(cellId) {
var bUpdateRecents = cellId[0] === 'c';
var sFont;
if(bUpdateRecents){
sFont = aFontSelects[nCurrentFont].displayValue;
} else {
var nFontId = parseInt(cellId.split('_')[2]);
sFont = aFontSelects[nFontId].displayValue;
}
return {font: sFont, symbol: this.encodeSurrogateChar(nCurrentSymbol), updateRecents: bUpdateRecents};
Add symbol table dialog
2019-11-08 08:34:53 +00:00
},
onBtnClick: function(event) {
this._handleInput(event.currentTarget.attributes['result'].value);
},
onPrimary: function(event) {
this._handleInput('ok');
return false;
},
_handleInput: function(state) {
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var settings = this.getPasteSymbol(this.$window.find('.cell-selected').attr('id'));
Symbol table refactoring
2019-11-11 14:48:09 +00:00
if (this.options.handler) {
this.options.handler.call(this, this, state, settings);
}
Symbol table refactoring
2019-11-11 13:45:44 +00:00
if (state=='ok') {
settings.updateRecents && this.checkRecent(nCurrentSymbol, settings.font);
settings.updateRecents && this.updateRecents();
Symbol table refactoring
2019-11-11 14:48:09 +00:00
if (this.type)
return;
Symbol table refactoring
2019-11-11 13:45:44 +00:00
}
Add symbol table dialog
2019-11-08 08:34:53 +00:00
this.close();
},
encodeSurrogateChar: function(nUnicode) {
if (nUnicode < 0x10000)
{
return String.fromCharCode(nUnicode);
}
else
{
nUnicode = nUnicode - 0x10000;
var nLeadingChar = 0xD800 | (nUnicode >> 10);
var nTrailingChar = 0xDC00 | (nUnicode & 0x3FF);
return String.fromCharCode(nLeadingChar) + String.fromCharCode(nTrailingChar);
}
},
fixedCharCodeAt: function(str, idx) {
idx = idx || 0;
var code = str.charCodeAt(idx);
var hi, low;
if (0xD800 <= code && code <= 0xDBFF) {
hi = code;
low = str.charCodeAt(idx + 1);
if (isNaN(low)) {
throw 'Старшая часть суррогатной пары без следующей младшей в fixedCharCodeAt()';
}
return ((hi - 0xD800) * 0x400) + (low - 0xDC00) + 0x10000;
}
if (0xDC00 <= code && code <= 0xDFFF) {
return false;
}
return code;
},
getArrRangesByFont: function(nFontName){
var _ret = getSupportedRangesByFont(aFontSelects[nFontName]);
if(_ret.length === 0){
_ret.push({Start:0x20, End: 0xFF});
}
if(_ret[0].Start < 0x20){
_ret[0].Start = 0x20;
}
return _ret;
},
getRangeBySymbol: function(arrRanges, nCode){
for(var i = 0; i < arrRanges.length; ++i){
if(arrRanges[i].Start <= nCode && arrRanges[i].End >= nCode){
return arrRanges[i];
}
}
return null;
},
getRangeByName: function(arrRanges, nName){
for(var i = 0; i < arrRanges.length; ++i){
if(arrRanges[i].Name === nName){
return arrRanges[i];
}
}
return null;
},
getLinearIndexByCode: function(arrRanges, nCode){
var nLinearIndex = -1;
var nCounter = 0;
var oCurRange;
for(var i = 0; i < arrRanges.length; ++i){
oCurRange = arrRanges[i];
if(oCurRange.Start > nCode){
return -1;
}
if(oCurRange.Start <= nCode && oCurRange.End >= nCode){
return nCounter + (nCode - oCurRange.Start);
}
nCounter += (oCurRange.End - oCurRange.Start + 1);
}
return nLinearIndex;
},
getCodeByLinearIndex: function(arrRanges, nIndex){
if(nIndex < 0){
return -1;
}
var nCount = 0;
var oCurRange = arrRanges[0];
var nDiff;
for(var i = 0; i < arrRanges.length; ++i){
oCurRange = arrRanges[i];
nDiff = oCurRange.End - oCurRange.Start + 1;
if(nCount + nDiff > nIndex){
return oCurRange.Start + nIndex - nCount;
}
nCount += nDiff;
}
return -1;
},
Symbol table refactoring
2019-11-11 13:45:44 +00:00
createTable: function(arrSym, nRowsCount, nColsCount){
Add symbol table dialog
2019-11-08 08:34:53 +00:00
var nDivCount = nRowsCount*nColsCount;
var nCellsCounter = 0;
var sInnerHtml = '';
var sId;
var sStyle = 'style=\'border-bottom: none\'';
var sCellStyle;
for(var i = 0; i < nDivCount; ++i){
if(((i / nColsCount) >> 0) === (nRowsCount - 1)){
sCellStyle = sStyle;
}
else{
sCellStyle = '';
}
if(i < arrSym.length){
sId = 'c' + arrSym[i];
sInnerHtml += '<div class=\"cell\" '+sCellStyle +' id=\"' + sId + '\">' + '&#' + arrSym[i].toString(10) + '</div>';
}
else{
sInnerHtml += '<div class=\"cell\"'+sCellStyle +'></div>';
}
++nCellsCounter;
if(nCellsCounter >= nColsCount){
sInnerHtml += '<br class=\"noselect\">';
nCellsCounter = 0;
}
}
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.previewPanel.html(sInnerHtml);
// this.previewPanel[0].innerHTML = sInnerHtml;
Add symbol table dialog
2019-11-08 08:34:53 +00:00
},
fillRecentSymbols: function(){
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var sRecents = Common.localStorage.getItem(this.appPrefix + 'recentSymbols');
Add symbol table dialog
2019-11-08 08:34:53 +00:00
var aRecentCookies;
if(sRecents != ''){
aRecentCookies = JSON.parse(sRecents);
}
Symbol table refactoring
2019-11-11 13:45:44 +00:00
if(_.isArray(aRecentCookies)){
Add symbol table dialog
2019-11-08 08:34:53 +00:00
aRecents = aRecentCookies;
}
},
saveRecent: function(){
var sJSON = JSON.stringify(aRecents);
Symbol table refactoring
2019-11-11 13:45:44 +00:00
Common.localStorage.setItem(this.appPrefix + 'recentSymbols', sJSON);
Add symbol table dialog
2019-11-08 08:34:53 +00:00
},
checkRecent: function(sSymbol, sFont){
if(aRecents.length === 0){
aRecents.push({symbol: sSymbol, font: sFont});
return;
}
for(var i = 0; i < aRecents.length; ++i){
if(aRecents[i].symbol === sSymbol && aRecents[i].font === sFont){
aRecents.splice(i, 1);
break;
}
}
aRecents.splice(0, 0, {symbol: sSymbol, font: sFont});
if(aRecents.length > nMaxRecent){
aRecents.splice(nMaxRecent, aRecents.length - nMaxRecent);
}
this.saveRecent();
},
createCell: function(nSymbolCode, sFontName){
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var sId = '',
symbol = '';
Add symbol table dialog
2019-11-08 08:34:53 +00:00
if(sFontName){
var nFontIndex = 0;
for(var i = 0; i < aFontSelects.length; ++i){
if(aFontSelects[i].displayValue === sFontName){
nFontIndex = i;
break;
}
}
sId = 'r_' + nSymbolCode + '_' + nFontIndex;
Symbol table refactoring
2019-11-11 13:45:44 +00:00
symbol = '&#' + nSymbolCode.toString();
} else if (nSymbolCode!==undefined) {
Add symbol table dialog
2019-11-08 08:34:53 +00:00
sId = 'r' + nSymbolCode;
Symbol table refactoring
2019-11-11 13:45:44 +00:00
symbol = '&#' + nSymbolCode.toString();
Add symbol table dialog
2019-11-08 08:34:53 +00:00
}
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var _ret = $('<div id=\"' + sId + '\">' + symbol + '</div>');
Add symbol table dialog
2019-11-08 08:34:53 +00:00
_ret.addClass('cell');
_ret.addClass('noselect');
Symbol table refactoring
2019-11-11 13:45:44 +00:00
_ret.mousedown(_.bind(this.cellClickHandler, this));
Add symbol table dialog
2019-11-08 08:34:53 +00:00
if(sFontName){
_ret.css('font-family', '\'' + sFontName + '\'');
}
return _ret;
},
Symbol table refactoring
2019-11-11 13:45:44 +00:00
cellClickHandler: function (e) {
var id = $(e.target).attr('id');
if(!id){
Add symbol table dialog
2019-11-08 08:34:53 +00:00
return;
}
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var nTime = (new Date()).getTime();
if(id === sLastId && (nTime - nLastTime) < 300 ){
this.cellDblClickHandler(e)
}
else{
if(id[0] === 'c'){
nCurrentSymbol = parseInt(id.slice(1, id.length));
bMainFocus = true;
}
else{
var aStrings = id.split('_');
nCurrentSymbol = parseInt(aStrings[1]);
nFontNameRecent = parseInt(aStrings[2]);
bMainFocus = false;
}
this.updateView(false);
}
sLastId = e.target.id;
nLastTime = nTime;
},
Add symbol table dialog
2019-11-08 08:34:53 +00:00
Symbol table refactoring
2019-11-11 13:45:44 +00:00
cellDblClickHandler: function (e){
Symbol table refactoring
2019-11-11 14:48:09 +00:00
if (!this.type)
this._handleInput('ok');
else {
var settings = this.getPasteSymbol($(e.target).attr('id'));
settings.updateRecents && this.checkRecent(nCurrentSymbol, settings.font);
settings.updateRecents && this.updateView(false, undefined, undefined, true);
this.fireEvent('symbol:dblclick', this, settings);
}
Symbol table refactoring
2019-11-11 13:45:44 +00:00
},
updateRecents: function(){
var oRecentsDiv = this.recentPanel;
oRecentsDiv.empty();
var nCols = this.getColsCount(),
nRecents = aRecents.length;
oRecentsDiv.width(nCols * CELL_WIDTH);
for(var i = 0; i < nCols; ++i){
var oCell = (i<nRecents) ? this.createCell(aRecents[i].symbol, aRecents[i].font) : this.createCell();
Add symbol table dialog
2019-11-08 08:34:53 +00:00
oCell.css('border-bottom', 'none');
oRecentsDiv.append(oCell);
Symbol table refactoring
2019-11-11 13:45:44 +00:00
if(i === (nCols - 1)){
Add symbol table dialog
2019-11-08 08:34:53 +00:00
oCell.css('border-right', 'none');
}
}
},
getColsCount: function(){
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var nMaxWidth = this.$window.find('#symbol-table-scrollable-div').innerWidth();
Add symbol table dialog
2019-11-08 08:34:53 +00:00
return ((nMaxWidth/CELL_WIDTH) >> 0);
},
getMaxHeight: function(){
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var nMaxHeight = this.$window.find('#symbol-table-scrollable-div').innerHeight();
Add symbol table dialog
2019-11-08 08:34:53 +00:00
return nMaxHeight;
},
getRowsCount: function() {
return Math.max(1, ((this.getMaxHeight()/CELL_HEIGHT) >> 0));
},
getAllSymbolsCount: function(arrRanges){
var _count = 0;
var oRange;
for(var i = 0; i < arrRanges.length; ++i){
oRange = arrRanges[i];
_count += (oRange.End - oRange.Start + 1);
}
return _count;
},
setTable: function(nStartCode){
var nColsCount = this.getColsCount();
var nRowsCount = this.getRowsCount();
var nIndexSymbol = this.getLinearIndexByCode(aRanges, nStartCode);
var nAllSymbolsCount = this.getAllSymbolsCount(aRanges);
var nAllRowsCount = Math.ceil(nAllSymbolsCount/nColsCount);
var nRowsSkip = Math.max(0, Math.min(nAllRowsCount - nRowsCount, ((nIndexSymbol / nColsCount) >> 0)));
var nFirst = nRowsSkip*nColsCount;
var nSymbolsCount = nRowsCount*nColsCount;
var aSymbols = [];
var nCode;
for(var i = 0; i < nSymbolsCount; ++i){
nCode = this.getCodeByLinearIndex(aRanges, nFirst + i);
if(nCode === -1){
break;
}
aSymbols.push(nCode);
}
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.previewPanel.css('font-family', '\'' + aFontSelects[nCurrentFont].displayValue + '\'');
this.createTable(aSymbols, nRowsCount, nColsCount);
Add symbol table dialog
2019-11-08 08:34:53 +00:00
return nRowsSkip;
},
updateView: function(bUpdateTable, nTopSymbol, bUpdateInput, bUpdateRecents, bUpdateRanges) {
//fill ranges combo box
if(bMainFocus){
if(bUpdateRanges !== false){
this.updateRangeSelector();
}
}
if(bMainFocus){
if(aFontSelects[nCurrentFont]){
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.fontLabel.text(aFontSelects[nCurrentFont].displayValue);
Add symbol table dialog
2019-11-08 08:34:53 +00:00
}
else{
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.fontLabel.text('');
Add symbol table dialog
2019-11-08 08:34:53 +00:00
}
}
else{
if(aFontSelects[nFontNameRecent]){
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.fontLabel.text(aFontSelects[nFontNameRecent].displayValue);
Add symbol table dialog
2019-11-08 08:34:53 +00:00
}
else{
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.fontLabel.text('');
Add symbol table dialog
2019-11-08 08:34:53 +00:00
}
}
if(bUpdateTable !== false){
//fill fonts combo box
this.cmbFonts.setValue(nCurrentFont);
}
Symbol table refactoring
2019-11-11 13:45:44 +00:00
Add symbol table dialog
2019-11-08 08:34:53 +00:00
//main table
var nRowsCount = this.getRowsCount();
var nHeight = nRowsCount*CELL_HEIGHT - 1;
bScrollMouseUp = false;
if(bUpdateTable !== false){
//fill table
var nSymbol = (nTopSymbol !== null && nTopSymbol !== undefined)? nTopSymbol : nCurrentSymbol;
var nRowSkip = this.setTable(nSymbol);
//update scroll
var nSymbolsCount = this.getAllSymbolsCount(aRanges);
var nAllRowsCount = Math.ceil(nSymbolsCount/this.getColsCount());
var nFullHeight = nAllRowsCount*CELL_HEIGHT;
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.previewInner.height(nFullHeight);
if (!this.scrollerY)
this.scrollerY = new Common.UI.Scroller({
el: this.previewScrolled,
minScrollbarLength: Math.max((CELL_HEIGHT*2.0/3.0 + 0.5) >> 0, ((nHeight/8.0 + 0.5) >> 0)),
alwaysVisibleY: true,
wheelSpeed: Math.min((Math.floor(this.previewPanel.height()/CELL_HEIGHT) * CELL_HEIGHT)/10, 20),
useKeyboard: false,
onChange: _.bind(function(){
if (this.scrollerY) {
this._preventUpdateScroll = true;
this.onScrollEnd();
this._preventUpdateScroll = false;
this.previewParent.height(nHeight);
this.previewParent.css({top: this.scrollerY.getScrollTop()});
}
}, this)
});
if (!this._preventUpdateScroll) {
this.scrollerY.update({
minScrollbarLength: Math.max((CELL_HEIGHT*2.0/3.0 + 0.5) >> 0, ((nHeight/8.0 + 0.5) >> 0))
});
this.scrollerY.scrollTop(nRowSkip*CELL_HEIGHT);
}
var aCells = this.previewPanel.find('.cell');
aCells.off('mousedown');
aCells.mousedown(_.bind(this.cellClickHandler, this));
Add symbol table dialog
2019-11-08 08:34:53 +00:00
}
//fill recent
if(bUpdateRecents){
this.updateRecents();
}
//reset selection
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.$window.find('.cell').removeClass('cell-selected');
Add symbol table dialog
2019-11-08 08:34:53 +00:00
//select current cell
if(bMainFocus){
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.$window.find('#c' + nCurrentSymbol).addClass('cell-selected');
Add symbol table dialog
2019-11-08 08:34:53 +00:00
}
else{
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.$window.find('#r_' + nCurrentSymbol + '_' + nFontNameRecent).addClass('cell-selected');
Add symbol table dialog
2019-11-08 08:34:53 +00:00
}
//update input
if(bUpdateInput !== false){
this.updateInput();
}
},
Symbol table refactoring
2019-11-11 13:45:44 +00:00
onScrollEnd: function(){
if(this.scrollerY.getScrollTop() === nLastScroll){
return;
}
Add symbol table dialog
2019-11-08 08:34:53 +00:00
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var nSymbolsCount = this.getAllSymbolsCount(aRanges);
var nColsCount = this.getColsCount();
var nRows = this.getRowsCount();
var nAllRowsCount = Math.ceil(nSymbolsCount/nColsCount);
var nFullHeight = nAllRowsCount*CELL_HEIGHT;
var nRowSkip = Math.max(0, Math.min(nAllRowsCount - nRows, (nAllRowsCount*this.scrollerY.getScrollTop()/nFullHeight + 0.5) >> 0));
nLastScroll = this.scrollerY.getScrollTop();
if(!bMainFocus){
nCurrentSymbol = this.getCodeByLinearIndex(aRanges, nRowSkip*nColsCount);
bMainFocus = true;
}
else{
var oFirstCell = this.previewPanel.children()[0];
if(oFirstCell){
var id = oFirstCell.id;
if(id){
var nOldFirstCode = parseInt(id.slice(1, id.length));
var nOldFirstLinearIndex = this.getLinearIndexByCode(aRanges, nOldFirstCode);
var nOldCurrentLinearIndex = this.getLinearIndexByCode(aRanges, nCurrentSymbol);
var nDiff = nOldCurrentLinearIndex - nOldFirstLinearIndex;
var nNewCurLinearIndex = nRowSkip*nColsCount + nDiff;
nCurrentSymbol = this.getCodeByLinearIndex(aRanges, nNewCurLinearIndex);
var nFirstIndex = nRowSkip*nColsCount;
nNewCurLinearIndex -= nColsCount;
while(nCurrentSymbol === -1 && nNewCurLinearIndex >= nFirstIndex){
nCurrentSymbol = this.getCodeByLinearIndex(aRanges, nNewCurLinearIndex);
nNewCurLinearIndex -= nColsCount;
}
if(nCurrentSymbol === -1){
nCurrentSymbol = this.getCodeByLinearIndex(aRanges, nFirstIndex);
}
}
else{
nCurrentSymbol = this.getCodeByLinearIndex(aRanges, nRowSkip*nColsCount);
}
}
}
this.updateView(true, this.getCodeByLinearIndex(aRanges, nRowSkip*nColsCount));
},
updateInput: function(){
Add symbol table dialog
2019-11-08 08:34:53 +00:00
var sVal = nCurrentSymbol.toString(16).toUpperCase();
var sValLen = sVal.length;
for(var i = sValLen; i < 5; ++i){
sVal = '0' + sVal;
}
Symbol table refactoring
2019-11-11 13:45:44 +00:00
this.inputCode.setValue(sVal);
Add symbol table dialog
2019-11-08 08:34:53 +00:00
},
updateRangeSelector: function() {
var oCurrentRange = this.getRangeBySymbol(aRanges, nCurrentSymbol);
if(!oCurrentRange || !oCurrentRange.Name){
this.cmbRange.setDisabled(true);
this.cmbRange.setValue('');
}
else{
this.cmbRange.setDisabled(false);
var oOption, i, data = [];
for(i = 0; i < aRanges.length; ++i){
data.push({
value: aRanges[i].Name,
displayValue: oRangeNames[aRanges[i].Name]
});
}
this.cmbRange.setData(data);
this.cmbRange.setValue(oCurrentRange.Name);
}
},
Symbol table refactoring
2019-11-11 13:45:44 +00:00
onKeyDown: function(e){
if(document.activeElement){
if(document.activeElement.nodeName && document.activeElement.nodeName.toLowerCase() === 'span'){
return;
}
}
var value = e.which || e.charCode || e.keyCode || 0;
var bFill = true;
if(bMainFocus){
var nCode = -1;
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
if ( value === Common.UI.Keys.LEFT ){//left
Symbol table refactoring
2019-11-11 13:45:44 +00:00
nCode = this.getCodeByLinearIndex(aRanges, this.getLinearIndexByCode(aRanges, nCurrentSymbol) - 1);
}
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
else if ( value === Common.UI.Keys.UP ){//top
Symbol table refactoring
2019-11-11 13:45:44 +00:00
nCode = this.getCodeByLinearIndex(aRanges, this.getLinearIndexByCode(aRanges, nCurrentSymbol) - this.getColsCount());
}
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
else if ( value === Common.UI.Keys.RIGHT ){//right
Symbol table refactoring
2019-11-11 13:45:44 +00:00
nCode = this.getCodeByLinearIndex(aRanges, this.getLinearIndexByCode(aRanges, nCurrentSymbol) + 1);
}
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
else if ( value === Common.UI.Keys.DOWN ){//bottom
Symbol table refactoring
2019-11-11 13:45:44 +00:00
nCode = this.getCodeByLinearIndex(aRanges, this.getLinearIndexByCode(aRanges, nCurrentSymbol) + this.getColsCount());
}
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
else if(value === Common.UI.Keys.HOME){//home
Symbol table refactoring
2019-11-11 13:45:44 +00:00
if(aRanges.length > 0){
nCode = aRanges[0].Start;
}
}
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
else if(value === Common.UI.Keys.END){//end
Symbol table refactoring
2019-11-11 13:45:44 +00:00
if(aRanges.length > 0){
nCode = aRanges[aRanges.length - 1].End;
}
}
else{
bFill = false;
}
if(nCode > -1){
nCurrentSymbol = nCode;
var bUpdateTable = this.$window.find('#c' + nCurrentSymbol).length === 0;
this.updateView(bUpdateTable);
}
}
else{
var oSelectedCell, aStrings;
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
if ( value === Common.UI.Keys.LEFT ){//left
Symbol table refactoring
2019-11-11 13:45:44 +00:00
oSelectedCell = this.$window.find('.cell-selected')[0];
if(oSelectedCell && oSelectedCell.id[0] === 'r'){
var oPresCell = this.$window.find(oSelectedCell).prev();
if(oPresCell.length > 0){
aStrings = this.$window.find(oPresCell).attr('id').split('_');
nCurrentSymbol = parseInt(aStrings[1]);
nFontNameRecent = parseInt(aStrings[2]);
this.updateView(false);
}
}
}
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
else if ( value === Common.UI.Keys.RIGHT ){//right
Symbol table refactoring
2019-11-11 13:45:44 +00:00
oSelectedCell = this.$window.find('.cell-selected')[0];
if(oSelectedCell && oSelectedCell.id[0] === 'r'){
var oNextCell = this.$window.find(oSelectedCell).next();
if(oNextCell.length > 0){
aStrings = this.$window.find(oNextCell).attr('id').split('_');
nCurrentSymbol = parseInt(aStrings[1]);
nFontNameRecent = parseInt(aStrings[2]);
this.updateView(false);
}
}
}
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
else if(value === Common.UI.Keys.HOME){//home
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var oFirstCell = this.$window.find('#recent-table').children()[0];
if(oFirstCell){
aStrings = oFirstCell.id.split('_');
nCurrentSymbol = parseInt(aStrings[1]);
nFontNameRecent = parseInt(aStrings[2]);
this.updateView(false);
}
}
Fix non-modal mode for symbol table dialog. Update translation
2019-11-12 12:01:59 +00:00
else if(value === Common.UI.Keys.END){//end
Symbol table refactoring
2019-11-11 13:45:44 +00:00
var aChildren = this.recentPanel.children();
var oLastCell = aChildren[aChildren.length - 1];
if(oLastCell){
aStrings = oLastCell.id.split('_');
nCurrentSymbol = parseInt(aStrings[1]);
nFontNameRecent = parseInt(aStrings[2]);
this.updateView(false);
}
}
else{
bFill = false;
}
}
if(bFill){
lastKeyCode = value;
lastTime = (new Date()).getTime();
}
},
onKeyPress: function(e){
if(document.activeElement){
if(document.activeElement.nodeName && document.activeElement.nodeName.toLowerCase() === 'span'){
return;
}
}
var value = e.which || e.charCode || e.keyCode || 0;
if(lastKeyCode === value){
if(Math.abs(lastTime - (new Date()).getTime()) < 1000){
return;
}
}
if(!isNaN(value) && value > 0x1F){
var oRange = this.getRangeBySymbol(aRanges, value);
if(oRange){
var bUpdateTable = (this.$window.find("#c" + value).length === 0);
nCurrentSymbol = value;
bMainFocus = true;
this.updateView(bUpdateTable, undefined, true);
}
}
e.preventDefault && e.preventDefault();
},
Add symbol table dialog
2019-11-08 08:34:53 +00:00
textTitle: 'Symbol Table',
textFont: 'Font',
textRange: 'Range',
textRecent: 'Recently used symbols',
textCode: 'Unicode HEX value'
}, Common.Views.SymbolTableDialog || {}))
});
Reference in a new issue Copy permalink