Organizing large amount of editable content on mobile

I am working on altering a mobile UI for a client who needs to be able to add and edit data very efficiently, so in my mind efficiency > design.

My re-design is a lot more efficient than the previous, but I am not happy with the design and am worried users could get lost when scrolling between items.

Each input below is touchable and opens a modal for a user to enter content.

Any ideas to improve design & have a more clear separation between items that have been added?

Thanks!

enter image description here

How to apply bindings and subscribe on change of discount amount totals.totals().items in Magento 2

In my checkout page, on applying and removing promo code, it changes the discount key in totals.totals().items. How to apply bindings and subscribe in knockoutjs, so that I can call my function which I am calling from my HTML.

Html

<span class="tag-text">     <!-- ko if: getFinalSale($  parent)-->       <u class="product-tag underline-bold-text checkout-final-sale" data-bind="text: getFinalSale($  parent)"></u>     <!-- /ko --> </span> 

js

 getFinalSale : function (quoteItem) {         var item = this.getItems(quoteItem.item_id);         var temp_item = this.getTempItems(quoteItem.item_id);         var tagText = '';          if((((temp_item.price*temp_item.qty) - temp_item.discount_amount)/(item.base_old_price*temp_item.qty)) < 0.5){             var tagText = 'Final Sale';         }else{             if(item.base_old_price && temp_item.price){                 // && item.price < item.price && item.base_old_price / item.price <= 0.5){                 if(((item.base_old_price - temp_item.price)/item.base_old_price)>0.5){                     var tagText = 'Final Sale';                 }             }         }         return tagText;     }, 

1) How can i call getFinalSale on the change of totals.totals().items

2) The issue I am passing the $ parent from my HTML and when the totals.totals().items the discount amount is changed for each item after applying promo code then how will I pass this $ parent(quoteItem) from the very same js.

How to solve that.

Knapsack problem with specified amount of objects

Suppose I need exactly $ X$ flowerpots.

I have $ Y$ flowerpots to choose from, and $ Y > X$ .

Each of the $ Y$ flowerpots has a cost and a capacity. I have a fixed budget to buy flowerpots. The budget, and costs and capacity of each flowerpot are all strictly positive integers. Assume that the total cost of the cheapest $ X$ flowerpots do not exceed my budget.

My goal is to maximize total capacity subject to not exceeding my budget (I can spend less, but not more).

If I didn’t need exactly $ X$ flowerpots, this is the standard 0/1 knapsack problem. However, I need exactly $ X$ flowerpots.

What does this problem become, and what algorithm can I use to solve this?

How to add thousand separator to the total amount

I am trying to make some code that does a simple calculation and produces an answer with commas, also known as thousand separators. I belive I need to use .toLocaleString(); but when i try to put this into my code, it does notwork for me. I am not sure what is going wrong. here is the working code without the thousand separators.

var total = (parseFloat(itemCost.replace(/,/g, '')) +  (parseFloat(itemCost.replace(/,/g, '')) * salesTax/100));   total = (total)  total = total.toFixed(2);  //display amount document.getElementById("totalTip").style.display = "block"; document.getElementById("amount").innerHTML = total; 

Device Care (by Samsung) and “Running Services” in developer options show different amount of RAM consumption. What could be the reason?

I have Samsung Phone that is running OneUI and whenever I check RAM consumption in Device Care in settings, it shows something around 700 mb free but when I check the RAM usage in developer options, it shows something like 1.5 GBs. That’s a huge difference. Is Samsung lying to make its app look useful?

(https://i.stack.imgur.com/HB2ef.jpg) (https://imgur.com/OdoiM8X)