diff options
Diffstat (limited to 'static/js')
| -rw-r--r-- | static/js/pichat.js | 117 |
1 files changed, 115 insertions, 2 deletions
diff --git a/static/js/pichat.js b/static/js/pichat.js index 1f1cf43..8247492 100644 --- a/static/js/pichat.js +++ b/static/js/pichat.js @@ -1247,6 +1247,11 @@ function setupUpload(elementId, roomKey) { // manual fave palette by ohgod $(function(){ $('#manual-palette-button').click(manPaletteToggle); + $('#manual-add-url-txt').keyup(ifEnter(function(){ + addManualFav($('#manual-add-url-txt').val().trim()); + $('#manual-add-url-txt').val(""); + })); +/* $('#manual-add-button').click(function () { addManualFav($('#manual-add-url-txt').val().trim()); $('#manual-add-url-txt').val(""); @@ -1255,6 +1260,7 @@ $(function(){ removeManualFav($('#manual-add-url-txt').val().trim()); $('#manual-add-url-txt').val(""); }); +*/ }); var manPaletteOpen = false; @@ -1313,6 +1319,7 @@ function setManualFaves(mfavs) { localStorage.manual_favs = JSON.stringify(mfavs); }; +/* function manualPaletteBuildImageThumbs() { var imgs = JSON.parse(localStorage.manual_favs); if (imgs && imgs.length != 0) { @@ -1321,6 +1328,7 @@ function manualPaletteBuildImageThumbs() { } } }; +*/ function addManualFav(url) { if (!url) return; @@ -1331,7 +1339,8 @@ function addManualFav(url) { if ($.inArray(url, mfavs) == -1) { mfavs.push(url); setManualFaves(mfavs); - $("#manual-palette-thumbs").append("<img onclick='paletteToChat(this)' src='" + url + "'>"); + manualPaletteBuildImageThumbs(); + // $("#manual-palette-thumbs").append("<img onclick='paletteToChat(this)' src='" + url + "'>"); } } }; @@ -1343,7 +1352,6 @@ function removeManualFav(url) { if (idx != -1) { mfavs.splice(idx, 1); setManualFaves(mfavs); - $("#manual-palette-thumbs").html(""); manualPaletteBuildImageThumbs(); } } @@ -1351,6 +1359,111 @@ function removeManualFav(url) { +// textchimp autocomplete mod + +function manualPaletteBuildImageThumbs() { + $("#manual-palette-thumbs").html(""); + var imgs = JSON.parse(localStorage.manual_favs); + if (imgs && imgs.length != 0) { + for (var i = 0; i < imgs.length; i++) { + $("#manual-palette-thumbs").append('\ +<div class="mm" style="float: left">\ + <span class="menuicon" style="background-image: url(https://confluence.atlassian.com/download/attachments/218269032/gh-icon-cog-dropdown.png); background-repeat: no-repeat; background-size: 20px 12px; width: 30px; height: 30px; position: absolute; display: none; z-index: 100; opacity: 0.7">\ + <ul class="mymenu" style="display: none; background-color: #FFF; top: 13px; position: relative; border: 1px solid #ccc; min-width: 40px; width: auto">\ + <li onclick="javascript:showtaginput(this);"><div>tags <input type="text" style="width:40px; font-size: 10pt; display: none; border: 0px;" class="taginput"></div></li>\ + <li onclick="javascript:delfav(this);">del</li>\ + </ul>\ +<div class="tagin" style="border: 1px solid #ccc; width: 140px; height: 50px; display: none; position: relative; background-color: #eee; top: 13px; left: 0px; padding: 4px;">tags:<br><input type="text" style="width:130px; font-size: 10pt; border: 1px solid #000;" class="taginput"><!--<input type="button" value="ok" onclick="javascript:add_tags($(this).prev())" class="addtagbutton">--></div>\ +</span>\ +<img onclick="paletteToChat(this)" src="' + imgs[i] + '"></div>'); + } + + var test_tags = ["dogs", "text", "funny", "disturbing"]; + $('.taginput').autocomplete({ + source: test_tags, + open: function(){ + $(this).autocomplete('widget').css({'z-index': '55555555555', 'background-color': '#EFF5FB', 'width': '128px'}); + return false; + } + }); + + + + + $('.taginput').blur(function(e){ if(!$('.ui-autocomplete').is(':visible') ) { $(e.target).parent().hide(); } }); + + $('.taginput').keypress(function(e) { if(e.charCode == 13) { add_tags(e.target); } }); + + $('.mm').hover( + function(){ $(this).children(".menuicon").show(); }, + function(){ + if(!$(this).children('.menuicon').children('.tagin').is(':visible')) { + $(this).children(".menuicon").hide(); + } + }); + + $('.menuicon').hover( + function(){ + if(!$(this).children('.tagin').is(':visible')) { + $(this).css('opacity', '1.0'); + $(this).children('.mymenu').slideDown(100); + } + }, + function(){ + if(!$(this).children('.tagin').is(':visible')) { + $(this).css('opacity', '0.7'); + $(this).children('.tagin').hide(); + $(this).children('.mymenu').slideUp(100); + } + } + ); + + $("<style type='text/css'> .mymenu li:hover{ color: green;}</style>").appendTo("head"); + + $('.mymenu li').css({ + 'background-color': '#eee', + 'margin': '1px', + 'padding-left': '2px', + 'cursor': 'pointer', + 'font-size': '10pt' + }); + + + } +} + +function showtaginput(e) { + $(e).parent().hide(); + $(e).parent().next().show(); + $(e).parent().next().children('.taginput').focus(); +} + +function delfav(e) { + console.log($(e).parents('.mm').children('img').attr('src')); + removeManualFav($(e).parents('.mm').children('img').attr('src')); +} + +function add_tags(e) { + console.log('tags: ' + $(e).val() + '(for: ' + $(e).parents('.mm').children('img').attr('src') + ')'); + $(e).parent().hide(); +} + +/* +if(!manPaletteOpen) { + manPaletteToggle(); +} +*/ + +// ohgod - checkbox to hide the userlist +$(function(){ +// $('#textbutton input').attr('checked', true); +// TextEnabled = true; +// setTextEnable.apply($('#textbutton input')[0]); + $('<div style="float:right; height:20px; margin-left:10px;"><label for="showulist"><span>show userlist?</span></label><input type="checkbox" id="showulist" checked></div>').prependTo('#chatbuttons'); + $('#showulist').change(function(){ $('#userList').toggle( this.checked ); }); +}); + + function paletteToChat(img){ var chatText = $("#msgInput").val() if (chatText.length && chatText[chatText.length - 1] != " ") |