| 632 | const getColorPickerSwatchIndex = (jnode) => $('#colorpickerswatches li').index(jnode); |
| 633 | |
| 634 | const closeColorPicker = (accept) => { |
| 635 | if (accept) { |
| 636 | let newColor = $('#mycolorpickerpreview').css('background-color'); |
| 637 | const parts = newColor.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); |
| 638 | // parts now should be ["rgb(0, 70, 255", "0", "70", "255"] |
| 639 | if (parts) { |
| 640 | delete (parts[0]); |
| 641 | for (let i = 1; i <= 3; ++i) { |
| 642 | parts[i] = parseInt(parts[i]).toString(16); |
| 643 | if (parts[i].length === 1) parts[i] = `0${parts[i]}`; |
| 644 | } |
| 645 | newColor = `#${parts.join('')}`; // "0070ff" |
| 646 | } |
| 647 | myUserInfo.colorId = newColor; |
| 648 | pad.notifyChangeColor(newColor); |
| 649 | paduserlist.renderMyUserInfo(); |
| 650 | } else { |
| 651 | // pad.notifyChangeColor(previousColorId); |
| 652 | // paduserlist.renderMyUserInfo(); |
| 653 | } |
| 654 | |
| 655 | colorPickerOpen = false; |
| 656 | $('#mycolorpicker').removeClass('popup-show'); |
| 657 | }; |
| 658 | |
| 659 | const showColorPicker = () => { |
| 660 | $.farbtastic('#colorpicker').setColor(myUserInfo.colorId); |