origami1024

Поверх кнопки прозрачный инпут чекбокс.

Не поверх только, а перед ней и доступно скрытый (visually-hidden)
И дальше через :checked + label или label снаружи и тогда + span

Скрести input radio и input checkbox. Чекбокс для мульти-выбора, радио для главного.

Можно рисовать обе картинки на канвасе. Тут только надо решить откуда берутся сами картинки.

Это зависит от свойства line-height. Чем оно больше, тем дальше линия от текста.

@mysql_query() уже одного этого кусочка хватает для того, чтобы сильно усомниться в скиллах.

Функция mysql_query устарела более семи лет назад, и в современных версиях языка ее вообще нет.
Подавление ошибок через @ - вообще шедевр. У вас, значит, запрос с ошибкой, или база упала - но ваш код это просто игнорирует и делает вид, что так и надо. Зашибись :)

Читайте https://phptherightway.com/

<template>
  <ul  class="nav flex-column nav-pills side-nav" id="v-pills-tab" role="tablist" aria-orientation="vertical">
    <li 
      class="list-group-item"
      v-for="(menuItem, index) in menu"
      :key="index"
      :class="{
        active: $route.path === menuItem.url
      }"
    >
      <router-link :to="menuItem.url">
        {{ menuItem.title }}
      </router-link>
    </li>
  </ul>
</template>

export default {
  data: () => ({
    menu: [
      {
      	title: 'Перспективное меню',
        url: '/nutrition/foodmenu'
      },
      {
      	title: 'Журнал питания',
        url: '/nutrition/journal'
      },
      {
      	title: 'Амбарная книга',
        url: '/nutrition/ambarbook'
      }
    ]
  })
}

Или коротко:

<ul  class="nav flex-column nav-pills side-nav" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  <li class="list-group-item" :class="{ active: $route.path === '/nutrition/foodmenu' }"> <router-link to="/nutrition/foodmenu">Перспективное меню</router-link></li>
  <li class="list-group-item" :class="{ active: $route.path === '/nutrition/journal' }"><router-link to="/nutrition/journal">Журнал питания</router-link></li>
  <li class="list-group-item" :class="{ active: $route.path === '/nutrition/ambarbook' }"><router-link to="/nutrition/ambarbook">Амбарная книга</router-link></li>
</ul>

т.е. ручками у каждого пункта, иных решений нет.
P.S. это самое галимое решение!

https и ни один говнюк не вмешается в ваш трафик.

Если сайт его не поддерживает, можете разного рода тунели использовать.

Почему решили именно самозанятость оформлять? Не проще ИП?

Пойти физическим телом в банк(тут вопрос - обязательно ли, нет ли способа онлайн в 2020).

У Точки точно есть онлайн-оформление счёта. В других банках надо поспрашивать.

Имел интернет банкинг с удобным ведением налога для самозанятого.

Это вряд ли. Некоторые банки умеют рассчитывать налоги автоматически, но только для самого стандартного случая типа ИП на УСН без валюты. А самозанятый да ещё с валютой - это вам предложат услуги платного бухгалтера. Как альтернатива - электронные сервисы Эльба или Моё Дело.

Рандомную Карту? Есть ли какие-то более выгодныее тарифы с хорошими процентами? Или при приеме с зарубежья, все не имеет смысла?

Изучайте тарифы) всё зависит от суммы, которую нужно выводить ежемесячно. Самые выгодные тарифы у Модуля, Точки и Тинькова.
Про какие проценты идёт речь? Процент на остаток? В валюте сейчас нет хороших процентов. Да и на рубли процент уже смешной, чтобы как-то его учитывать при выборе банка.

Вопрос: доки попросит сам банк? Прямо сам и нужный список? В какой момент, в момент валютного контроля? Или лучше все сразу дать при открытии счета?

Доки у вас попросит валютный контроль, чтобы одобрить входящий перевод. Особо нет смысла что-то заранее им посылать. Если банк умеет работать с Upwork, то он сам скажет, какие доки ему нужны. А если не умеет, то лучше с таким банком не связываться))

перевожу с пайпала или апворка деньги. Что дальше?

Не очень понимаю, при чём тут вообще пейпал? Если переводите деньги с апворка на р/с, то валютный контроль банка сам с вами свяжется и потребует предоставить документы в двухнедельный срок.

Плачу налог - сам или удерживается автоматом?

Сам.

На всякий случай уточню - мой опыт касается ИП. Но многое должно совпадать.

В текущий момент поддерживаю достаточно большой проект на фалконе, который был написан до меня. Так вот, всем кто там дрочил на сишные либы фалкона, мое вам имхо, основаное на годе поддержки этого проекта:

1) Оно мегахреново переносится и очень криво становится на свежие системы. Корме того что половина гайдов по установке устарела, но все еще лежит на оф. сайте, гайды сообщества противоречат друг-другу, 90% из них не работает, а про некоторые дистрибутивы можете просто забыть, там они работать просто не будут.

2) Оно все работает as is и хрен ты посмотришь как работает родная вьюшка/конторллер "внутри", а доки не сказать чтобы хорошо описаны, комьюнити слабенькое, многие вещи сделаны спорно, а поправить или что-то подкрутить дело неблагодарное.

3) Теперь про самое интересное - скорость работы. Так вот, вся это мутотень про память и прочие плюшки на нормальном сервере не ощущается вообще, то есть переходя определенный предел мощности/вооруженности сервера скорость практически сравнялась с нативом (использовался ларавел и Уии на том же сервере, по замерам - плюс-минус то же по скорости, и чуть больше по памяти (центос, 64гб оперативы, 4 проца, нжинкс, пхп 7.2). Короче выгода была на ветке пхп 5.+, сейчас его актуальность практически равна нулю.

4) В моем случае по приходу сервер регулярно падал при "серьезной" нагрузке (20-30рпс), в чем я изначально предположил вину старых модулей фалкона, но по факту оказалось что 99% нагрузки вносили ожидания запросов к бд, некоторые из которых были по 7-15 минут, а некоторые куски кода создавали по 80+ запросов с 1 страницы, просто дозапрашивая какие-то данные для вьюшки в цикле. Предыдущий "кудесник" кормил руководство отмазками типа - "мало памяти, железо слабое, все плохо, а то бы летало...". "Магия плохого железа" закончилась после оптимизации запросов и доведения самых тяжелых до 0,5 секунды, а так же выборки всех данных в 1-2 запроса с нормальными джоинами.

5) Основной вопрос всегда сводится к жадности - взять что-то побыстрее из софта, сэкономив на хостинге/оборудовании. И оно всегда не работает так, по ряду факторов, которые достаточно очевидны.

methods: {
  onKeyPress(e) {
    if (/* нажато что надо */) {
      this.$refs.searchInput.focus();
    }
  },
},
created() {
  document.addEventListener('keypress', this.onKeyPress);
  this.$on('hook:beforeDestroy', () => document.removeEventListener('keypress', this.onKeyPress));
},

В компоненте с полем поиска в событии mount навесить нативный js'овский event listener прямо на document. В beforeDestroy не забыть отцепить.
Тогда если на станице есть соответствующий компонент - всё будет работать. Если нет - не будет ошибок.

Может, без регулярок?

const mask = (s) => '*'.repeat(s.length - 4) + s.substr(-4);

mask('1234567890123456') // "************3456"