Комментарии

В смысле? ) Сырое приложение устанавливать? Это же не детский сад ) Если у кого то не просто сайты, а достаточно крупные проекты… Здесь тестировать на таких проектах — этом может пострадать репутация. Ну и к тому же автор заявил что в долгий ящик откладывает, это его выбор, но для теста это не серьёзно. Тест подразумеват проверил написал замечания правку сделали. А тут долгий ящик, без сроков и т.д. Может год, может 2 года. А за это время у автора интерес к разработке может изменится.  

Другое дело если приложение полноценное, рабочее, просто без допов, различных стандартных компонентов, которые никак не будут влиять на работу придложения и сайта в целом т.д. Важно чтобы открытый исходный код был открыт, там можно будет доработать своими силами. Но, авто не определён по поводу открытого кода, что ставит под огромное сомнение всю эту авантюру. 

Без претензий к автору. Но, даю свою обратную связь. 

Ответил в ЛС

Здравствуйте, а можно сделать чтобы поле сворачивалось в одну линию с показам текущей информации и с возможностью развернуть.

верный подход. Заодно узнаешь кому-что надо и кто и сколько готов за это доплатить

Разработку приложения откладываю на долгий ящик, так как думал за месяц справлюсь, но посмотрев сколько еще разделов не реализовано, понял что не справлюсь.

Максимум могу выпустить apk текущей версии, с возможностью подключить свой сайт. Выпустить компонент, что бы заинтересованные подключали свой сайт и тестировали

Есть понимание когда завершите приложение?

Соглашусь, нужно продумать сразу. 

Парвиз, если не складчина. Готов выкупить под себя открытый код. Только главное, чтобы в Rustore можно было выкладывать. Без открытого кода приложение никому не нужно удет, у приложений есть свойство необходимости обновлений. Вы же не будете под каждый пчих всё бросать и обновлять? Поэтому нужна автономия, только так можно быстро обновлять приложение.

конечно можно в Рустор. Приложения на Flutter легко залетают хоть в рустор хоть в гугол хоть в яблоко

Я колебался между PWA и miniApp в ботах. Твоё приложение выбило вариант PWA. Флаттер встал между PWA и нативом. Хорошо получилось 

Теперь (пока на это есть время) колеблюсь между твоим приложением и miniApp в ботах.

Несколько вопросов:

1. шустро ли приложение работает с камерой? мне надо чтоб шустро фотки с камеры оптимизировались и на сервер улетали для распознавания объектов на этих фото.

2. Будет ли открыт исходный код при продаже (+WhiteLabel)? Т.к. мне под свои задачи надо дорабатывать, как минимум у меня будет 2-а API, одно в instantcms (допустим под твоё приложение) второе в nodejs + моя flutter-библиотека для обработки фото

Да, год назад, я конечно «помню». Ваш компонент, вы и запомнили. Попросили протестить, я протестил. 

Внести изменения не составит труда, вы верно заметили. Но на данный момент реализация такова. Записал ваши предложения, возможно, если будет свободное время, внесу изменения. 

Это ваше решение.

Внести изменения думаю для разработчика не составит труда.

Другие которые купили — Уверен будут рады данной функции — она улучшает весь процесс и не делает его просто книгой рецептов.

По поводу покупки — пока не знаю куда применить. Меня привлекло внимание, анализировал и подсказал. Реализовал.

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

И так пошагово:

Расширить существующее 

const recipe = {
  steps: [
    {
      description: 'Нарезать овощи',
      duration: 180 // секунд
    },
    {
      description: 'Обжарить на сковороде',
      duration: 300
    }
    // ...другие шаги
  ],
  totalTime: 480 // общее время (сумма durations)
};
 

Интерфейс таймера (HTML + CSS):

дисплей текущего шага;
обратный отсчёт в формате мм: сс;
кнопки «Старт/Пауза», «Следующий шаг», «Сбросить»;
индикатор прогресса (полоска или круговой прогресс).

javascript

class RecipeTimer {
  constructor(recipe) {
    this.recipe = recipe;
    this.currentStep = 0;
    this.timerId = null;
    this.isRunning = false;
    this.remainingTime = this.recipe.steps[0].duration;
  }
 
  start() {
    if (this.isRunning) return;
    this.isRunning = true;
    this.updateDisplay();
    this.timerId = setInterval(() => {
      this.tick();
    }, 1000);
  }
 
  pause() {
    clearInterval(this.timer Id);
    this.isRunning = false;
  }
 
  nextStep() {
    this.pause();
    this.currentStep++;
    if (this.currentStep >= this.recipe.steps.length) {
      this.showCompletion();
      return;
    }
    this.remainingTime = this.recipe.steps[this.currentStep].duration;
    this.updateDisplay();
  }
 
  tick() {
    if (this.remainingTime <= 0) {
      this.notifyStepEnd();
      this.nextStep();
    } else {
      this.remainingTime--;
      this.updateDisplay();
    }
  }
 
  updateDisplay() {
    const minutes = Math.floor(this.remainingTime / 60);
    const seconds = this.remainingTime % 60;
    document.getElementById('timer').textContent = 
      `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
 
    document.getElementById('step-description').textContent = 
      this.recipe.steps[this.currentStep].description;
  }
 
  notifyStepEnd() {
    // Звуковое оповещение
    const audio = new Audio('/sound/beep.mp3');
    audio.play();
 
    // Браузерное уведомление (если разрешено)
    if (Notification.permission === 'granted') {
      new Notification('Время следующего шага!');
    }
 
    // Визуальный эффект
    document.body.classList.add('flash');
    setTimeout(() => {
      document.body.classList.remove('flash');
    }, 500);
  }
 
  showCompletion() {
    alert('Рецепт готов!');
    this.reset();
  }
 
  reset() {
    this.pause();
    this.currentStep = 0;
    this.remainingTime = this.recipe.steps[0].duration;
    this.updateDisplay();
  }
}
 

html

<div class="recipe-player">
  <div id="step-description" class="step">Шаг 1: Нарезать овощи</div>
  <div id="timer" class="timer">03:00</div>
  <div class="controls">
    <button onclick="timer.start()">Старт</button>
    <button onclick="timer.pause()">Пауза</button>
    <button onclick="timer.nextStep()">Следующий шаг</button>
    <button onclick="timer.reset()">Сброс</button>
  </div>
  <div class="progress"></div>
</div>
 

css

.flash {
  animation: flash 0.5s ease-in-out;
}
 
@keyframes flash {
  0% { background-color: #fff; }
  50% { background-color: #ffeb3b; }
  100% { background-color: #fff; }
}
 
.timer {
  font-size: 2rem;
  font-weight: bold;
  margin: 1rem 0;
}

Прогресс:

updateProgress() {
  const total = this.recipe.totalTime;
  const elapsed = total - this.remainingTime;
  const percent = (elapsed / total) * 100;
  document.querySelector('.progress').style.width = `${percent}%`;
}
 

Инцилизация RecipeTimer при загрузке страницы:

const timer = new RecipeTimer(recipeData);

как то так… тут можно по принципу прихода сообщения сделать как в чате звукового оповещения.

попробуйте

1) Галочкам дать понятие — что всё таки оно означает вычёркивание. Думаю это не сложно. (на данный момент галочка а что делает...)

2) Почему же нельзя, не обязательно мобильное приложение. Всё делает на JS спокойно

Поле делалось по аналогии с известным кулинарным сайтом. У них так. И здесь так. Увы, это не мобильное приложение, чтобы сделать все то, о чем вы сделали замечания. 

ответ на этот вопрос вы получили год назад… он есть выше. не вижу смысла дублировать.

Есть желающие до анонса протестировать новую версию поиска?

Что нового:

1. дублей в поиске больше быть не должно
2. добавлен вывод поиска по фотографиям
3. обновлен внешний вид

Скачать можно по ссылке disk.yandex.ru/d/IjEmfQO89JPAwA

Важно проверить на дубли. Теперь при изменении текста все фоновые поисковые запросы отменяются, проблемы с дублями быть не должно.

На демо demo.bergorod.ru также стоит новая версия