From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <d.csapak@proxmox.com>
Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68])
 (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits)
 key-exchange X25519 server-signature RSA-PSS (2048 bits))
 (No client certificate requested)
 by lists.proxmox.com (Postfix) with ESMTPS id C48F092FBA
 for <pve-devel@lists.proxmox.com>; Thu, 15 Sep 2022 13:57:07 +0200 (CEST)
Received: from firstgate.proxmox.com (localhost [127.0.0.1])
 by firstgate.proxmox.com (Proxmox) with ESMTP id BAD4C1809C
 for <pve-devel@lists.proxmox.com>; Thu, 15 Sep 2022 13:56:37 +0200 (CEST)
Received: from proxmox-new.maurer-it.com (proxmox-new.maurer-it.com
 [94.136.29.106])
 (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits)
 key-exchange X25519 server-signature RSA-PSS (2048 bits))
 (No client certificate requested)
 by firstgate.proxmox.com (Proxmox) with ESMTPS
 for <pve-devel@lists.proxmox.com>; Thu, 15 Sep 2022 13:56:37 +0200 (CEST)
Received: from proxmox-new.maurer-it.com (localhost.localdomain [127.0.0.1])
 by proxmox-new.maurer-it.com (Proxmox) with ESMTP id 0A478442C1;
 Thu, 15 Sep 2022 13:56:37 +0200 (CEST)
Message-ID: <63a0a3c7-4006-bdeb-7970-5fe3cae7a42f@proxmox.com>
Date: Thu, 15 Sep 2022 13:56:36 +0200
MIME-Version: 1.0
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:105.0) Gecko/20100101
 Thunderbird/105.0
Content-Language: en-US
To: Aaron Lauterer <a.lauterer@proxmox.com>,
 Proxmox VE development discussion <pve-devel@lists.proxmox.com>
References: <20220621092012.1776825-1-d.csapak@proxmox.com>
 <20220621092012.1776825-25-d.csapak@proxmox.com>
 <36389dfd-5aaa-5c83-defd-4ad0b9587d6d@proxmox.com>
From: Dominik Csapak <d.csapak@proxmox.com>
In-Reply-To: <36389dfd-5aaa-5c83-defd-4ad0b9587d6d@proxmox.com>
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-SPAM-LEVEL: Spam detection results:  0
 AWL 0.878 Adjusted score from AWL reputation of From: address
 BAYES_00                 -1.9 Bayes spam probability is 0 to 1%
 KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment
 NICE_REPLY_A           -1.583 Looks like a legit reply (A)
 SPF_HELO_NONE           0.001 SPF: HELO does not publish an SPF Record
 SPF_PASS               -0.001 SPF: sender matches SPF record
 T_SCC_BODY_TEXT_LINE    -0.01 -
Subject: Re: [pve-devel] [PATCH manager v7 14/14] ui: form/Tag(Edit): add
 drag & drop when editing tags
X-BeenThere: pve-devel@lists.proxmox.com
X-Mailman-Version: 2.1.29
Precedence: list
List-Id: Proxmox VE development discussion <pve-devel.lists.proxmox.com>
List-Unsubscribe: <https://lists.proxmox.com/cgi-bin/mailman/options/pve-devel>, 
 <mailto:pve-devel-request@lists.proxmox.com?subject=unsubscribe>
List-Archive: <http://lists.proxmox.com/pipermail/pve-devel/>
List-Post: <mailto:pve-devel@lists.proxmox.com>
List-Help: <mailto:pve-devel-request@lists.proxmox.com?subject=help>
List-Subscribe: <https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel>, 
 <mailto:pve-devel-request@lists.proxmox.com?subject=subscribe>
X-List-Received-Date: Thu, 15 Sep 2022 11:57:07 -0000

On 9/14/22 16:15, Aaron Lauterer wrote:
> 
> 
> On 6/21/22 11:20, Dominik Csapak wrote:
>> Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
>> ---
>>   www/manager6/form/Tag.js     | 22 +++++++--
>>   www/manager6/form/TagEdit.js | 96 +++++++++++++++++++++++++++++++++++-
>>   2 files changed, 114 insertions(+), 4 deletions(-)
>>
>> diff --git a/www/manager6/form/Tag.js b/www/manager6/form/Tag.js
>> index 91190051..dcbd9597 100644
>> --- a/www/manager6/form/Tag.js
>> +++ b/www/manager6/form/Tag.js
>> @@ -31,6 +31,9 @@ Ext.define('Proxmox.Tag', {
>>       if (event.target.tagName !== 'I') {
>>           return;
>>       }
>> +    if (event.target.classList.contains('handle')) {
>> +        return;
>> +    }
>>       switch (me.mode) {
>>           case 'editable':
>>           if (me.addTag) {
>> @@ -156,12 +159,14 @@ Ext.define('Proxmox.Tag', {
>>       let text = me.tag;
>>       let cursor = 'pointer';
>>       let padding = '0px';
>> +    let dragHandleStyle = 'none';
>>       switch (mode) {
>>           case 'normal':
>>           iconStyle += 'display: none;';
>>           padding = undefined;
>>           break;
>>           case 'editable':
>> +        dragHandleStyle = '';
> 
> Is there a reason for the '' here compared to the 'none' above and below?

yes, to show it, we set

style.display = dragHandleStyle

which if '', shows it ('none' hides it)


> 
>>           break;
>>           case 'edit':
>>           me.tagEl().contentEditable = true;
>> @@ -174,12 +179,14 @@ Ext.define('Proxmox.Tag', {
>>       if (me.addTag) {
>>           me.setText(text);
>>           me.setStyle('cursor', cursor);
>> +        dragHandleStyle = 'none';
>>       }
> 
> [...]