для фронта есть лифлет, опенлеерс

а для лифлета должен быть тайл-сервис

тайлы для обычных карт это яндекс, осм, гугол

тайлы для плана магазина должен дать бэкенд

тайлы для плана магазина должен дать бэкенд

а есть что-то готовое вообще известное для этого?

лучше вектор я думаю

а есть что-то готовое вообще известное для этого?

да. Но что это, я лично не знаю.

можно вектор, но один фиг он должен тайлиться

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

https://ruseller.com/lessons/les2072/demo/index.html - типа такого

фактически на мой взгляд работы бека тут как раз как таковой и нет - вся магия на фронте

и не надо бек нагружать - у меня хайлоад

это просто свг

да

если свг небольшой, его можно положить векторным слоем на лифлет

мне и надо просто свг, но где-то анимация, и в зависимости от входных параметров скрипта - нарисовать стрелочку

должен быть геосвг

самоцели делать карту с масштабированием вообще нет

наверно я не очень парвильно описал что хочу

хм

под а-ля яндекс карты

я имел в виду скорее механизм вставки карты на страницу

то есть мы делаем сервис - а дальше другие ресурсы его себе юзают

Так попроси кого не будь пусть нарисуют тебе свг твоего магазина, сделай ему хавер, а отдельно слоем сверху размещай элемент со стрелочкой, в чом проблема ?:)

вставляя тупо скрипт на страницу с настройками

Так попроси кого не будь пусть нарисуют тебе свг твоего магазина, сделай ему хавер, а отдельно слоем сверху размещай элемент со стрелочкой, в чом проблема ?:)

у меня 80 магазинов, в каждом 15 отделов и 1000 секций

дизайнер боюсь сдохнет как старая лошать на 2-м магазине

если не надо масштабировать и драг, то просто ставишь свг как картинку и делаешь ховеры

ты хочешь что бы тебе кто-то магическим образом срендерил твои магазины ?

нет - я хочу чтобы дизайнер нарисовал 80 планов и все

а стрелочки рисовал софт

если надо, чтобы было масштабирование, можно из свг сделать специальный формат с геоточками, положить его слоем в лифлет

а сотрудники клинета забили настройки - где какие товары лежат

а не дизайнер это рисовал

если надо, чтобы было масштабирование, можно из свг сделать специальный формат с геоточками, положить его слоем в лифлет

возможно, но это не панацея

в принципе карта магазина умещается на экране

и на телефоне?

я вообще не понимаю проблемы в этом кейсе

и на телефоне?

ну тоже сейчас об этом подумал - но вашу идею понял

http://jsfiddle.net/rimig/86o3h89m/

я вообще не понимаю проблемы в этом кейсе

Я в целом тоже. Но надо понять как лучше делать. Варинаты разные - пилотный проект запускать можно как написали выше - дизайнер нарисует 15 картинок и это будет упрощенный вариант. Но меня интересует сразу продумать хорошую архитектуру и запустить потом решение на максимум и по возможности быстро. Реализовать такое сможете?

http://jsfiddle.net/rimig/86o3h89m/

да - неплохо!

я вообще не понимаю проблемы в этом кейсе

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

Я в целом тоже. Но надо понять как лучше делать. Варинаты разные - пилотный проект запускать можно как написали выше - дизайнер нарисует 15 картинок и это будет упрощенный вариант. Но меня интересует сразу продумать хорошую архитектуру и запустить потом решение на максимум и по возможности быстро. Реализовать такое сможете?

Да в принципе смогу, но не ближайшее время Мне только не понятно что имееться введу под товарами на полках, у Вас карта будет 3-ох мерная ?

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

стрелочки маршрутов Вам лучше будет все же на фронте рисовать, потому что при ресайзе координаты будут совсем не совпадать с тем что у Вас на экране и с тем что Вам нарендерил бек

Есть условно 15 отделов, есть в каждом отделе по несколько десяткой секций

вот на беке будут храниться координаты секции - где лежит каждый товар

стрелочки маршрутов Вам лучше будет все же на фронте рисовать, потому что при ресайзе координаты будут совсем не совпадать с тем что у Вас на экране и с тем что Вам нарендерил бек

само собой - но бек должен выдать координаты маршрута

откуда до куда фронт должен прорисовать стрелки

и это сложная аналитическая задача уже

Если у Вас эдиници измерения это секция в магазине то я понял что вы имеете введу под координатами :)

Я просто думал что вы предлагаете беку считать координаты x-y для последующей отрисовки на фронте

нет - я бы делал единицу измерения - %

и хранил координаты в % - тогда нет проблемы с масштабированием

А ещё можно отрисовать все возможные пути, указать какой из них кароче, и хранить координаты в формате ShopId - DepId - SectionId

:)

И заставлять фронт просчитывать по заданым дорогам эти пути каждый раз :)

Привет! платформа по автоматизации таргетированной рекламы Hiconversion.ru ищет frontend разработчика. Требуется опыт с javasript от 3х лет, знание angular, react. Работа full time, Москва, Электрозаводская. Оклад 130-160 тыс. Белая зарплата, 50% оплата любых внешних курсов по специальности. Подробее можно почитать здесь https://hh.ru/vacancy/22546752 Можно зарегистрироваться и пощупать сервис здесь https://hiconversion.ru/ Я отвечу оперативно на вопросы в личку.

Всем привет, в app.run добавил сокет соединение и данные которые будут приходить нужно подставить в дом дерево https://pastebin.com/8iCccJHa <div class="stats" ng-show='preview.total_score > 0'> <p>{{preview.total_score}}</p> </div> вот например в этот темплейт, вопрос в том как это сделать? контролер который запускается выполняет ф-цию 1 раз, а мне нужно изменять значение при получении данных

Есть по второму рума?

https://t.me/angular_ru

Как через $rootScope в app.js там где инициализируем изменить данные в одном из представлений? <div class="stats" ng-show='preview.total_score > 0'> <p>{{preview.total_score}}</p> </div> изменить нужно preview.total_score

по-моему, только через angular.element get scope

не получается

дай планкер

дай планкер

планкер?

или фидл

jsfiddle или plunkr

Если кому надо, написал библиотеку для своих целей. Она создает дерево вложенных элементов из массива по типу родитель-потомок, вложенность не ограничена и так же не важна последовательность в массиве, т.е. Родитель может быть выше или ниже потомка или вообще в разных частях массива находится. Подходит для меню, вложенных комментариев или категорий. Библиотека доступна в двух версиях, для php и для javascript. Пример: https://artnv.github.io/TreeBuilder/index.html

котаны, погружаюсь в А, Директива ng-app обязательно должна быть применена к <html> или

это просто такие примеры везде рассматриваются?

например, <!doctype html> <html ng-app="tutorial"> <head>

разобрался. Всем спасибо

котаны, погружаюсь в А, Директива ng-app обязательно должна быть применена к <html> или

Почему первый ангуляр?

Почему первый ангуляр?

Ui-grid

Следую мануалу и примерам

А вообще хорошей практикой считается бутстрапить ангуляр из кода. https://docs.angularjs.org/api/ng/function/angular.bootstrap

Ui-grid

Не понял аргумента... Ну да и ладно.

Не понял аргумента... Ну да и ладно.

ui-grid.info У них в примерах 1.5

А вообще хорошей практикой считается бутстрапить ангуляр из кода. https://docs.angularjs.org/api/ng/function/angular.bootstrap

+

Привет. Как правильно готовить кастомные шаблоны в аккордеоне angular-ui? делаю так: <uib-accordion> <uib-accordion-group ng-repeat="cont in conts" template-url="group-template.html"> Выше копипастю шаблон из документации, но в нём не видно переменной из ng-repeat. Как её прокинуть в шаблон?

Привет, коллеги. Кто может помочь советом или ссылкой на пример настраиваемого шаблона? Здесь нашёл обрывок беседы, в документации есть всё, кроме примера шаблона. А в нём загвоздка. Если сделать его "один в один" с оригинальным, то ангуляр не видит uib-accordion-transclude Т.е. понятно как менять текст или стиль внутри заголовка раскрывающегося списка, но необходимо добавить кнопку МЕЖДУ заголовком и стрелкой. Т.е. надо лезтть внутрь шаблона. Пробовал подсовывать и в виде js модуля внутри приложения, в $templateCache, и во внешний html файл по url. node_modules/angular-ui-bootstrap/template/accordion/accordion-group.html html <div role="tab" id="{{::headingId}}" aria-selected="{{isOpen}}" class="panel-heading" ng-keypress="toggleOpen($event)"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" href aria-expanded="{{isOpen}}" aria-controls="{{::panelId}}" tabindex="0" class="accordion-toggle" ng-click="toggleOpen()" uib-accordion-transclude="heading" ng-disabled="isDisabled" uib-tabindex-toggle><span uib-accordion-header ng-class="{'text-muted': isDisabled}">{{heading}}</span></a> </h4> </div> <div id="{{::panelId}}" aria-labelledby="{{::headingId}}" aria-hidden="{{!isOpen}}" role="tabpanel" class="panel-collapse collapse" uib-collapse="!isOpen"> <div class="panel-body" ng-transclude></div> </div> node_modules/angular-ui-bootstrap/template/accordion/accordion-group.html.js js angular.module("uib/template/accordion/accordion-group.html", []).run(["$templateCache", function($templateCache) { $templateCache.put("uib/template/accordion/accordion-group.html", "<div role=\"tab\" id=\"{{::headingId}}\" aria-selected=\"{{isOpen}}\" class=\"panel-heading\" ng-keypress=\"toggleOpen($event)\">\n" + " <h4 class=\"panel-title\">\n" + " <a role=\"button\" data-toggle=\"collapse\" href aria-expanded=\"{{isOpen}}\" aria-controls=\"{{::panelId}}\" tabindex=\"0\" class=\"accordion-toggle\" ng-click=\"toggleOpen()\" uib-accordion-transclude=\"heading\" ng-disabled=\"isDisabled\" uib-tabindex-toggle><span uib-accordion-header ng-class=\"{'text-muted': isDisabled}\">{{heading}}</span></a>\n" + " </h4>\n" + "</div>\n" + "<div id=\"{{::panelId}}\" aria-labelledby=\"{{::headingId}}\" aria-hidden=\"{{!isOpen}}\" role=\"tabpanel\" class=\"panel-collapse collapse\" uib-collapse=\"!isOpen\">\n" + " <div class=\"panel-body\" ng-transclude></div>\n" + "</div>\n" + ""); }]); https://angular-ui.github.io/bootstrap/#accordion

template-url можно указать. Или не оно?

template-url (Default: template/accordion/accordion.html) - Add the ability to override the template used on the component.

template-url можно указать. Или не оно?

у тебя есть сервер, что сможет раздать по url файл c папки node_modules?

у тебя есть сервер, что сможет раздать по url файл c папки node_modules?

штоу

штоу

посмотри url и подумай как этот файл можно получить, если он находится в папке node_modules?

посмотри url и подумай как этот файл можно получить, если он находится в папке node_modules?

url это не обязательно ссылка на url. Это ссылка на id темплейта

url это не обязательно ссылка на url. Это ссылка на id темплейта

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

у меня нет проблемы

<div ng-class="{ true: 'complete' } [item.Id != 0]"></div> такой ng-class реально может существовать и быть корректно обработанным, или это рофл какой-то?

блин, реально не рофл http://plnkr.co/edit/JnYU3X6YA9aTgGKJLJEB?p=preview