IT Блог

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

Если ещё не установили nodejs, то устанавливаем:

apt-get install node
apt-get install npm

После установки NodeJS нужно добавить ссылку на nodejs, так как в debian исполняемый файл называется nodejs (вместо node):

sudo ln -s /usr/bin/nodejs /usr/bin/node

Убедитесь, что установлены пакеты:

sudo apt-get install sass
sudo apt-get install ruby-compass

Создаём в корне проекта package.json:

{
  "name": "grunt-getting-started",
  "version": "0.1.0",
  "devDependencies": {
    "grunt"                    : ">= 0.4",
    "grunt-cli"                : ">= 0.1.6",
    "grunt-contrib-sass": "latest",
    "grunt-contrib-watch": "latest"
  }
}

devDependencies - содержит список необходимых зависимостей.

Создаём в корне...

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

Интуиция подсказывает, что нужно использовать метод .redraw(), но, увы, возможно, это не сработает (как это случилось у меня). Мне, к примеру, нужно было перерисовывать диаграмму после сворачивания левой панели меню. Когда сворачивается или разворачивается меню, то ширина div-а изменяется и нужно автоматически подстраивать графики под новую ширину.

Для перерисовки диаграмм highcharts используйте метод .reflow():

$('..close').on('click.chart', function () {  // вешаем событие click на кнопку сворачивания меню
    var $sb_chart = $('.sb_chart');
    $.each($sb_chart, function () {  // если у вас несколько графиков
        var chart = $(this).highcharts();
        chart...

Авторизация пользователей на своём сайте через Google осуществляется так же просто, как и в или . Возьмём для примера этот сайт vivazzi.pro.

Для начала нужно перейти на страницу и создать свой проект, нажав на знак "+":

Вписываем название проекта:

Далее переходим в "Учётные данные" (вкладка находится на левой боковой панели) и щёлкаем на "Создать учётные данные".

Через кнопку "Создать учётные данные" нам нужно добавить доступ OAuth, т. е. идентификатор клиента OAuth. Щёлкаем и видим сообщение о том, что нам нужно заполнить "Окно запроса доступа Oauth". Переходим по ссылке, и можно заполнить только поле "Название продукта, который видят пользователи":

Вот теперь можем...

Рассмотрим авторизацию пользователей на своём сайте через социальную сеть Facebook на примере сайта vivazzi.pro.

Сперва мы должны зарегистрировать своё приложение в соц. сети Facebook на странице

Щёлкните "Добавьте новое приложение" и в форме впишите название вашего проекта. В моём случае: Vivazzi.

Перед нами откроется панель приложения:

Обратите внимание, что рядом с названием расположен незакрашенный круг с зелёной обводкой. Это говорит о том, что пока приложение находится в тестовом режиме. Чуть позже мы сделаем его доступным для всех, а пока продолжим настройку.

Теперь нужно добавить продукт "Вход через Facebook":

Выбираем платформу "Веб", если собираемся регистрировать пользователей на своём сайте. Далее...

Django-allauth замечательный пакет для авторизации пользователей на своём сайте, который берёт на себя рутинные операции по регистрации пользователей обычным способом через форму, а также через популярные социальные сети.

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

На данный момент приложение поддерживает более 60 соц. сетей...

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

На странице добавьте своё приложение аналогично скриншоту:

Далее, нужно вам будет выслан код для подтверждения регистрации нового приложения по смс. Получите код и подтвердите регистрацию:

После подтверждения вы можете увидеть свой ID приложения, а также защищённый ключ (секретный ключ), который понадобится для авторизации:

Включённый open API позволяет производить разные действия, в том числе вход и регистрацию пользователей на своём сайте.

Для авторизации пользователей на сайте введите Адрес...

Как оказалась, в графиках highstock не особо гибкая настройка группировки точек в зависимости от просматриваемого интервала времени. Да, данные могут группироваться, если их очень много (более тысячи) в некотором выбранном отрезке времени. Но когда это произойдёт, точно не понятно.

Настройку группировки вы можете осуществить через параметр plotOptions.series.dataGrouping.units (), например:

Highcharts.stockChart('chart', {

    plotOptions: {
        series: {
            dataGrouping: {
                forced: true,
                units: units: [[ 'week', [1] ], ]
            },
        }
    },

    ...
});

Но здесь не указывается при каком временном определённом интервале следует выполнять соответствующую группировку (по неделям, месяцам и т. д.).

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

Создание архива tar

tar -cvf file.tar /path/to/file_or_folder/   # создать .tar

С форматами .tar.gz и .tar.bz2 применяется ещё и сжатие:

tar -czvf file.tar.gz /path/to/file_or_folder/   # создать .tar.gz (популярный)
tar -cjvf file.tar.bz2 /path/to/file_or_folder/   # создать .tar.bz2

Распаковка архива .tar

tar -xvf file.tar.gz

Ключи команды tar

-c - создание архива
-v - подробный список обрабатываемых файлов
-f - работа с файлом
-z - сжатие архива с помощью gzip
-j - сжатие архива с помощью bzip2
-x - извлечение файлов из архива
-C - переход в каталог (см. подробности ниже)

Тонкости архивации

Замечали, что при распаковке архива...

Уважаемые читатели!

Рад представить свой новый проект Levels -

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

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

Долго не мог понять почему Django выдаёт мне ошибку при попытке прикрутить django-parler:

Unknown field(s) (my_trans_field) specified for MyModel. Check fields/fieldsets/exclude attributes of class MyModelAdmin.

Ключевой момент в том, что в админ-классе у меня был определена переменная form:

@admin.register(MyModel)
class MyModelAdmin(TranslatableAdmin):
    form = MyModelForm

    fieldsets = (
        (None, {
            'fields': ('field_1', 'field_2'),
        }),
        (_('Translatable Fields'), {
            'fields': ('my_trans_field', )
        }),
    )

И, как оказалось, класс MyModelForm нужно тоже наследовать от специфического класса TranslatableModelForm приложения parler:

class MyModelForm(TranslatableModelForm):
    custom_field = forms.DateTimeField(label='Custom Field', required=False)

    class Media:
        css = {'all': ['spec/css/custom_styles.css', ]}

Теперь всё заработало, и я вижу поле my_trans_field...