SensaiKudisai

Слева представлен список проектов с задачами, справа - продолжительность задач по дням и общее количество дней, выделенное на выполнение задачи.

Далее подробнее о том, какие поля здесь есть и каково их предназначение.

Столбец A содержит флаги, которые могут быть установлены в значения true или false. По-умолчанию, значение ячейки false, но в случае, если задача была выполнена, можно установить флаг в ячейку. Таким образом, если задача была завершена ранее установленного дедлайна, она пропадет из плана в графической части ГТ (далее в посте опишу этот феномен подробнее).

Второй столбец Проект представляет головную задачу, которую мы хотим решить или цель. В данном случае, строки с целями представляют собой ячейки с объединением нескольких столбцов, текст в которых выделен и подчеркнут. А ячейки под смерженной ячейкой могут быть заполнены как майлстоуны, по крайней мере, таково мое видение)

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

Столбец D включает в себя приоритет задач. В данном случае приоритет выставляется автоматически по формуле:

=iferror(arrayformula(if(F3:F<>"";if(F3:F-TODAY()<=2;"высокий";if(F3:F-TODAY()<=4;"средний";"низкий"));""));"")

Исходя из формулы, значение “высокий” устанавливается, если до дедлайна осталось 2 дня, “средний” - 4 дня и “низкий” в остальных случаях. Формула может быть подправлена исходя из вашего представления о приоритете.

Столбцы E и F содержат информацию о начале и окончании задачи соответственно. Данные заполняются пользователями. Формату поля присваивается значение “Дата” автоматически при проставлении даты. В дальнейшем при намерении изменить значение ячейки можно кликнуть по ней дважды и выбрать новую дату из календаря.

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

Последняя колонка содержит количество рабочих дней выделенных под задачу. Считается также автоматически.

Графическая часть таблицы

Как было очевидно до сих пор, в таблице содержится большое количество заливок разных цветов.

Все заливки (помимо шапки) осуществляются инструментами условного форматирования.

На видео также видно, как изменение дат влияет на заливку ячеек в области колонок с датами.

В этом и заключена основная идея этого шаблона.

Далее подробнее про значение каждого цвета в ГТ.

В области списков задач и целей есть 4 цвета.

В колонке с приоритетами возможны 3 опции: зеленый, желтый, красный. Они лишь свидетельствуют об уровне приоритета или срочности задачи и соответствуют названиям: низкий, средний, высокий.

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

В области колонок с датами напротив каждой задачи изображена ее продолжительность по дням.

Здесь также возможны 4 варианта заливки.

Сначала посмотрим на вертикальную заливку.

В столбцах G,H и N,O и так далее заливка бледно-розового цвета свидетельствует о том, что эти даты выпадают на сб и вс. Таким образом, можно увидеть, когда задача попадает на выходные дни и не будет выполняться.

На скрине выше предусмотрено, что задача выполняется в выходной день, так как заливка задачи лежит “выше” заливки викенда. Но возможна обратная ситуация, что предусмотрено на скрине ниже. Посмотрите на картинки и найдите одно отличие)

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

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

Красный цвет - пройденный этап, голубой - текущий и запланированный.

Вернемся к галочкам в колонке A. Как уже упоминалось, флаг в колонке свидетельствует о том, что задача завершена. Посмотрим, как это выглядит на диаграмме.

В строках 26 и 27 у меня расположены две задачи по майлстоуну Chapter 4, где я подразумеваю изучение темы: просмотреть видео-лекции и выполнить упражнения.

Я уже просмотрела лекции, установила флаг напротив этой задачи и готова выполнить упражнения. Я решила их выполнить и по завершению установила флаг, как на скрине ниже.

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

Аналогично галочка работает для задач, которые уже были начаты, но вы их завершили раньше назначенного окончания. Пример на скринах ниже в колонке 12.

Заливка пропадает для будущего периода времени (голубой цвет), при этом красная заливка будет продолжаться.

Редактируемые столбцы

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

Завершение

На этом описание гайда заканчивается. Если у вас есть вопросы/ предложения/ замечания очень буду рада увидеть фидбек в комментариях. Шаблон гибкий, можно допилить свои хотелки либо предложить в комментах под постом

Ссылка на таблицу https://docs.google.com/spreadsheets/d/1Vx3v9MKnSpl5Pq1GhV7L...

Давайте разберемся как создать этот список команд и присвоить каждой ту или иную функцию.

С созданием списка команд все довольно просто, это реализуется непосредственно в настройках бота через @BotFather:

1) Вводим команду /mybots

2) Видим список наших ботов

3) Выбираем тот бот, которому присвоим список команд

4) Кликаем Edit Bot

5) Кликаем Edit Commands

Далее, следуя формату, отправляем список команд, например:

getkeyboard - получить клавиатуру

save - сохранить

Следим, что нам отвечает отец ботов. Видим сообщение Success - мы молодцы! Идем дальше.

Теперь если мы введем “/” в чате с нашим ботом, то он предложит список команд. Проверяем, что список есть:

Добавим логику нашим командам

Как уже видно из описания команд, я хочу отправить в чат клавиатуру.

Создам новую ГТ и перейду к написанию скрипта

Назову файл doPost, здесь будет только эта функция

Добавлю следующий скрипт:

function doPost(e)

{

let update = JSON.parse(e.postData.contents);

if (update.hasOwnProperty('message'))

{

let msg = update.message;

let chat_id = msg.chat.id;

let text = msg.text;

let msg_array = msg.text.split(" ");

let date = (msg.date/86400)+25569.125;

let user = msg.from.username;

if (text == "/getkeyboard") {

Demo.send_key("Галочки", chat_id, API, keyboard)

}

if (text == "/save") {

Demo.send("Клавиатура сохранена”, chat_id, API)

}

}

}

Все! Для каждой команды теперь добавлен функционал...

Хорошо, расскажу поподробнее))

doPost(e) - стандартная функция телеграма для обработки сообщений ботом. В нее мы записываем, что бот должен делать при получении той или иной команды.

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

Итак, если текст сообщения == “/getkeyboard”, мы отправляем в чат некую клавиатуру.

Если мы отправили боту команду “/save”, то он ответит нам сообщением “Клавиатура сохранена”.

Подробно функции send и send_key, а также библиотека Demo рассматривались в постах ранее. Вот ссылки:

- Создание бота (функция send)

- Клавиатуры (функция send_key)

- Библиотека

Дабы не перегружать дорогого читателя инфой, остановлюсь здесь)

Как всегда жду фидбека и вопросиков ^^ Всегда рады пообщаться!

Подробнее о том как спарсить данные с сайта в таблицу в этом посте: Парсинг данных с сайтов в гугл таблички (GS1)

Тут приведу только формулу:

=IMPORTHTML("https://yandex.ru/pogoda/ufa/details?via=mf#26","table",1)

Теперь подключаем бота. Как это сделать - читай тут: Подключение телеграм бота к гугл табличкам (GS3)

Если ранее мы использовали chat_id - чат с самим ботом, то сейчас мы будем использовать ид чата/ группы в телеграме, в который бот был добавлен.

Для этого нам необходимо сохранять ид чата отдельно в таблице и обращаться к этому значению как к значению переменной chat_id.

Соответственно, нам нужна функция, которая будет это делать:

function link(chat_id) {

//записывает ид чата в таблицу

DOC.getSheetByName("Settings").getRange(2,1).setValue(chat_id);

Demo.send("ID записан", chat_id, API_TOKEN);

}

Важно! В строке Demo.send я вызываю функцию send, которая уже рассматривалась в посте про создание бота. Demo в данном контексте - это название библиотеки, также подробнее про библиотеки можно почитать в соответствующем посте.

Вызывать ее мы будем из тела функции doPost(e) при условии, что боту отправлена команда /link. В коде это выглядит вот так:

Теперь соберем все вместе и сформируем сообщение для отправки в чат.

Глобальные переменные:

API_TOKEN - токен бота

DOC - ссылка на вашу гугл таблицу

DATA - лист гугл таблицы, содержащий прогноз погоды

SETTINGS - лист гугл таблицы, содержащий значение chat_id

App_link - URL веб приложения

Все, что в кавычках, должно быть изменено на ваши значения.

Функция для подключения веб хука:

Функция link(chat_id) для запоминания id чата

Функция daily() для формирования и отправки прогноза в чат:

На данный момент функция daily() не вызывается другой функцией или командой типа /link или /hello.

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

Переходим на вкладку Triggers

Добавляем новый триггер

В окне задаем необходимые параметры.

Во-первых, функцию. Фукция, которая вызывается по триггеру, - daily().

Event source - по времени (Time-driven)

Type of time based trigger - Day timer (раз в день)

Time of day - в какое время триггер должен сработать

Сохраняем.

Результат работы скрипта ниже.

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

Пропишем функцию send(msg, chat_id) :

function send (msg, chat_id, api) {

//Отправляет сообщения в тлг. На вход функции дать сообщение и ID чата, в который нужно провести отправку

var payload = {

'method': 'sendMessage',

'chat_id': String(chat_id),

'text': msg,

'parse_mode': 'HTML'

}

var data = {

"method": "post",

"payload": payload

}

UrlFetchApp.fetch('https://api.telegram.org/bot' + api + '/', data);

}

Сохраняем проект и делаем деплой

Кликаем по шестеренке и выбираем Library

Кликаем Deploy внизу окна и видим ссылку на библиотеку

Из всей ссылки нам нужен только id, который зашит между /d/ и /4 (согласно скрину выше) - 1iJ_IOEicfGzTlfbhDkcKIcBBEbh9UJ8WLf1FRQZ1Wu_Wnoqw6OBtITjZ. Копируем свой ид и идем дальше.

Создаем новые гугл таблицу и скрипт. В скрипте прописываем глобальные переменные

Помним, что значения этих переменных у вас будут свои.

Попробуем добавить тот же функционал, что и в посте про создание бота, с отправкой сообщения в чат телеграма. Но в этот раз мы не будем создавать функцию send(), а подключим библиотеку, в которой она уже есть.

Добавляем библиотеку

В открывшемся окне вставляем ID библиотеки (не ссылку, а ид) и кликаем Look up

Если подключение библиотеки прошло успешно, в окне появятся дополнительные поля выбора версии и указания идентификатора.

Название идентификатора меняем на короткое и понятное и кликаем Add.

В результате в списке библиотек видим новую библиотеку

Напоминаю, что в библиотеке у нас 1 функция. К ней можно обратиться следующим образом: имяБиблиотеки.имяФункции

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

Demo.send("Hello World", chat_id, API_TOKEN)

Сохраняем проект, кликаем Deploy, обновляем Api_link, выполняем функцию api_connector и идем тестить работу этого бота (этот алгоритм действий также подробнее описан в статье про создания бота).

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

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

В скрипте эта запись выглядит так:

Примечание: в доке назначения заранее добавьте строки, если вставляемое число строк больше того, что есть в назначенном документе

Дальше очистим значения листа в итоговом документе, это нужно, чтобы не оставалось лишних данных

И указываем диапазоны :

Dest.getRange(1,1,Lr), где 1 номер начальной строки, lr номер последней строки и 1 посередине - номер столбца ,куда будет записываться данные

Все, готово:)

Готовый скрипт выглядит вот так, согласитесь крайне несложно)) :

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

1. Добавить триггер самообновления

Настроить периодичность обновления скрипта

Например: обновление раз в сутки или каждые 4 часа

Или же можно воспользоваться вторым способом

2) Вставить рисунок, и обозначить скрипт

Вставляем рисунок и нажимаем на 3 точки

Дальше выбираем “назначить скрипт”

Пишем название скрипта до скобок (в скрипте это название функции):

Теперь при нажатии на эту картинку будет исполняться скрипт :)

Готово!) И не пугайтесь, если скрипт отрабатывает, как вам кажется слишком долго, учитывая объем инфы - полторы минуты эт норма.

Р.S. Готовый скрипт:

function import_data() {

const CURRENT = SpreadsheetApp.getActiveSpreadsheet();

const Dest = CURRENT.getSheetByName("Dest");

const SOURCE = SpreadsheetApp.openById("1JjqIJln5IKjNaLBMRVQAH72x8doTZLykf_3JeB1i0wQ");

const Source = SOURCE.getSheetByName("Source");

const dataArr = Source.getRange("A:A").getValues();

const zapis4Arr = Source.getRange("E:E").getValues();

const zapis7Arr = Source.getRange("H:H").getValues();

const lr = Source.getMaxRows();

Dest.clearContents();

Dest.getRange(1,1,lr).setValues(dataArr);

Dest.getRange(1,2,lr).setValues(zapis4Arr);

Dest.getRange(1,3,lr).setValues(zapis7Arr);

}