[Модуль] Open Weather (app_openweather)

Разработка дополнительных модулей, подключение различных приложений.

Модератор: immortal

CAHbKA
Сообщения: 30
Зарегистрирован: Сб мар 17, 2018 6:37 am
Благодарил (а): 8 раз
Поблагодарили: 1 раз

Re: [Модуль] Open Weather (app_openweather)

Сообщение CAHbKA » Сб июн 20, 2020 11:28 pm

nick7zmail писал(а):
Сб июн 20, 2020 9:35 pm
CAHbKA писал(а):
Сб июн 20, 2020 2:12 pm
Как то ручками город можно добавить? список городов подгружается бесконечно. фаирфоксом и хромом пробовал
Ручками в базу можно напрямую ткнуть строчку...но лучше бы разобраться - почему не работает...могу подключиться посмотреть?
Пока ручками добавил. может позже. у меня 5 часов разницы с мск. неудобно удаленно координироваться.
Pi3 + MJD
Аватара пользователя
adzam
Сообщения: 581
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 16 раз
Поблагодарили: 130 раз

Re: [Модуль] Open Weather (app_openweather)

Сообщение adzam » Вс июн 21, 2020 12:11 am

ImageMaker писал(а):
Пт июн 19, 2020 9:19 am
Мне нужен виджет шириной 250-300 пикселей и высотой не больше 100-150 пикселей.
На виджете должен быть недельный прогноз.
0.0.png
0.0.png (9.93 КБ) 1229 просмотров
Попробуй виджет размер 280*140, прогноз на неделю.
Распаковать в директорию _majordomo\htdocs\templates\app_openweather\widgets
СпойлерПоказать
forecast.widget1a.rar
(1.65 КБ) 62 скачивания
Вызывать командой [#module name="app_openweather" vid="1" widget="forecast.widget1a"#]
За это сообщение автора adzam поблагодарил:
ImageMaker (Ср июл 08, 2020 8:38 pm)
Рейтинг: 1.23%
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Volter5000
Сообщения: 34
Зарегистрирован: Пн мар 27, 2017 12:33 am
Откуда: ДНР, Донецк
Благодарил (а): 6 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [Модуль] Open Weather (app_openweather)

Сообщение Volter5000 » Вт июл 07, 2020 12:09 am

Помогите разобраться. В качестве док станции использую планшет acer a500 с версией андроида 4.4. При добавлении виджета widget=".forecast.widget1.swp" на сцену имею на выходе только голубую подложку и название города, анимация не проигрывается. Я подозреваю что версия оси старая и не может с ней справиться. Можно как нибудь отключить анимацию что-бы просто выводился виджет без всяких анимаций при появлении. На пк если что все четко работает.
Аватара пользователя
adzam
Сообщения: 581
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 16 раз
Поблагодарили: 130 раз

Re: [Модуль] Open Weather (app_openweather)

Сообщение adzam » Вт июл 07, 2020 9:14 pm

Откройте файл виджета с помощью текстового редактора и в стилях удалите анимацию.
СпойлерПоказать
<style>
@import url(https://fonts.googleapis.com/css?family ... 00,400,700);
@import url(https://cdnjs.cloudflare.com/ajax/libs/ ... ns.min.css);
/* Vars */
/* Grid System */
.fc-widget-1 * {
box-sizing: border-box;
}
.fc-widget-1 {
max-width: 620px;
position: relative;
padding: 0 15;
min-width: 600px;
}
.fc-widget-1:before, .fc-widget-1:after {
content: "";
display: table;
}
.fc-widget-1:after {
clear: both;
}
.fc-widget-1 .row:before, .fc-widget-1 .row:after {
content: "";
display: table;
}
.fc-widget-1 .row:after {
clear: both;
}
.fc-widget-1 .columns {
float: left;
display: block;
margin-bottom: 0px;
vertical-align: top;
padding: 0;
}
.fc-widget-1 .columns.sm-days {
width: 14.28%;
opacity: 0;
}
/* Main Styles */
.fc-widget-1 {
color: #fff;
font-family: "Lato", "Arial", sans-serif;
font-size: 1.5rem;
line-height: 1.6;
transition: all 0.5s;
}
.fc-widget-1 {
background: rgba(64, 165, 188, 0.8);
border-radius: 0.5rem;
box-shadow: inset 0 1.5px 4px rgba(255, 255, 255, 0.25), inset 0 1.5px 6px rgba(255, 255, 255, 0.25);
min-height: 200px;
overflow: hidden;
}
/* Header Section */
.fc-widget-1 header {
font-size: 3rem;
font-weight: 300;
padding: 1rem;
text-align: center;
overflow: hidden;
}
.fc-widget-1 header h2 {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 0px;
margin-bottom: 0px;
}
.fc-widget-1 .current-city-day {
font-size: 1rem;
display: block;
}
.fc-widget-1 sup {
position: relative;
top: -1em;
font-size: 50%;
}
.fc-widget-1 .current-city-weather {
font-size: 4rem;
}
/* Week Days Section */
.fc-widget-1 .week-days {
font-weight: 700;
text-align: center;
}
.fc-widget-1 .day {
background: #55a0b3;
border: 1px solid #86bdc9;
}
.fc-widget-1 .sm-days {
border-right: 1px solid #86bdc9;
cursor: pointer;
}
.fc-widget-1 .sm-days:last-child {
border: none;
}
.fc-widget-1 .day-weather-icon,
.fc-widget-1 .day-weather-info {
margin: 1rem 0;
}

.fc-widget-1 .day-weather-info h2{
margin: 0;
}
.day-weather-icon {
font-size: 2.5rem;
}
/* Media Queries */
@media (max-width: 720px) {
.fc-widget-1 {
font-size: 12px;
}
}
@media (max-width: 520px) {

.fc-widget-1 .columns {
float: left;
margin-left: 0;
margin-top: 1rem;
}
.fc-widget-1 .columns:nth-child(odd) {
margin-left: 0;
}
.fc-widget-1 .columns.sm-four,
.fc-widget-1 .columns.sm-days {
width: 100%;
}
.fc-widget-1 .day {
padding: 1rem;
}
.fc-widget-1 .current-city-day {
font-size: 2rem;
}
}
/* Keyframes */
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fc-widget-1 .fadeInUp {
animation-name: fadeInUp;
animation-duration: 1s;
animation-fill-mode: both;
}
@keyframes fadeIn {
0% {
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.fc-widget-1 .fadeIn,
.fc-widget-1 .columns.sm-days {
animation-name: fadeIn;
animation-duration: 1s;
animation-fill-mode: both;
}
.fc-widget-1 .sm-days:nth-child(1) {
animation-delay: 0.2s;
}
.fc-widget-1 .sm-days:nth-child(2) {
animation-delay: 0.4s;
}
.fc-widget-1 .sm-days:nth-child(3) {
animation-delay: 0.6s;
}
.fc-widget-1 .sm-days:nth-child(4) {
animation-delay: 0.8s;
}
.fc-widget-1 .sm-days:nth-child(5) {
animation-delay: 1s;
}
.fc-widget-1 .sm-days:nth-child(6) {
animation-delay: 1.2s;
}
.fc-widget-1 .sm-days:nth-child(7) {
animation-delay: 1.4s;
}



</style>
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Аватара пользователя
ImageMaker
Сообщения: 42
Зарегистрирован: Ср фев 13, 2019 9:28 pm
Благодарил (а): 14 раз
Поблагодарили: 0

Re: [Модуль] Open Weather (app_openweather)

Сообщение ImageMaker » Ср июл 08, 2020 8:39 pm

adzam писал(а):
Вс июн 21, 2020 12:11 am
Попробуй виджет размер 280*140, прогноз на неделю.
Спасибо.

Температуру показывает, но не видны иконки погоды :(
Как поправить?
Volter5000
Сообщения: 34
Зарегистрирован: Пн мар 27, 2017 12:33 am
Откуда: ДНР, Донецк
Благодарил (а): 6 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [Модуль] Open Weather (app_openweather)

Сообщение Volter5000 » Ср июл 08, 2020 11:23 pm

adzam писал(а):
Вт июл 07, 2020 9:14 pm
Откройте файл виджета с помощью текстового редактора и в стилях удалите анимацию.
СпойлерПоказать
<style>
@import url(https://fonts.googleapis.com/css?family ... 00,400,700);
@import url(https://cdnjs.cloudflare.com/ajax/libs/ ... ns.min.css);
/* Vars */
/* Grid System */
.fc-widget-1 * {
box-sizing: border-box;
}
.fc-widget-1 {
max-width: 620px;
position: relative;
padding: 0 15;
min-width: 600px;
}
.fc-widget-1:before, .fc-widget-1:after {
content: "";
display: table;
}
.fc-widget-1:after {
clear: both;
}
.fc-widget-1 .row:before, .fc-widget-1 .row:after {
content: "";
display: table;
}
.fc-widget-1 .row:after {
clear: both;
}
.fc-widget-1 .columns {
float: left;
display: block;
margin-bottom: 0px;
vertical-align: top;
padding: 0;
}
.fc-widget-1 .columns.sm-days {
width: 14.28%;
opacity: 0;
}
/* Main Styles */
.fc-widget-1 {
color: #fff;
font-family: "Lato", "Arial", sans-serif;
font-size: 1.5rem;
line-height: 1.6;
transition: all 0.5s;
}
.fc-widget-1 {
background: rgba(64, 165, 188, 0.8);
border-radius: 0.5rem;
box-shadow: inset 0 1.5px 4px rgba(255, 255, 255, 0.25), inset 0 1.5px 6px rgba(255, 255, 255, 0.25);
min-height: 200px;
overflow: hidden;
}
/* Header Section */
.fc-widget-1 header {
font-size: 3rem;
font-weight: 300;
padding: 1rem;
text-align: center;
overflow: hidden;
}
.fc-widget-1 header h2 {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 0px;
margin-bottom: 0px;
}
.fc-widget-1 .current-city-day {
font-size: 1rem;
display: block;
}
.fc-widget-1 sup {
position: relative;
top: -1em;
font-size: 50%;
}
.fc-widget-1 .current-city-weather {
font-size: 4rem;
}
/* Week Days Section */
.fc-widget-1 .week-days {
font-weight: 700;
text-align: center;
}
.fc-widget-1 .day {
background: #55a0b3;
border: 1px solid #86bdc9;
}
.fc-widget-1 .sm-days {
border-right: 1px solid #86bdc9;
cursor: pointer;
}
.fc-widget-1 .sm-days:last-child {
border: none;
}
.fc-widget-1 .day-weather-icon,
.fc-widget-1 .day-weather-info {
margin: 1rem 0;
}

.fc-widget-1 .day-weather-info h2{
margin: 0;
}
.day-weather-icon {
font-size: 2.5rem;
}
/* Media Queries */
@media (max-width: 720px) {
.fc-widget-1 {
font-size: 12px;
}
}
@media (max-width: 520px) {

.fc-widget-1 .columns {
float: left;
margin-left: 0;
margin-top: 1rem;
}
.fc-widget-1 .columns:nth-child(odd) {
margin-left: 0;
}
.fc-widget-1 .columns.sm-four,
.fc-widget-1 .columns.sm-days {
width: 100%;
}
.fc-widget-1 .day {
padding: 1rem;
}
.fc-widget-1 .current-city-day {
font-size: 2rem;
}
}
/* Keyframes */
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fc-widget-1 .fadeInUp {
animation-name: fadeInUp;
animation-duration: 1s;
animation-fill-mode: both;
}
@keyframes fadeIn {
0% {
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.fc-widget-1 .fadeIn,
.fc-widget-1 .columns.sm-days {
animation-name: fadeIn;
animation-duration: 1s;
animation-fill-mode: both;
}
.fc-widget-1 .sm-days:nth-child(1) {
animation-delay: 0.2s;
}
.fc-widget-1 .sm-days:nth-child(2) {
animation-delay: 0.4s;
}
.fc-widget-1 .sm-days:nth-child(3) {
animation-delay: 0.6s;
}
.fc-widget-1 .sm-days:nth-child(4) {
animation-delay: 0.8s;
}
.fc-widget-1 .sm-days:nth-child(5) {
animation-delay: 1s;
}
.fc-widget-1 .sm-days:nth-child(6) {
animation-delay: 1.2s;
}
.fc-widget-1 .sm-days:nth-child(7) {
animation-delay: 1.4s;
}



</style>
Пробовал так. Эффект такой же. Только теперь и на пк не отображает прогноз
Вложения
15942398172402704060037529505278.jpg
15942398172402704060037529505278.jpg (600 КБ) 998 просмотров
homester
Сообщения: 132
Зарегистрирован: Вт дек 24, 2019 2:09 pm
Благодарил (а): 59 раз
Поблагодарили: 16 раз

Re: [Модуль] Open Weather (app_openweather)

Сообщение homester » Чт июл 09, 2020 12:06 pm

В прошлой версии была хорошая опция "После обновления выполнить сценарий". Есть надежда увидеть ее и в новой версии ?
Аватара пользователя
nick7zmail
Сообщения: 7324
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 1933 раза

Re: [Модуль] Open Weather (app_openweather)

Сообщение nick7zmail » Чт июл 09, 2020 1:26 pm

homester писал(а):
Чт июл 09, 2020 12:06 pm
В прошлой версии была хорошая опция "После обновления выполнить сценарий". Есть надежда увидеть ее и в новой версии ?
Кто то ей таки пользовался? =D
Да, конечно есть, если есть такая необходимость.
За это сообщение автора nick7zmail поблагодарил:
homester (Чт июл 09, 2020 1:56 pm)
Рейтинг: 1.23%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Volter5000
Сообщения: 34
Зарегистрирован: Пн мар 27, 2017 12:33 am
Откуда: ДНР, Донецк
Благодарил (а): 6 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [Модуль] Open Weather (app_openweather)

Сообщение Volter5000 » Чт июл 09, 2020 10:12 pm

Возвращаясь к моей проблеме. Можно сделать простой виджет без всяких анимаций и эффектов. Просто облачка, градусы , и сила ветра. В общем красивый минималистичный дизайн. Я думаю я не один буду с такой проблемой. Кто хорошо в этом разбирается - помогите пожалуйста.
Аватара пользователя
adzam
Сообщения: 581
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 16 раз
Поблагодарили: 130 раз

Re: [Модуль] Open Weather (app_openweather)

Сообщение adzam » Пт июл 10, 2020 10:32 pm

Попробуйте вставить вот этот стиль в виджет, я его подкорректировал, должен работать
СпойлерПоказать
<style>
@import url(https://fonts.googleapis.com/css?family ... 00,400,700);
@import url(https://cdnjs.cloudflare.com/ajax/libs/ ... ns.min.css);
/* Vars */
/* Grid System */
.fc-widget-1a * {
box-sizing: border-box;
}
.fc-widget-1a {
max-width: 300px;
position: relative;
padding: 0 15;
min-width: 280px;
}
.fc-widget-1a:before, .fc-widget-1:after {
content: "";
display: table;
}
.fc-widget-1a:after {
clear: both;
}
.fc-widget-1a .row:before, .fc-widget-1 .row:after {
content: "";
display: table;
}
.fc-widget-1a .row:after {
clear: both;
}
.fc-widget-1a .columns {
float: left;
display: block;
margin-bottom: 0px;
vertical-align: top;
padding: 0;
}
.fc-widget-1a .columns.sm-days {
width: 14.28%;
opacity: 0;
}
/* Main Styles */
.fc-widget-1a {
color: #fff;
font-family: "Lato", "Arial", sans-serif;
font-size: 1.5rem;
line-height: 1.6;
transition: all 0.5s;
}
.fc-widget-1a {
background: rgba(64, 165, 188, 0.8);
border-radius: 0.5rem;
box-shadow: inset 0 1.5px 4px rgba(255, 255, 255, 0.25), inset 0 1.5px 6px rgba(255, 255, 255, 0.25);
min-height: 140px;
max-height: 150px;
overflow: hidden;
}
/* Header Section */
.fc-widget-1a header {
font-size: 2rem;
font-weight: 300;
padding: 0.3rem;
text-align: center;
overflow: hidden;
}
.fc-widget-1a header h2 {
font-size: 1rem;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 0px;
margin-bottom: 0px;
}

.fc-widget-1a header h2a {
font-size: 1.5rem;
margin-left: 15px;
font-weight: 300;
}

.fc-widget-1a .current-city-day {
font-size: 1rem;
display: block;
}
.fc-widget-1a sup {
position: relative;
top: -1em;
font-size: 50%;
}
.fc-widget-1a .current-city-weather {
font-size: 4rem;
}
/* Week Days Section */
.fc-widget-1a .week-days {
font-weight: 700;
text-align: center;
}
.fc-widget-1a .day {
background: #55a0b3;
border: 1px solid #86bdc9;
}
.fc-widget-1a .sm-days {
border-right: 1px solid #86bdc9;
cursor: pointer;
}
.fc-widget-1a .sm-days:last-child {
border: none;
}
.fc-widget-1a .day-weather-icon,
.fc-widget-1a .day-weather-info {
margin: 1rem 0;
font-size: 1.5rem;
}

.fc-widget-1a .day-weather-info h2{
margin: 0;
font-size: 1.2rem;
}
.day-weather-icon {
font-size: 2.5rem;
}
/* Media Queries */
@media (max-width: 720px) {
.fc-widget-1a {
font-size: 12px;
}
}
@media (max-width: 520px) {

.fc-widget-1a .columns {
float: left;
margin-left: 0;
margin-top: 1rem;
}
.fc-widget-1a .columns:nth-child(odd) {
margin-left: 0;
}
.fc-widget-1a .columns.sm-four,
.fc-widget-1a .columns.sm-days {
width: 100%;
}
.fc-widget-1a .day {
padding: 1arem;
}
.fc-widget-1a .current-city-day {
font-size: 2rem;
}
}
/* Keyframes */
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fc-widget-1a .fadeInUp {
animation-name: fadeInUp;
animation-duration: 0s;
animation-fill-mode: both;
}
@keyframes fadeIn {
0% {
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.fc-widget-1a .fadeIn,
.fc-widget-1a .columns.sm-days {
animation-name: fadeIn;
animation-duration: 0s;
animation-fill-mode: both;
}
.fc-widget-1a .sm-days:nth-child(1) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(2) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(3) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(4) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(5) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(6) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(7) {
animation-delay: 0s;
}


</style>
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Ответить