Жизнь замечательных грибов
Здесь собраны статьи, наработки, исправление ошибок и решение проблем связанных с разработкой для WEB
Задача: вытянуть на веб страницу данные по текущему битрейту каналов на карте с мониторинга на сервере астры.
Удачно сложилось, что сам «штатный» мониторинг сервера обменивается между своим ядром и веб страницей через соединение websocets. Это можно использовать, написав свой сервис «цепляющийся» к астре и получающий данные. » Читать далее
Для отображения иконок в меню, полезно использовать шрифты Awesone, имеющих в «базе», набор иконок практически на все случаи жизни. Иконку в нужное место можно вставить например вот так:
|
1 |
<i class='fa fa-paw fa-fw'> </i>Настройка Chat","Чат поддержки |
Может получится что-то вроде:
Из плюсов: вместо множества картинок, загружается один файл, что положительно сказывается на скорости загрузки страницы. Из минусов — иконок таки может не хватить, а добавить свои иконки, проблематично.
нужно создать страницу с именем sidebar, и разместить в ней содержимое. Например структуру страниц при помощи дополнения Indexmenu. Чтобы названия пунктов меню выводились без подчеркивания, необходимо в настройках вики выставит useheading в «Всегда». Ну соответствено каждую страницу начинать с заголовка.
Выпущен новый релиз ПО для учета оргтехники и ТМЦ в организации. Вероятно стабильный. Прошу дать обратную связь по ошибкам и недоработкам.
Из нового:
Планы на будущее:
Документация: http://xn--90acbu5aj5f.xn--p1ai/?page_id=1202
Скачать: https://github.com/donpadlo/webuseorg3/releases
Задача: при отрисовке графика Pie, показывать надписи только для значимых значений.
Решение: повесим обработчик вывода на inGraphDataFontSize
Код:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
function setFontSize(area,ctx,data,statData,posi,posj,othervars) { if(statData[posi].v6<=3) return(0); // do not display the data if the slice is less than 5 % else if (statData[posi].v6<10)return(10); // display with font size=10 when slice is between 5 and 10 % else return(20); // otherwise, display with font size= 20 } var ctx = document.getElementById("myChart").getContext("2d"); var startWithDataset =1; var startWithData =1; var opt1 = { animationStartWithDataset : startWithDataset, animationStartWithData : startWithData, animateRotate : true, animationByData : true, animationSteps : 50, graphTitle : "Поступления д/с в разрезе систем", legend : true, inGraphDataShow : true, animationEasing: "linear", annotateDisplay : true, spaceBetweenBar : 5, graphTitleFontSize: 18, responsive : true, maintainAspectRatio : true, inGraphDataFontSize: setFontSize }; |
Получилось:
