{"id":360166,"date":"2024-05-21T00:47:46","date_gmt":"2024-05-21T00:47:46","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=360166"},"modified":"-0001-11-30T00:00:00","modified_gmt":"2024-05-21T00:47:46","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=360166","title":{"rendered":"<span>BASHUI<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/940\/cb2\/329\/940cb23290e6236234289b9743f72a6d.png\" alt=\"\u043d\u0430\u0436\u043c\u0438 \u043c\u0435\u043d\u044f\" title=\"\u043d\u0430\u0436\u043c\u0438 \u043c\u0435\u043d\u044f\" width=\"935\" height=\"324\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/940\/cb2\/329\/940cb23290e6236234289b9743f72a6d.png\"\/><\/p>\n<div><figcaption>\u043d\u0430\u0436\u043c\u0438 \u043c\u0435\u043d\u044f<\/figcaption><\/div>\n<\/figure>\n<p>BASHUI &#8212; \u044d\u0442\u043e BASH + UI, \u0430 \u043d\u0435 \u0442\u043e \u0447\u0442\u043e \u0432\u044b \u043f\u043e\u0434\u0443\u043c\u0430\u043b\u0438. <\/p>\n<p>\u041d\u0430\u0447\u0438\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430\u0434 <a href=\"https:\/\/github.com\/vaniacer\/sshto\" rel=\"noopener noreferrer nofollow\">sshto<\/a>  \u044f \u0440\u0435\u0448\u0438\u043b \u043d\u0435 \u043f\u0435\u0440\u0435\u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434, \u0432\u0435\u0440\u043d\u0435\u0435 \u043d\u0435 \u043f\u0435\u0440\u0435\u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434  \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0435\u0433\u043e \u0447\u0430\u0441\u0442\u0438 \u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 &#171;\u0440\u0430\u043c\u044b \u0441 \u043f\u0435\u0434\u0430\u043b\u044f\u043c\u0438&#187;  \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b <a href=\"https:\/\/invisible-island.net\/dialog\/\" rel=\"noopener noreferrer nofollow\">dialog<\/a>.  \u042d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u0441\u043a\u043e\u0440\u0438\u043b\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u043d\u043e \u0438\u0434\u0435\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0432\u043e\u0439 UI \u043d\u0430 \u0431\u0430\u0448\u0435 \u0441  \u0431\u043b\u0435\u043a\u0434\u0436\u0435\u043a\u043e\u043c \u0438 \u0432\u0441\u0435\u043c \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u043d\u0438 \u043d\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u0443 \u043d\u0435 \u043f\u043e\u043a\u0438\u0434\u0430\u043b\u0430 \u043c\u043e\u0439 \u0432\u043e\u0441\u043f\u0430\u043b\u0451\u043d\u043d\u044b\u0439  \u043c\u043e\u0437\u0433. \u0417\u0432\u0451\u0437\u0434\u044b \u0441\u043e\u0448\u043b\u0438\u0441\u044c, \u0438 \u044f \u0440\u0435\u0448\u0438\u043b \u0432\u043e\u043f\u043b\u043e\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442 \u0432 \u0436\u0438\u0437\u043d\u044c(\u0432 bash).  <\/p>\n<p>\u041a\u0430\u043a\u043e\u0439 UI \u0431\u0435\u0437 \u043a\u043d\u043e\u043f\u043e\u043a? \u0421(\u0442)\u0440\u0430\u043d\u043d\u044b\u0439, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043d\u0430\u0447\u0430\u043b \u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 &#8212; <em>\u043a\u043d\u043e\u043f\u043a\u0430<\/em>. \u0418\u0434\u0435\u044f \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c \u0447\u0442\u043e \u043a\u043d\u043e\u043f\u043a\u0430(\u0438 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b UI) \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439. \u0424\u0443\u043d\u043a\u0446\u0438\u044e \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438. \u041d\u043e \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c &#171;\u043e\u0431\u0451\u0440\u0442\u043a\u0443&#187;(\u0444\u0443\u043d\u043a\u0446\u0438\u044e) \u0441 \u043a\u0430\u043a\u0438\u043c\u0438-\u0442\u043e \u043f\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438 \u0438 \u0443\u0436\u0435 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e. \u0414\u043b\u044f \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 UI \u044f \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043b \u043f\u0440\u0438\u043c\u0435\u0440\u044b(<em>demo_*<\/em>) \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0432 \u0440\u0435\u043f\u0435. \u0412\u043e\u0442 \u043a\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043a\u0438:<\/p>\n<pre><code class=\"bash\">#!\/bin\/bash source bashui  mess=\"RESULT\" name=\"The Button\" title=\"Push the button, will get a result...\"  butt(){     # \u041d\u043e\u0432\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 button \u0438\u0437 bashui, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:     #1 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 X(\u043a\u043e\u043b\u043e\u043d\u043a\u0430)     #2 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 Y(\u0441\u0442\u0440\u043e\u043a\u0430)     #3 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438     #4 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f     #5 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430     #6 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438     #7 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438     local x=$((COLUMNS\/2-(${#name}\/2+2)))     local y=$((LINES\/2))     #       1  2    3       4       5      6       7     button $x $y \"$name\" \"result\" \"$wht\" \"$ylw\" \"$bblk\" }  # \u043a\u043d\u043e\u043f\u043a\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e result(){     local x=$((COLUMNS\/2-${#mess}\/2))     local y=$((LINES\/2+5))     XY           $x $y  \"$mess\"     (sleep 1; XY $x $y \"${mess\/\/[[:print:]]\/ }\") &amp; }  # \u0432\u0441\u0435 \u0441\u043e\u0431\u0440\u0430\u043d\u043e \u0432\u043c\u0435\u0441\u0442\u0435 menu(){     cursor off          # \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043a\u0443\u0440\u0441\u043e\u0440     default_button butt # \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0434\u043b\u044f \u0430\u043a\u0442\u0438\u0432\u0430\u0446\u0438\u0438 \u043a\u043d\u043e\u043f\u043a\u0438     XY $((COLUMNS\/2-${#title}\/2)) $((LINES\/2-2)) \"$title\"     butt # \u0440\u0438\u0441\u0443\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443      # \u0432 \u0446\u0438\u043a\u043b\u0435 \u043e\u043f\u0440\u043e\u0441 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b \u0438 \u043b\u043e\u0433\u0438\u043a\u0430     while true; do         read_input         case $_input_ in               enter ) press_button butt;; # \u043d\u0430\u0436\u0430\u0442 enter, \u043d\u0430\u0436\u0438\u043c\u0430\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443               escape) return;;            # \u043d\u0430\u0436\u0430\u0442 escape, \u0432\u044b\u0445\u043e\u0434         esac     done }  clear menu<\/code><\/pre>\n<p>&#171;\u0426\u0432\u0435\u0442\u043e\u0432\u0430\u044f \u043f\u0430\u043b\u0438\u0442\u0440\u0430&#187; \u0434\u043b\u044f \u0432\u044b\u0431\u043e\u0440\u0430 \u0446\u0432\u0435\u0442\u0430 \u0442\u0435\u043a\u0441\u0442\u0430, \u0440\u0430\u043c\u043a\u0438 \u0438 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438 \u0437\u0430\u0434\u0430\u043d\u0430 \u0432 bashui \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n<pre><code class=\"bash\">... #-------------------------+--------------------------------+---------+ #       Text color        |       Background color         |         | #-----------+-------------+--------------+-----------------+         | # Base color|Lighter shade| Base color   | Lighter shade   |         | #-----------+-------------+--------------+-----------------+         | BLK='\\e[30m'; blk='\\e[90m'; BBLK='\\e[40m'; bblk='\\e[100m' #| Black   | RED='\\e[31m'; red='\\e[91m'; BRED='\\e[41m'; bred='\\e[101m' #| Red     | GRN='\\e[32m'; grn='\\e[92m'; BGRN='\\e[42m'; bgrn='\\e[102m' #| Green   | YLW='\\e[33m'; ylw='\\e[93m'; BYLW='\\e[43m'; bylw='\\e[103m' #| Yellow  | BLU='\\e[34m'; blu='\\e[94m'; BBLU='\\e[44m'; bblu='\\e[104m' #| Blue    | MGN='\\e[35m'; mgn='\\e[95m'; BMGN='\\e[45m'; bmgn='\\e[105m' #| Magenta | CYN='\\e[36m'; cyn='\\e[96m'; BCYN='\\e[46m'; bcyn='\\e[106m' #| Cyan    | WHT='\\e[37m'; wht='\\e[97m'; BWHT='\\e[47m'; bwht='\\e[107m' #| White   | #-------------------------{ Effects }----------------------+---------+ DEF='\\e[0m'   #Default color and effects                             | BLD='\\e[1m'   #Bold\\brighter                                         | DIM='\\e[2m'   #Dim\\darker                                            | CUR='\\e[3m'   #Italic font                                           | ...<\/code><\/pre>\n<p>\u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0440\u0435\u043f\u0435 <a href=\"https:\/\/github.com\/vaniacer\/bash_color\" rel=\"noopener noreferrer nofollow\">bash_color<\/a>. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/1a3\/29e\/f0c\/1a329ef0c6761529ed347514fba314a1.gif\" alt=\"result      \" title=\"result      \" width=\"596\" height=\"350\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/1a3\/29e\/f0c\/1a329ef0c6761529ed347514fba314a1.gif\"\/><\/p>\n<div><figcaption>result      <\/figcaption><\/div>\n<\/figure>\n<p>\u0418\u043d\u043e\u0433\u0434\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043d\u043e\u043f\u043e\u043a \u0431\u043e\u043b\u044c\u0448\u0435 \u0447\u0435\u043c \u043e\u0434\u043d\u0430. \u0418 \u043d\u0430\u0434\u043e \u043a\u0430\u043a-\u0442\u043e \u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u043e \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0438\u0445 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435. \u0427\u0442\u043e\u0431\u044b \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u0443 \u0437\u0430\u0434\u0430\u0447\u0443 \u044f \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u0434\u0432\u0435 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435  \u0444\u0443\u043d\u043a\u0446\u0438\u0438: <em>x_row<\/em> \u0438 <em>y_row<\/em>, \u0434\u043b\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0438 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u044f\u0434\u043e\u0432 \u043a\u043d\u043e\u043f\u043e\u043a \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n<pre><code class=\"bash\">#!\/bin\/bash source bashui  defb(){     # \u041d\u043e\u0432\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 button \u0438\u0437 bashui, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:     #1 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 X(\u043a\u043e\u043b\u043e\u043d\u043a\u0430)     #2 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 Y(\u0441\u0442\u0440\u043e\u043a\u0430)     #3 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438     #4 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f     #5 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430     #6 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438     #7 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438     #        1    2      3          4          5      6      7     button \"$1\" \"$2\" \"butt $3\" \"fun_${3,,}\" \"$wht\" \"$ylw\" \"$bblk\" }  # \u0437\u0430\u0447\u0438\u0441\u0442\u043a\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 clr(){ for i in {5..9}; do XY 15 $i \"%$((COLUMNS-15))s\"; done; }  but_a(){ defb \"$1\" \"$2\" A; } # \u043a\u043b\u043e\u043d\u0438\u0440\u0443\u044e but_b(){ defb \"$1\" \"$2\" B; } # \u043a\u043d\u043e\u043f\u043a\u0443 but_c(){ defb \"$1\" \"$2\" C; } # \u043f\u043e but_d(){ defb \"$1\" \"$2\" D; } # \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e but_e(){ defb \"$1\" \"$2\" E; } # \u0448\u0435\u0441\u0442\u044c but_f(){ defb \"$1\" \"$2\" F; } # \u0440\u0430\u0437  fun_a(){ clr; XY 15 5 \"butt A pressed(${_button_[*]})\"; } # \u0441\u043e\u0437\u0434\u0430\u044e fun_b(){ clr; XY 15 5 \"butt B pressed(${_button_[*]})\"; } # \u0444\u0443\u043d\u043a\u0446\u0438\u044e fun_c(){ clr; XY 15 5 \"butt C pressed(${_button_[*]})\"; } # \u0434\u043b\u044f fun_d(){ clr; XY 15 5 \"butt D pressed(${_button_[*]})\"; } # \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f fun_e(){ clr; XY 15 5 \"butt E pressed(${_button_[*]})\"; } # \u043a\u0430\u0436\u0434\u043e\u0439 fun_f(){ clr; XY 15 5 \"butt F pressed(${_button_[*]})\"; } # \u043a\u043d\u043e\u043f\u043a\u043e\u0439  # \u0440\u044f\u0434\u044b \u043a\u043d\u043e\u043f\u043e\u043a \u044d\u0442\u043e \u0434\u0432\u0430 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 ybuttons=(but_a but_b but_c) # \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438  xbuttons=(but_d but_e but_f) # \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438  # \u043e\u0431\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430(\u0432\u0441\u0435 \u043a\u043d\u043e\u043f\u043a\u0438) \u0441\u043e\u0431\u0440\u0430\u043d\u044b \u0432 \u043e\u0434\u043d\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 butts(){     y_row    2   \"${ybuttons[@]}\"     x_row $LINES \"${xbuttons[@]}\" }  menu(){     cursor off     default_button but_b     XY 1 1 \"$red Esc to exit\"      while true; do         butts         read_input         case $_input_ in              up     ) select_prev_butt \"${ybuttons[@]}\";;              down   ) select_next_butt \"${ybuttons[@]}\";;              left   ) select_prev_butt \"${xbuttons[@]}\";;              right  ) select_next_butt \"${xbuttons[@]}\";;              enter  ) press_button      butts          ;;              escape ) return                           ;;         esac     done }  clear menu<\/code><\/pre>\n<p>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0447\u0442\u043e \u0443 \u043a\u043d\u043e\u043f\u043e\u043a \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0445 \u0447\u0435\u0440\u0435\u0437 <code>*row<\/code> \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u044b \u044f\u0432\u043d\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u044b \u0432 <code>\"$1\" \"$2\"<\/code>, \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0442\u0441\u044f \u0432 \u043a\u043d\u043e\u043f\u043a\u0438 \u0438\u0437 <code>*row<\/code> \u0444\u0443\u043d\u043a\u0446\u0438\u0439. \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u0432 <code>*row<\/code> \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442: \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435(<em>\u0441\u0442\u043e\u043b\u0431\u0435\u0446<\/em> \u0438\u043b\u0438 <em>\u0441\u0442\u0440\u043e\u043a\u0430<\/em> \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u0438\u043f\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0438) \u0438 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043d\u043e\u043f\u043e\u043a. \u041a\u043d\u043e\u043f\u043a\u0438(\u0444\u0443\u043d\u043a\u0446\u0438\u0438) \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0438\u0442\u044c \u0442\u0430\u043a:<\/p>\n<pre><code class=\"bash\">x_row 1 but_a but_b but_c<\/code><\/pre>\n<p>\u041d\u043e \u0442\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043a\u043e\u043f\u0438\u043f\u0430\u0441\u0442\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u0434\u043b\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0439 <code>select_(prev|next)_butt<\/code> \u0447\u0442\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043a\u043d\u043e\u043f\u043e\u043a . \u041f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0442\u0430\u043c \u0442\u0443\u0442. \u0423\u0434\u043e\u0431\u043d\u0435\u0439 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043c\u0430\u0441\u0441\u0438\u0432\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0440\u044f\u0434\u0430 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0445.<\/p>\n<p>\u041a\u043b\u0430\u0432\u0438\u0448\u0438 &#171;\u0432\u0432\u0435\u0440\u0445&#187;, &#171;\u0432\u043d\u0438\u0437&#187; \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 \u0438\u0437 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0431\u0438\u043a\u0430. \u041a\u043b\u0430\u0432\u0438\u0448\u0438 &#171;\u0432\u043b\u0435\u0432\u043e&#187;, &#171;\u0432\u043f\u0440\u0430\u0432\u043e&#187; \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 \u0438\u0437 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u044f\u0434\u0430. \u0412\u043c\u0435\u0441\u0442\u043e \u0442\u044b\u0441\u044f\u0447\u0438 \u0441\u043b\u043e\u0432:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/39c\/3f9\/b61\/39c3f9b612b1ac081174024d66fc4c20.gif\" alt=\"\u043a\u043d\u043e\u043f\u043a\u0438\" title=\"\u043a\u043d\u043e\u043f\u043a\u0438\" width=\"956\" height=\"510\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/39c\/3f9\/b61\/39c3f9b612b1ac081174024d66fc4c20.gif\"\/><\/p>\n<div><figcaption>\u043a\u043d\u043e\u043f\u043a\u0438<\/figcaption><\/div>\n<\/figure>\n<p>\u0421\u0442\u0440\u043e\u043a\u0430 \u0432\u0432\u043e\u0434\u0430. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u043e\u043a\u043d\u043e \u0432\u0432\u043e\u0434\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0435 \u0441\u043e \u0432\u0441\u0435\u0445 \u0441\u0442\u043e\u0440\u043e\u043d \u0440\u0430\u043c\u043a\u0430\u043c\u0438 \u043d\u043e \u0432\u044b\u044f\u0441\u043d\u0438\u043b\u043e\u0441\u044c \u0447\u0442\u043e <code>read<\/code> \u0441 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043a\u043b\u044e\u0447\u0430\u043c\u0438 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 backspace \u0432\u0435\u0434\u0435\u0442 \u0441\u0435\u0431\u044f \u0441(\u0442)\u0440\u0430\u043d\u043d\u043e&#8230; <\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/9c4\/dc3\/11b\/9c4dc311bff407ed7d50578ac8d74263.gif\" alt=\"read fail\" title=\"read fail\" width=\"966\" height=\"470\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/9c4\/dc3\/11b\/9c4dc311bff407ed7d50578ac8d74263.gif\"\/><\/p>\n<div><figcaption>read fail<\/figcaption><\/div>\n<\/figure>\n<p>\u041f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u043e\u043a\u043d\u0430 \u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443 \u0432\u043e \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d, \u043f\u0440\u0438\u043c\u0435\u0440 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f:<\/p>\n<pre><code class=\"bash\">#!\/bin\/bash source bashui  my_reader(){     # \u041d\u043e\u0432\u043e\u0435 \u043e\u043a\u043d\u043e \u0432\u0432\u043e\u0434\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 reader \u0438\u0437 bashui, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:     #1 \u0441\u0442\u0440\u043e\u043a\u0430 \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u043e\u043a\u043d\u043e \u0432\u0432\u043e\u0434\u0430     #2 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u043a\u043e\u043b-\u0432\u043e \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432     #3 \u0438\u043c\u044f \u043e\u043a\u043d\u0430 \u0432\u0432\u043e\u0434\u0430     #4 \u0438\u043c\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043f\u0438\u0441\u0430\u043d \u0442\u0435\u043a\u0441\u0442     #5 \u0442\u0435\u043a\u0441\u0442 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e     #5 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430     #6 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438     #7 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438     #      1  2          3         4    5      6      7      8     reader 10 20 'test data input' td \"$td\" \"$wht\" \"$ylw\" \"$bblk\" }  td='initial text' clear my_reader clear bye \"$td\"<\/code><\/pre>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/44f\/724\/add\/44f724add09b61a4d65fd1751ebdb0f6.gif\" alt=\"\u0432\u0432\u043e\u0434 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438\" title=\"\u0432\u0432\u043e\u0434 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438\" width=\"966\" height=\"470\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/44f\/724\/add\/44f724add09b61a4d65fd1751ebdb0f6.gif\"\/><\/p>\n<div><figcaption>\u0432\u0432\u043e\u0434 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438<\/figcaption><\/div>\n<\/figure>\n<p>\u041d\u0443 \u0438 \u0441\u0430\u043c\u043e\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0435 &#8212; <em>\u0441\u043f\u0438\u0441\u043e\u043a<\/em>. \u042d\u0442\u043e \u043e\u043a\u043d\u043e \u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043f\u043e\u0441\u0442\u0440\u043e\u0447\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0435. \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0437\u0430\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0435 \u043e\u0442 1 \u0434\u043e N, \u0433\u0434\u0435 <code>N = \u0441\u043a\u043e\u043b\u044c\u043a\u043e_\u0432\u043b\u0435\u0437\u0435\u0442_\u0432_\u043e\u043a\u043d\u043e_\u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u0430<\/code> \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u043d\u0430\u0443\u0447\u043d\u043e\u0433\u043e \u0442\u044b\u043a\u0430. \u0412\u044b\u0431\u043e\u0440 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u043a\u043b\u0430\u0432\u0438\u0448 \u043a\u0443\u0440\u0441\u043e\u0440\u0430, pgUp\/Down \u0438 \u0433\u043e\u0440\u044f\u0447\u0438\u0445 \u043a\u043b\u0430\u0432\u0438\u0448. \u041a\u0430\u0436\u0434\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0430 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0433\u043e\u0440\u044f\u0447\u0430\u044f \u043a\u043b\u0430\u0432\u0438\u0448\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0430\u044f \u043f\u0435\u0440\u0432\u043e\u043c\u0443 \u0441\u0438\u043c\u0432\u043e\u043b\u0443. \u0412\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u0435\u043d\u044e \u0438\u0437 \u0441\u043f\u0438\u0441\u043a\u0430 \u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a:<\/p>\n<pre><code class=\"bash\">#!\/bin\/bash source bashui  defb(){     # \u041d\u043e\u0432\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 button \u0438\u0437 bashui, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:     #1 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 X(\u043a\u043e\u043b\u043e\u043d\u043a\u0430)     #2 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 Y(\u0441\u0442\u0440\u043e\u043a\u0430)     #3 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438     #4 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f     #5 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430     #6 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438     #7 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438     #        1    2      3          4          5      6      7     button \"$1\" \"$2\" \"butt $3\" \"fun_${3,,}\" \"$wht\" \"$ylw\" \"$bblk\" }  clr(){ for i in {1..4}; do XY 1 $i \"%${COLUMNS}s\"; done; } # clear output area but_d(){ defb \"$1\" \"$2\" D; } but_e(){ defb \"$1\" \"$2\" E; } but_f(){ defb \"$1\" \"$2\" F; }  fun_d(){ clr; XY 1 1 \"butt D; target: $_target_\"; } fun_e(){ clr; XY 1 1 \"butt E; description: ${_target_[1]}\"; } fun_f(){ clr; XY 1 1 \"butt F; all items of target:\"               printf -v text -- '%s\\n' \"${_target_[@]}\"               XY 1 2  \"$text\"; } clear w=$((COLUMNS-10)) my_items(){     # \u041d\u043e\u0432\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 items, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:     #1 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 X(\u043a\u043e\u043b\u043e\u043d\u043a\u0430)     #2 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 Y(\u0441\u0442\u0440\u043e\u043a\u0430)     #3 \u0448\u0438\u0440\u0438\u043d\u0430 \u043e\u043a\u043d\u0430     #4 \u0432\u044b\u0441\u043e\u0442\u0430 \u043e\u043a\u043d\u0430, \u043c\u0438\u043d. 5     #5 \u043a\u043e\u043b-\u0432\u043e \u043a\u043e\u043b\u043e\u043d\u043e\u043a, N \u0438\u043b\u0438 \u0432 % \u043e\u0442 \u0448\u0438\u0440\u0438\u043d\u044b     #6 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u043f\u0438\u0441\u043a\u0430     #7 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430     #8 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438     #9 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438     local mess=\"Columns via number(${bred}Esc to continue$bblk)\"     #     1  2  3  4      5        6      7       8      9    data     items 10 5 $w 15      3     \"$mess\" \"$wht\" \"$ylw\" \"$bblk\" \"$@\" } my_items2(){     local mess=\"Columns via percent of Width(${bred}Esc to exit$bblk)\"     #     1  2  3  4      5        6      7       8      9    data     items 10 5 $w 15 '30 55 15' \"$mess\" \"$wht\" \"$ylw\" \"$bblk\" \"$@\" }  data=(               # \u043c\u0430\u0441\u0441\u0438\u0432 \u0441 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438     #-------------{ first line - column descriptions }-------------------- $red'Item name'        $blu'Item description'                 $grn'Status'     #-----------------------{ the data }----------------------------------     'first'        $BLD$ylw'Long description text'                'true'     'second'               'Description 2'                        'O_o'     'third'                'description 3'                        'false'     'fourth'         \"${red}Long ${grn}description ${blu}text\"    'true'     ''                     ''                                     '' $ylw'fifth'                'Description 2'                        'O_o'     'sixth'                'description 3'                        'false'     'midle'            $grn'Long description text'                'true'     'long name row2'       'Description 2'                        'O_o'     ''                     ''                                      ''     'row 3'                'description 3'                        'false'     'row1'             $blu'Long description text'                'true'     'row1'                 'Long description text'                'true'     'last'                 'Description 2'                        'O_o' )  xbuttons=(but_d but_e but_f) butts (){ x_row $LINES \"${xbuttons[@]}\"; } ilist (){ my_items     \"${data[@]}\"    ; } ilist2(){ my_items2    \"${data[@]}\"    ; } menu  (){     cursor off     default_button but_d     while true; do         $1; butts         read_input         case $_input_ in              up     ) select_prev_item \"${data[@]}\"    ;;              down   ) select_next_item \"${data[@]}\"    ;;              left   ) select_prev_butt \"${xbuttons[@]}\";;              right  ) select_next_butt \"${xbuttons[@]}\";;              enter  ) press_button         butts       ;;              escape ) return;;              pgup   ) select_prev_item  --fast   \"${data[@]}\";;              pgdown ) select_next_item  --fast   \"${data[@]}\";;              *      ) select_by_hot_key $_input_ \"${data[@]}\";;         esac     done }  menu ilist  # Columns via number menu ilist2 # Columns via percent<\/code><\/pre>\n<p>\u0412 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0441\u043f\u0438\u0441\u043e\u043a \u0438\u0437 \u0442\u0440\u0435\u0445 \u0441\u0442\u043e\u0431\u0446\u043e\u0432, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435 <code>data<\/code> \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u044b \u0432 \u0432\u0438\u0434\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441 \u0442\u0440\u0435\u043c\u044f \u0441\u0442\u043e\u043b\u0431\u0446\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0441\u0440\u0430\u0437\u0443 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u0430\u043a \u0434\u0430\u043d\u043d\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u0441\u043f\u0438\u0441\u043a\u0435. \u041f\u0435\u0440\u0432\u044b\u0435 3(\u043f\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432) \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0438\u0437 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u0434\u0430\u043d\u043d\u044b\u0445, \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u044b \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0441\u0442\u043e\u0431\u0446\u043e\u0432 \u0438 \u043d\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u0432 \u0441\u043f\u0438\u0441\u043a\u0435. \u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043c\u043e\u0436\u043d\u043e &#171;\u0440\u0430\u0441\u043a\u0440\u0430\u0448\u0438\u0432\u0430\u0442\u044c&#187; \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0446\u0432\u0435\u0442\u0430\u043c\u0438, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0446\u0432\u0435\u0442\u043e\u0432\u044b\u0435 \u043a\u043e\u0434\u044b \u0432 \u043d\u0430\u0447\u0430\u043b\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0434\u0430\u043d\u043d\u044b\u0445. \u041f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043e \u0434\u0432\u0430 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u0448\u0438\u0440\u0438\u043d\u044b \u0441\u0442\u043e\u043b\u0431\u0446\u0430: <\/p>\n<ul>\n<li>\n<p><em>\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439<\/em>, \u0432\u044b \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432, \u0448\u0438\u0440\u0438\u043d\u0430 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u043a <code>\u0448\u0438\u0440\u0438\u043d\u0430_\u043e\u043a\u043d\u0430\/\u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e_\u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432<\/code> \u0438 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u0430 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/aa4\/2df\/78d\/aa42df78da9d17fe11702f2120b03f1f.png\" alt=\"\u043c\u0435\u043d\u044e\u0448\u043a\u0430, \u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u043e\u0435 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435\" title=\"\u043c\u0435\u043d\u044e\u0448\u043a\u0430, \u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u043e\u0435 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435\" width=\"960\" height=\"520\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/aa4\/2df\/78d\/aa42df78da9d17fe11702f2120b03f1f.png\"\/><\/p>\n<div><figcaption>\u043c\u0435\u043d\u044e\u0448\u043a\u0430, \u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u043e\u0435 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435<\/figcaption><\/div>\n<\/figure>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p><em>% \u043e\u0442 \u0448\u0438\u0440\u0438\u043d\u044b \u043e\u043a\u043d\u0430<\/em>, \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432 5-\u0439 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u043d\u0435 \u0446\u0438\u0444\u0440\u0443  \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0430 \u0441\u0442\u0440\u043e\u043a\u0443, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0443\u044e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e(\u043f\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432) \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0432 %, \u0441\u0443\u043c\u043c\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0434\u043e\u043b\u0436\u043d\u0430 \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c 100%, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 <code>'30 55 15'<\/code><\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/6b1\/363\/e85\/6b1363e854ab01c9a455cd5bec8de6ca.png\" alt=\"\u043c\u0435\u043d\u044e\u0448\u043a\u0430, \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0432 % \u043e\u0442 \u0448\u0438\u0440\u0438\u043d\u044b\" title=\"\u043c\u0435\u043d\u044e\u0448\u043a\u0430, \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0432 % \u043e\u0442 \u0448\u0438\u0440\u0438\u043d\u044b\" width=\"960\" height=\"520\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/6b1\/363\/e85\/6b1363e854ab01c9a455cd5bec8de6ca.png\"\/><\/p>\n<div><figcaption>\u043c\u0435\u043d\u044e\u0448\u043a\u0430, \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0432 % \u043e\u0442 \u0448\u0438\u0440\u0438\u043d\u044b<\/figcaption><\/div>\n<\/figure>\n<\/li>\n<\/ul>\n<p>\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u0439 \u0441\u0442\u043e\u043b\u0431\u0435\u0446, \u043d\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0438\u0437 \u0432\u0441\u0435\u0445 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0438 \u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c. \u041f\u043e\u043b\u0430\u0437\u0438\u043c \u043f\u043e \u043c\u0435\u043d\u044e\u0448\u043a\u0435:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/280\/2e6\/ce2\/2802e6ce247d3d2d500abf70f8ca9bd8.gif\" alt=\"\u043c\u0435\u043d\u044e\" title=\"\u043c\u0435\u043d\u044e\" width=\"952\" height=\"440\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/280\/2e6\/ce2\/2802e6ce247d3d2d500abf70f8ca9bd8.gif\"\/><\/p>\n<div><figcaption>\u043c\u0435\u043d\u044e<\/figcaption><\/div>\n<\/figure>\n<p>\u0412 \u0433\u0438\u0444\u043a\u0435 \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0432\u0441\u0435 \u0442\u0438\u043f\u044b \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u044f: \u043a\u0443\u0440\u0441\u043e\u0440\u043e\u043c, pgUp\/Down \u0438 \u0447\u0435\u0440\u0435\u0437 \u0433\u043e\u0440\u044f\u0447\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438. \u0410 \u0432\u043e\u0442 \u043a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d \u043e\u043f\u0440\u043e\u0441 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b:<\/p>\n<pre><code class=\"bash\">read_input(){     read -rsN1 _input_     case ${_input_,,} in             # One symbol keys support                 ' '*) _input_=space;;               $'\\t'*) _input_=tab  ;;               $'\\n'*) _input_=enter;;             # escape sequences additional check             $'\\u1b'*) read -rsN4 -t 0.001 _input_                       case ${_input_,,} in                                    # arrows, pgUp\/Down and escape support                                    *a*) _input_=up    ;;                                    *b*) _input_=down  ;;                                    *d*) _input_=left  ;;                                    *c*) _input_=right ;;                                    *5*) _input_=pgup  ;;                                    *6*) _input_=pgdown;;                                     '') _input_=escape;;                       esac;;                    # the rest, return 1 symbol in lowercase                    *) _input_=${_input_,,}                       _input_=${_input_:0:1};;     esac }<\/code><\/pre>\n<p>\u042f \u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b \u044d\u0442\u043e\u0442 bashui&#8217;\u0432\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0438\u0437 \u0441\u0432\u043e\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 <a href=\"https:\/\/github.com\/vaniacer\/sshto\" rel=\"noopener noreferrer nofollow\">sshto<\/a>, \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0447\u0442\u043e \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c <a href=\"https:\/\/github.com\/vaniacer\/bashui\/blob\/master\/demo_sshto\" rel=\"noopener noreferrer nofollow\">demo_sshto<\/a><\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/024\/c74\/38e\/024c7438e6429f5e37a8a71d98bf7edb.png\" alt=\"bashuisshto \u0441\u043f\u0438\u0441\u043e\u043a \u0445\u043e\u0441\u0442\u043e\u0432\" title=\"bashuisshto \u0441\u043f\u0438\u0441\u043e\u043a \u0445\u043e\u0441\u0442\u043e\u0432\" width=\"892\" height=\"440\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/024\/c74\/38e\/024c7438e6429f5e37a8a71d98bf7edb.png\"\/><\/p>\n<div><figcaption>bashuisshto \u0441\u043f\u0438\u0441\u043e\u043a \u0445\u043e\u0441\u0442\u043e\u0432<\/figcaption><\/div>\n<\/figure>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/495\/2cc\/526\/4952cc52616db16acfa7b2fd9e8d366f.png\" alt=\"bashuisshto \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043e\u043c\u0430\u043d\u0434\" title=\"bashuisshto \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043e\u043c\u0430\u043d\u0434\" width=\"892\" height=\"510\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/495\/2cc\/526\/4952cc52616db16acfa7b2fd9e8d366f.png\"\/><\/p>\n<div><figcaption>bashuisshto \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043e\u043c\u0430\u043d\u0434<\/figcaption><\/div>\n<\/figure>\n<p>\u041f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 \u0440\u0430\u043d\u043d\u0435\u0439 \u0441\u0442\u0430\u0434\u0438\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f, \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0432\u0441\u0451 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043c\u0435\u043d\u044f\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u0432 \u043b\u0443\u0447\u0448\u0443\u044e \u0442\u0430\u043a \u0438 \u0432 \u0445\u0443\u0434\u0448\u0443\u044e \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u043d\u0435\u043e\u0434\u043d\u043e\u043a\u0440\u0430\u0442\u043d\u043e, \u0441\u043c\u0435\u043b\u043e \u0442\u0430\u0449\u0438\u0442\u0435 \u0432 \u043f\u0440\u043e\u0434!)<\/p>\n<p>\u041f\u043e\u0442\u0440\u043e\u0433\u0430\u0442\u044c \u043c\u043e\u0439 bashui \u043c\u043e\u0436\u043d\u043e <a href=\"https:\/\/github.com\/vaniacer\/bashui\" rel=\"noopener noreferrer nofollow\">\u0442\u0443\u0442<\/a>.<\/p>\n<details class=\"spoiler\">\n<summary>\u043a\u0441\u0442\u0430\u0442\u0438, \u0447\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f &#8230;hui(18+)<\/summary>\n<div class=\"spoiler__content\">\n<p>\u0420\u0430\u0437\u043d\u043e\u0435 \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f, \u043b\u0438\u0447\u043d\u043e \u044f \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u044e \u043a\u043b\u0430\u0441\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0441\u0445\u0435\u043c\u0443. \u041d\u043e \u0438\u043d\u043e\u0433\u0434\u0430 \u0432\u044b\u0434\u0430\u044e \u0432\u043e\u0442 \u0442\u0430\u043a\u043e\u0435 \u0432\u043e\u0442, \u0434\u043b\u044f \u0441\u0432\u043e\u0435\u0439 bash \u0438\u0433\u0440\u044b <a href=\"https:\/\/github.com\/vaniacer\/piu-piu-SH\" rel=\"noopener noreferrer nofollow\">piu-piu<\/a> \u044f \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u0440\u0435\u0436\u0438\u043c penis&#8217;\u0430 \u041e_\u043e<\/p>\n<p>\u0410\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043e\u043d \u0442\u0430\u043a:<\/p>\n<pre><code class=\"bash\">penis=big .\/piu-piu<\/code><\/pre>\n<p>\u0412 \u044d\u0442\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435 \u0432\u0435\u0440\u0442\u043e\u043b\u0435\u0442 \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u0433\u0438\u0433\u0430\u043d\u0442\u0441\u043a\u0438\u0439 \u0444\u0430\u043b\u043e\u0438\u043c\u0438\u0442\u0430\u0442\u043e\u0440 \u0441 \u043f\u0440\u043e\u043f\u0435\u043b\u043b\u0435\u0440\u043e\u043c. \u0412\u043c\u0435\u0441\u0442\u043e \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0442\u0430\u0431\u043b\u0435\u0442\u043a\u0438 \u0432\u0438\u0430\u0433\u0440\u044b \u043e\u0442 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043e\u043d \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u0445 \u0438 \u0441\u0442\u0440\u0435\u043b\u044f\u0435\u0442 \u044d\u043c, \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e \u0447\u0435\u043c. \u0412\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432\u0441\u0451 \u044d\u0442\u043e \u043d\u0435\u043f\u043e\u0442\u0440\u0435\u0431\u0441\u0442\u0432\u043e \u043a\u0430\u043a-\u0442\u043e \u0442\u0430\u043a:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/b1d\/fef\/2fb\/b1dfef2fbd63d40679c7ebb961e7eeef.gif\" alt=\"shake'em\" title=\"shake'em\" width=\"796\" height=\"371\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/b1d\/fef\/2fb\/b1dfef2fbd63d40679c7ebb961e7eeef.gif\"\/><\/p>\n<div><figcaption>shake&#8217;em<\/figcaption><\/div>\n<\/figure>\n<p>\u0420\u0435\u0436\u0438\u043c \u043a\u043e\u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u0430 \u0438 \u0434\u0443\u044d\u043b\u044c \u0442\u043e\u0436\u0435 <s>\u043e\u0445\u0443&#8230;<\/s> \u0442\u0430\u043c \u0432\u0441\u0435 \u0435\u0449\u0435 \u0445\u0443\u0436\u0435 \u041e_\u043e<\/p>\n<\/div>\n<\/details>\n<details class=\"spoiler\">\n<summary>\u043f\u0441\u0441\u0441&#8230;<\/summary>\n<div class=\"spoiler__content\">\n<p>\u0427\u0430\u0441\u0442\u043e \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043f\u0438\u0441\u043d\u0443\u0442\u044c \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u043d\u043e \u0434\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043a\u0443\u0447\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0435\u0442( \u0420\u0435\u0448\u0438\u043b \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0444\u043e\u0440\u043c\u0430\u0442 \u0442\u0435\u043b\u0435\u0433\u0440\u0430\u043c \u043a\u0430\u043d\u0430\u043b\u0430, <a href=\"https:\/\/t.me\/sshtobash\" rel=\"noopener noreferrer nofollow\">\u0437\u0430\u0445\u043e\u0434\u0438\u0442\u0435<\/a>!)<\/p>\n<\/div>\n<\/details>\n<p>\u0422\u0432\u043e\u0440\u0438\u0442\u0435, \u0432\u044b\u0434\u0443\u043c\u044b\u0432\u0430\u0439\u0442\u0435, \u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435!)<\/p>\n<p>\u041b\u0430\u0439\u043a\u0438, \u043f\u0430\u043b\u044c\u0446\u044b.<\/p>\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/773942\/\"> https:\/\/habr.com\/ru\/articles\/773942\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<figure class=\"full-width\">\n<div><figcaption>\u043d\u0430\u0436\u043c\u0438 \u043c\u0435\u043d\u044f<\/figcaption><\/div>\n<\/figure>\n<p>BASHUI &#8212; \u044d\u0442\u043e BASH + UI, \u0430 \u043d\u0435 \u0442\u043e \u0447\u0442\u043e \u0432\u044b \u043f\u043e\u0434\u0443\u043c\u0430\u043b\u0438. <\/p>\n<p>\u041d\u0430\u0447\u0438\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430\u0434 <a href=\"https:\/\/github.com\/vaniacer\/sshto\" rel=\"noopener noreferrer nofollow\">sshto<\/a>  \u044f \u0440\u0435\u0448\u0438\u043b \u043d\u0435 \u043f\u0435\u0440\u0435\u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434, \u0432\u0435\u0440\u043d\u0435\u0435 \u043d\u0435 \u043f\u0435\u0440\u0435\u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434  \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0435\u0433\u043e \u0447\u0430\u0441\u0442\u0438 \u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 &#171;\u0440\u0430\u043c\u044b \u0441 \u043f\u0435\u0434\u0430\u043b\u044f\u043c\u0438&#187;  \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b <a href=\"https:\/\/invisible-island.net\/dialog\/\" rel=\"noopener noreferrer nofollow\">dialog<\/a>.  \u042d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u0441\u043a\u043e\u0440\u0438\u043b\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u043d\u043e \u0438\u0434\u0435\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0432\u043e\u0439 UI \u043d\u0430 \u0431\u0430\u0448\u0435 \u0441  \u0431\u043b\u0435\u043a\u0434\u0436\u0435\u043a\u043e\u043c \u0438 \u0432\u0441\u0435\u043c \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u043d\u0438 \u043d\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u0443 \u043d\u0435 \u043f\u043e\u043a\u0438\u0434\u0430\u043b\u0430 \u043c\u043e\u0439 \u0432\u043e\u0441\u043f\u0430\u043b\u0451\u043d\u043d\u044b\u0439  \u043c\u043e\u0437\u0433. \u0417\u0432\u0451\u0437\u0434\u044b \u0441\u043e\u0448\u043b\u0438\u0441\u044c, \u0438 \u044f \u0440\u0435\u0448\u0438\u043b \u0432\u043e\u043f\u043b\u043e\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442 \u0432 \u0436\u0438\u0437\u043d\u044c(\u0432 bash).  <\/p>\n<p>\u041a\u0430\u043a\u043e\u0439 UI \u0431\u0435\u0437 \u043a\u043d\u043e\u043f\u043e\u043a? \u0421(\u0442)\u0440\u0430\u043d\u043d\u044b\u0439, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043d\u0430\u0447\u0430\u043b \u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 &#8212; <em>\u043a\u043d\u043e\u043f\u043a\u0430<\/em>. \u0418\u0434\u0435\u044f \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c \u0447\u0442\u043e \u043a\u043d\u043e\u043f\u043a\u0430(\u0438 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b UI) \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439. \u0424\u0443\u043d\u043a\u0446\u0438\u044e \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438. \u041d\u043e \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c &#171;\u043e\u0431\u0451\u0440\u0442\u043a\u0443&#187;(\u0444\u0443\u043d\u043a\u0446\u0438\u044e) \u0441 \u043a\u0430\u043a\u0438\u043c\u0438-\u0442\u043e \u043f\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438 \u0438 \u0443\u0436\u0435 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e. \u0414\u043b\u044f \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 UI \u044f \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043b \u043f\u0440\u0438\u043c\u0435\u0440\u044b(<em>demo_*<\/em>) \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0432 \u0440\u0435\u043f\u0435. \u0412\u043e\u0442 \u043a\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043a\u0438:<\/p>\n<pre><code class=\"bash\">#!\/bin\/bash source bashui  mess=\"RESULT\" name=\"The Button\" title=\"Push the button, will get a result...\"  butt(){     # \u041d\u043e\u0432\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 button \u0438\u0437 bashui, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:     #1 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 X(\u043a\u043e\u043b\u043e\u043d\u043a\u0430)     #2 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 Y(\u0441\u0442\u0440\u043e\u043a\u0430)     #3 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438     #4 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f     #5 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430     #6 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438     #7 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438     local x=$((COLUMNS\/2-(${#name}\/2+2)))     local y=$((LINES\/2))     #       1  2    3       4       5      6       7     button $x $y \"$name\" \"result\" \"$wht\" \"$ylw\" \"$bblk\" }  # \u043a\u043d\u043e\u043f\u043a\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e result(){     local x=$((COLUMNS\/2-${#mess}\/2))     local y=$((LINES\/2+5))     XY           $x $y  \"$mess\"     (sleep 1; XY $x $y \"${mess\/\/[[:print:]]\/ }\") &amp; }  # \u0432\u0441\u0435 \u0441\u043e\u0431\u0440\u0430\u043d\u043e \u0432\u043c\u0435\u0441\u0442\u0435 menu(){     cursor off          # \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043a\u0443\u0440\u0441\u043e\u0440     default_button butt # \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0434\u043b\u044f \u0430\u043a\u0442\u0438\u0432\u0430\u0446\u0438\u0438 \u043a\u043d\u043e\u043f\u043a\u0438     XY $((COLUMNS\/2-${#title}\/2)) $((LINES\/2-2)) \"$title\"     butt # \u0440\u0438\u0441\u0443\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443      # \u0432 \u0446\u0438\u043a\u043b\u0435 \u043e\u043f\u0440\u043e\u0441 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b \u0438 \u043b\u043e\u0433\u0438\u043a\u0430     while true; do         read_input         case $_input_ in               enter ) press_button butt;; # \u043d\u0430\u0436\u0430\u0442 enter, \u043d\u0430\u0436\u0438\u043c\u0430\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443               escape) return;;            # \u043d\u0430\u0436\u0430\u0442 escape, \u0432\u044b\u0445\u043e\u0434         esac     done }  clear menu<\/code><\/pre>\n<p>&#171;\u0426\u0432\u0435\u0442\u043e\u0432\u0430\u044f \u043f\u0430\u043b\u0438\u0442\u0440\u0430&#187; \u0434\u043b\u044f \u0432\u044b\u0431\u043e\u0440\u0430 \u0446\u0432\u0435\u0442\u0430 \u0442\u0435\u043a\u0441\u0442\u0430, \u0440\u0430\u043c\u043a\u0438 \u0438 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438 \u0437\u0430\u0434\u0430\u043d\u0430 \u0432 bashui \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n<pre><code class=\"bash\">... #-------------------------+--------------------------------+---------+ #       Text color        |       Background color         |         | #-----------+-------------+--------------+-----------------+         | # Base color|Lighter shade| Base color   | Lighter shade   |         | #-----------+-------------+--------------+-----------------+         | BLK='\\e[30m'; blk='\\e[90m'; BBLK='\\e[40m'; bblk='\\e[100m' #| Black   | RED='\\e[31m'; red='\\e[91m'; BRED='\\e[41m'; bred='\\e[101m' #| Red     | GRN='\\e[32m'; grn='\\e[92m'; BGRN='\\e[42m'; bgrn='\\e[102m' #| Green   | YLW='\\e[33m'; ylw='\\e[93m'; BYLW='\\e[43m'; bylw='\\e[103m' #| Yellow  | BLU='\\e[34m'; blu='\\e[94m'; BBLU='\\e[44m'; bblu='\\e[104m' #| Blue    | MGN='\\e[35m'; mgn='\\e[95m'; BMGN='\\e[45m'; bmgn='\\e[105m' #| Magenta | CYN='\\e[36m'; cyn='\\e[96m'; BCYN='\\e[46m'; bcyn='\\e[106m' #| Cyan    | WHT='\\e[37m'; wht='\\e[97m'; BWHT='\\e[47m'; bwht='\\e[107m' #| White   | #-------------------------{ Effects }----------------------+---------+ DEF='\\e[0m'   #Default color and effects                             | BLD='\\e[1m'   #Bold\\brighter                                         | DIM='\\e[2m'   #Dim\\darker                                            | CUR='\\e[3m'   #Italic font                                           | ...<\/code><\/pre>\n<p>\u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0440\u0435\u043f\u0435 <a href=\"https:\/\/github.com\/vaniacer\/bash_color\" rel=\"noopener noreferrer nofollow\">bash_color<\/a>. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/p>\n<figure class=\"full-width\">\n<div><figcaption>result      <\/figcaption><\/div>\n<\/figure>\n<p>\u0418\u043d\u043e\u0433\u0434\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043d\u043e\u043f\u043e\u043a \u0431\u043e\u043b\u044c\u0448\u0435 \u0447\u0435\u043c \u043e\u0434\u043d\u0430. \u0418 \u043d\u0430\u0434\u043e \u043a\u0430\u043a-\u0442\u043e \u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u043e \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0438\u0445 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435. \u0427\u0442\u043e\u0431\u044b \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u0443 \u0437\u0430\u0434\u0430\u0447\u0443 \u044f \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u0434\u0432\u0435 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435  \u0444\u0443\u043d\u043a\u0446\u0438\u0438: <em>x_row<\/em> \u0438 <em>y_row<\/em>, \u0434\u043b\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0438 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u044f\u0434\u043e\u0432 \u043a\u043d\u043e\u043f\u043e\u043a \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n<pre><code class=\"bash\">#!\/bin\/bash source bashui  defb(){     # \u041d\u043e\u0432\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 button \u0438\u0437 bashui, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:     #1 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 X(\u043a\u043e\u043b\u043e\u043d\u043a\u0430)     #2 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 Y(\u0441\u0442\u0440\u043e\u043a\u0430)     #3 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438     #4 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f     #5 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430     #6 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438     #7 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438     #        1    2      3          4          5      6      7     button \"$1\" \"$2\" \"butt $3\" \"fun_${3,,}\" \"$wht\" \"$ylw\" \"$bblk\" }  # \u0437\u0430\u0447\u0438\u0441\u0442\u043a\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 clr(){ for i in {5..9}; do XY 15 $i \"%$((COLUMNS-15))s\"; done; }  but_a(){ defb \"$1\" \"$2\" A; } # \u043a\u043b\u043e\u043d\u0438\u0440\u0443\u044e but_b(){ defb \"$1\" \"$2\" B; } # \u043a\u043d\u043e\u043f\u043a\u0443 but_c(){ defb \"$1\" \"$2\" C; } # \u043f\u043e but_d(){ defb \"$1\" \"$2\" D; } # \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e but_e(){ defb \"$1\" \"$2\" E; } # \u0448\u0435\u0441\u0442\u044c but_f(){ defb \"$1\" \"$2\" F; } # \u0440\u0430\u0437  fun_a(){ clr; XY 15 5 \"butt A pressed(${_button_[*]})\"; } # \u0441\u043e\u0437\u0434\u0430\u044e fun_b(){ clr; XY 15 5 \"butt B pressed(${_button_[*]})\"; } # \u0444\u0443\u043d\u043a\u0446\u0438\u044e fun_c(){ clr; XY 15 5 \"butt C pressed(${_button_[*]})\"; } # \u0434\u043b\u044f fun_d(){ clr; XY 15 5 \"butt D pressed(${_button_[*]})\"; } # \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f fun_e(){ clr; XY 15 5 \"butt E pressed(${_button_[*]})\"; } # \u043a\u0430\u0436\u0434\u043e\u0439 fun_f(){ clr; XY 15 5 \"butt F pressed(${_button_[*]})\"; } # \u043a\u043d\u043e\u043f\u043a\u043e\u0439  # \u0440\u044f\u0434\u044b \u043a\u043d\u043e\u043f\u043e\u043a \u044d\u0442\u043e \u0434\u0432\u0430 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 ybuttons=(but_a but_b but_c) # \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438  xbuttons=(but_d but_e but_f) # \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438  # \u043e\u0431\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430(\u0432\u0441\u0435 \u043a\u043d\u043e\u043f\u043a\u0438) \u0441\u043e\u0431\u0440\u0430\u043d\u044b \u0432 \u043e\u0434\u043d\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 butts(){     y_row    2   \"${ybuttons[@]}\"     x_row $LINES \"${xbuttons[@]}\" }  menu(){     cursor off     default_button but_b     XY 1 1 \"$red Esc to exit\"      while true; do         butts         read_input         case $_input_ in              up     ) select_prev_butt \"${ybuttons[@]}\";;              down   ) select_next_butt \"${ybuttons[@]}\";;              left   ) select_prev_butt \"${xbuttons[@]}\";;              right  ) select_next_butt \"${xbuttons[@]}\";;              enter  ) press_button      butts          ;;              escape ) return                           ;;         esac     done }  clear menu<\/code><\/pre>\n<p>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0447\u0442\u043e \u0443 \u043a\u043d\u043e\u043f\u043e\u043a \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0445 \u0447\u0435\u0440\u0435\u0437 <code>*row<\/code> \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u044b \u044f\u0432\u043d\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u044b \u0432 <code>\"$1\" \"$2\"<\/code>, \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0442\u0441\u044f \u0432 \u043a\u043d\u043e\u043f\u043a\u0438 \u0438\u0437 <code>*row<\/code> \u0444\u0443\u043d\u043a\u0446\u0438\u0439. \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u0432 <code>*row<\/code> \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442: \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435(<em>\u0441\u0442\u043e\u043b\u0431\u0435\u0446<\/em> \u0438\u043b\u0438 <em>\u0441\u0442\u0440\u043e\u043a\u0430<\/em> \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u0438\u043f\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0438) \u0438 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043d\u043e\u043f\u043e\u043a. \u041a\u043d\u043e\u043f\u043a\u0438(\u0444\u0443\u043d\u043a\u0446\u0438\u0438) \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0438\u0442\u044c \u0442\u0430\u043a:<\/p>\n<pre><code class=\"bash\">x_row 1 but_a but_b but_c<\/code><\/pre>\n<p>\u041d\u043e \u0442\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043a\u043e\u043f\u0438\u043f\u0430\u0441\u0442\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u0434\u043b\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0439 <code>select_(prev|next)_butt<\/code> \u0447\u0442\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043a\u043d\u043e\u043f\u043e\u043a . \u041f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0442\u0430\u043c \u0442\u0443\u0442. \u0423\u0434\u043e\u0431\u043d\u0435\u0439 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043c\u0430\u0441\u0441\u0438\u0432\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0440\u044f\u0434\u0430 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0445.<\/p>\n<p>\u041a\u043b\u0430\u0432\u0438\u0448\u0438 &#171;\u0432\u0432\u0435\u0440\u0445&#187;, &#171;\u0432\u043d\u0438\u0437&#187; \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 \u0438\u0437 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0431\u0438\u043a\u0430. \u041a\u043b\u0430\u0432\u0438\u0448\u0438 &#171;\u0432\u043b\u0435\u0432\u043e&#187;, &#171;\u0432\u043f\u0440\u0430\u0432\u043e&#187; \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 \u0438\u0437 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u044f\u0434\u0430. \u0412\u043c\u0435\u0441\u0442\u043e \u0442\u044b\u0441\u044f\u0447\u0438 \u0441\u043b\u043e\u0432:<\/p>\n<figure class=\"full-width\">\n<div><figcaption>\u043a\u043d\u043e\u043f\u043a\u0438<\/figcaption><\/div>\n<\/figure>\n<p>\u0421\u0442\u0440\u043e\u043a\u0430 \u0432\u0432\u043e\u0434\u0430. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u043e\u043a\u043d\u043e \u0432\u0432\u043e\u0434\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0435 \u0441\u043e \u0432\u0441\u0435\u0445 \u0441\u0442\u043e\u0440\u043e\u043d \u0440\u0430\u043c\u043a\u0430\u043c\u0438 \u043d\u043e \u0432\u044b\u044f\u0441\u043d\u0438\u043b\u043e\u0441\u044c \u0447\u0442\u043e <code>read<\/code> \u0441 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043a\u043b\u044e\u0447\u0430\u043c\u0438 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 backspace \u0432\u0435\u0434\u0435\u0442 \u0441\u0435\u0431\u044f \u0441(\u0442)\u0440\u0430\u043d\u043d\u043e&#8230; <\/p>\n<figure class=\"full-width\">\n<div><figcaption>read fail<\/figcaption><\/div>\n<\/figure>\n<p>\u041f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u043e\u043a\u043d\u0430 \u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443 \u0432\u043e \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d, \u043f\u0440\u0438\u043c\u0435\u0440 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f:<\/p>\n<pre><code class=\"bash\">#!\/bin\/bash source bashui  my_reader(){     # \u041d\u043e\u0432\u043e\u0435 \u043e\u043a\u043d\u043e \u0432\u0432\u043e\u0434\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 reader \u0438\u0437 bashui, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:     #1 \u0441\u0442\u0440\u043e\u043a\u0430 \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u043e\u043a\u043d\u043e \u0432\u0432\u043e\u0434\u0430     #2 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u043a\u043e\u043b-\u0432\u043e \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432     #3 \u0438\u043c\u044f \u043e\u043a\u043d\u0430 \u0432\u0432\u043e\u0434\u0430     #4 \u0438\u043c\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043f\u0438\u0441\u0430\u043d \u0442\u0435\u043a\u0441\u0442     #5 \u0442\u0435\u043a\u0441\u0442 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e     #5 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430     #6 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438     #7 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438     #      1  2          3         4    5      6      7      8     reader 10 20 'test data input' td \"$td\" \"$wht\" \"$ylw\" \"$bblk\" }  td='initial text' clear my_reader clear bye \"$td\"<\/code><\/pre>\n<figure class=\"full-width\">\n<div><figcaption>\u0432\u0432\u043e\u0434 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438<\/figcaption><\/div>\n<\/figure>\n<p>\u041d\u0443 \u0438 \u0441\u0430\u043c\u043e\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0435 &#8212; <em>\u0441\u043f\u0438\u0441\u043e\u043a<\/em>. \u042d\u0442\u043e \u043e\u043a\u043d\u043e \u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043f\u043e\u0441\u0442\u0440\u043e\u0447\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0435. \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0437\u0430\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0435 \u043e\u0442 1 \u0434\u043e N, \u0433\u0434\u0435 <code>N = \u0441\u043a\u043e\u043b\u044c\u043a\u043e_\u0432\u043b\u0435\u0437\u0435\u0442_\u0432_\u043e\u043a\u043d\u043e_\u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u0430<\/code> \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u043d\u0430\u0443\u0447\u043d\u043e\u0433\u043e \u0442\u044b\u043a\u0430. \u0412\u044b\u0431\u043e\u0440 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u043a\u043b\u0430\u0432\u0438\u0448 \u043a\u0443\u0440\u0441\u043e\u0440\u0430, pgUp\/Down \u0438 \u0433\u043e\u0440\u044f\u0447\u0438\u0445 \u043a\u043b\u0430\u0432\u0438\u0448. \u041a\u0430\u0436\u0434\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0430 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0433\u043e\u0440\u044f\u0447\u0430\u044f \u043a\u043b\u0430\u0432\u0438\u0448\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0430\u044f \u043f\u0435\u0440\u0432\u043e\u043c\u0443 \u0441\u0438\u043c\u0432\u043e\u043b\u0443. \u0412\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u0435\u043d\u044e \u0438\u0437 \u0441\u043f\u0438\u0441\u043a\u0430 \u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a:<\/p>\n<pre><code class=\"bash\">#!\/bin\/bash source bashui  defb(){     # \u041d\u043e\u0432\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 button \u0438\u0437 bashui, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:     #1 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 X(\u043a\u043e\u043b\u043e\u043d\u043a\u0430)     #2 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 Y(\u0441\u0442\u0440\u043e\u043a\u0430)     #3 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438     #4 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f     #5 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430     #6 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438     #7 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438     #        1    2      3          4          5      6      7     button \"$1\" \"$2\" \"butt $3\" \"fun_${3,,}\" \"$wht\" \"$ylw\" \"$bblk\" }  clr(){ for i in {1..4}; do XY 1 $i \"%${COLUMNS}s\"; done; } # clear output area but_d(){ defb \"$1\" \"$2\" D; } but_e(){ defb \"$1\" \"$2\" E; } but_f(){ defb \"$1\" \"$2\" F; }  fun_d(){ clr; XY 1 1 \"butt D; target: $_target_\"; } fun_e(){ clr; XY 1 1 \"butt E; description: ${_target_[1]}\"; } fun_f(){ clr; XY 1 1 \"butt F; all items of target:\"               printf -v text -- '%s\\n' \"${_target_[@]}\"               XY 1 2  \"$text\"; } clear w=$((COLUMNS-10)) my_items(){     # \u041d\u043e\u0432\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 items, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:     #1 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 X(\u043a\u043e\u043b\u043e\u043d\u043a\u0430)     #2 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 Y(\u0441\u0442\u0440\u043e\u043a\u0430)     #3 \u0448\u0438\u0440\u0438\u043d\u0430 \u043e\u043a\u043d\u0430     #4 \u0432\u044b\u0441\u043e\u0442\u0430 \u043e\u043a\u043d\u0430, \u043c\u0438\u043d. 5     #5 \u043a\u043e\u043b-\u0432\u043e \u043a\u043e\u043b\u043e\u043d\u043e\u043a, N \u0438\u043b\u0438 \u0432 % \u043e\u0442 \u0448\u0438\u0440\u0438\u043d\u044b     #6 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u043f\u0438\u0441\u043a\u0430     #7 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430     #8 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438     #9 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438     local mess=\"Columns via number(${bred}Esc to continue$bblk)\"     #     1  2  3  4      5        6      7       8      9    data     items 10 5 $w 15      3     \"$mess\" \"$wht\" \"$ylw\" \"$bblk\" \"$@\" } my_items2(){     local mess=\"Columns via percent of Width(${bred}Esc to exit$bblk)\"     #     1  2  3  4      5        6      7       8      9    data     items 10 5 $w 15 '30 55 15' \"$mess\" \"$wht\" \"$ylw\" \"$bblk\" \"$@\" }  data=(               # \u043c\u0430\u0441\u0441\u0438\u0432 \u0441 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438     #-------------{ first line - column descriptions }-------------------- $red'Item name'        $blu'Item description'                 $grn'Status'     #-----------------------{ the data }----------------------------------     'first'    <\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-360166","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/360166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=360166"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/360166\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=360166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=360166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=360166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}