icons – Indicating that a select box has new values

The desktop version of my site has a select box (Angular Material) with a list of client names. That list gets updated (new clients added or clients have new info) and I would like to draw the user’s attention to said select box and indicate that there are new values.

On mobile we have an icon button with a drop-down list. The icon has a little orange dot when there are new items in the list.

But I am baffled at how best to handle the select box in the desktop version. I thought about adding an icon perhaps or add an orange triangle on the top right part of the select.

Could you please advise me on how best to handle this in a UX point of view?

user behavior – Links in content (ie box and cards) vs Navigation

I see a lot of discussion in UX circles about search VS browse. What I don’t see a lot is any kind of testing or research on how soon people reach for the menu of a site, and whether different people reach for a different way into the content.

Who clicks on the link in the slideshow, or the card layout vs who goes for the search or a link in a second level in the menu?

I’ve gleaned from reading many, many of articles (and a bit of, but not much of direct user testing) that skirt around the issue that it’s something like this…

Casual browsers will click on familiar things, or things that are signposted.
They have arrived at the site with the mindset “what’s this all about?”.
They will tend to navigate via things that are on the page. They will scroll until they find something they like, then click.
They might look at the navigation to signpost them towards something that they might want to find (about / our work / clothes / that sort of thing) but won’t deep dive into the menus or search.

Targeted browsers are looking for something specific.
They have come to the site looking for something. Men’s T-shirts please? Are there jobs in my areas? etc
They will search for their content. They’ll pretty much ignore the content on the page and go straight to a search or to deep-dive the menu – or even land at the page they need via search.

I wondered if anyone knows of any good resources on this. I feel like the assertions above are learned rather than assumed, but it would be great if there was some good evidence on this stuff somewhere.

wishlist – How to move Wish List next to Qty input box in product detail page?

To move the element next to the input box you have to create these files in your local theme:

app/design/frontend/Custom/default/Magento_Wishlist/layout/catalog_product_view.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="view.addto.wishlist" remove="true"/>
        <referenceBlock name="product.info.addtocart">
            <block class="MagentoWishlistBlockCatalogProductViewAddToWishlist" name="add-to-wishlist" template="Magento_Wishlist::catalog/product/view/addto/wishlist.phtml"/>
        </referenceBlock>
    </body>
</page>

app/design/frontend/Custom/default/Magento_Catalog/templates/product/view/addtocart.phtml

<?php
/** @var $block MagentoCatalogBlockProductView */
?>
<?php $_product = $block->getProduct(); ?>
<?php $buttonTitle = __('Add to Cart'); ?>
<?php if ($_product->isSaleable()) :?>
<div class="box-tocart">
    <div class="fieldset">
        <?php if ($block->shouldRenderQuantity()) :?>
        <div class="field qty">
            <label class="label" for="qty"><span><?= $block->escapeHtml(__('Qty')) ?></span></label>
            <div class="control">
                <input type="number"
                       name="qty"
                       id="qty"
                       min="0"
                       value="<?= $block->getProductDefaultQty() * 1 ?>"
                       title="<?= $block->escapeHtmlAttr(__('Qty')) ?>"
                       class="input-text qty"
                       data-validate="<?= $block->escapeHtml(json_encode($block->getQuantityValidators())) ?>"
                       />
                <span class="product-social-links">
                    <span clas="product-addto-links" data-role="add-to-links">
                        <?= $block->getBlockHtml('add-to-wishlist') ?>
                    </span>
                </span>

            </div>

        </div>

        <?php endif; ?>
        <div class="actions">
            <button type="submit"
                    title="<?= $block->escapeHtmlAttr($buttonTitle) ?>"
                    class="action primary tocart"
                    id="product-addtocart-button" disabled>
                <span><?= $block->escapeHtml($buttonTitle) ?></span>
            </button>
            <?= $block->getChildHtml('', true) ?>
        </div>
    </div>
</div>
<?php endif; ?>
<script type="text/x-magento-init">
    {
        "#product_addtocart_form": {
            "Magento_Catalog/js/validate-product": {}
        }
    }
</script>

The wishlist block will then appear next to the input field in the dom. You will have to use css for the finishing touch:

enter image description here

javascript – Dynamic Generate Text box and live Search

<script type="text/javascript">
$(document).ready(function () {
    var count = 0;
  // add row
        $("#addRow").click(function () {
          count++;
            var html = '';

  html +='<div id="inputFormRow">';
  html +='<div class="form-inline">';
  html +='<span class="input-group-text col-sm" id="">Obat</span>';
  html +='</div>';
  html +='<div class="form-inline">';
  html +='<input type="text" class="form-control col-sm form-control-sm" name="obat()" id="search" placeholder="Nama Obat">';
  html +='<input type="text" class="form-control col-sm-2 form-control-sm" name="jumlah_obat()" placeholder="Jumlah">';
  html +='<input type="text" class="form-control col-sm form-control-sm" name="aturan_obat()" placeholder="Aturan Pakai">';
  html +='</div>';
  html += '<button id="removeRow" type="button" class="btn btn-danger btn-sm">-</button>';
  html +='<table class="tables sortable">';
  html +='<tbody id="show-list">';
  html +='</tbody>';
  html +='</table>';
  html +='</div>';

            $('#newRow').append(html);

              $(document).on('keyup', '#search', function () {
    let searchText = $(this).val();
    if (searchText != "") {
      $.ajax({
        url: "search.php",
        method: "post",
        data: {
          query: searchText,
        },
        success: function (response) {
          $("#show-list").html(response);
        },
      });
    } else {
      $("#show-list").html("");
    }
  });
        });
  // Send Search Text to the server
  // Set searched text in input field on click of search button
  $(document).on("click", "td", function () {
    $("#search").val($(this).text());
    $("#show-list").html("");
  });

        // remove row
        $(document).on('click', '#removeRow', function () {
            $(this).closest('#inputFormRow').remove();
        });

});
</script>
    <form method="post" class="form-bordered">
<div class="form-control">
 <div id="newRow"></div>
 <button id="addRow" type="button" class="btn btn-info btn-sm">+</button>
</div>
    </form>

shell scripting – How to calculate CPU and memory utilization on solaris box

I am trying to write shell script to calculate memory and cpu utilization on solaris box.

For CPU utilization, I tried below command but I want to append date, time and host name in same command but on solaris I am unable to append

sar -u 1 | awk '{print $5}' | tail -1 | awk '{sub=100 - $1} {print "Total CPU Utilization = " sub "%"}'

For memory utilization I tried below commands

TOP="/opt/sfw/bin/top"

$TOP | grep Memory | awk '{print $2" "$4}'| sed -e 's/M//g' | awk '{sub=$1 - $2} {print "Total Memory Utilization = " (sub/$1)* 100"%"}'

I want to remove TOP variable and in the single command I want to return total memory utilization count, because I am unable to access top dir/file, so wanted to implement different approach.

can any one suggest changes for above two scripts ?

Thanks,

user behavior – Multi-Line Text Box vs Single Line Text Box

We have a ‘Notes’ section in several of our webpages that is currently only displayed as a single line text box. We tend to get short responses (5-7 words) describing what they need. This almost always results in the need for a follow up before any action can be taken.

Would providing a Multi-Line text box lead the user to believe that we were looking for a more robust (see: lengthy) response? I’m basing this solely on intuition so if there is any research for or against this thought I’d love to know about it.

Search Box text "Search entire store here…" not being translated

I have installed and setup the french language pack as detault for my Magento store but as you can see below the search box text "Search entire store here…" is not being translated and the same goes for the "Enter your email address" in the Subscribe box text as well as the subscribe button. Any ideas?

enter image description here

sharepoint online – How to filter “Yes/No (check box)” field from lookup list using pnp/rest api

How to filter “Yes/No (check box)” field from lookup list using PnP/REST API?

I can filter other columns with different types but not able to filter “Yes/No (check box)” field.

It is showing below error message:

The query to field ‘LookupList/LookupField’ is not valid.

algorithms – Black Box Problem

Suppose we have mysterious machine which return median $m$ of given set $S$ and set $S/{m}$ in constant time, where $S/{m}$ denotes the difference of $S$ and element $m$. Prove that we can sort any list of $n$ elements in linear time using such machine. (extra space is allowed)

Here is my idea, which works intuitively correct, but could not prove it mathematically:

Create a new array with $n$ elements and assign median $m$ of original set $S$ to the middle of array. In each iteration, we put new median of $S/{m}$ into the right or left of recently used element: if it was on the left, put new median on the left of that element, and similarly for rightmost element. However, I could not think on how mathematical proof would be possible here. Would welcome your comprehensive proofs for this problem.

Note: If number of elements is even, median is defined as smaller middle number.