burashka / intranet Goto Github PK

The engine for building an intranet site of the company. At the current stage, you can display the map of the office with the search for employees on it.

JavaScript 63.16% CSS 36.84%

intranet's Introduction

Intranet

Description

The engine for building an intranet site of the company. At the current stage, you can display the map of the office with the search for employees on it. You can search by name, surname, workplace number and team. You can also search for meeting rooms. Information about employees is exported from Office 365 and a special file with a list of seats.

Preparation

Register Office 365 app. Good article about it: https://docs.microsoft.com/en-us/outlook/rest/node-tutorial. You should set redirect URI: https://localhost:8443/sync.

Create config/production.json and fill it in as default.json

{
	"o365": {
		"id": 		"YOUR APP ID HERE",
		"secret": 	"YOUR APP PASSWORD HERE"
	},
	"company": {
		"name": 	"YOUR COMPANY NAME HERE",
		"location": "YOUR OFFICE LOCATION HERE"
	},
	"files": {
		"seats": "EXCEL FILE WITH USERS SEATS"
	}
}

Create in directory 'data' file from field 'files.seats'. File should contains fields "Last Name", "First Name", "Seat". Format seat: 1.001.

Add a description of the office floor scheme to the file data/mapTemplate.js
Add SSL certificates: sslcert/cert.pem и sslcert/key.pem. You can generate self-signed certificates for development: http://blog.mgechev.com/2014/02/19/create-https-tls-ssl-application-with-express-nodejs/

Run

Install process manager for Node.js: https://www.npmjs.com/package/pm2
pm2 start pm2-config.json
Open in browser https://localhost:8443/sync and login to Office 365.
If everything went well, then you should see the text 'Synced'.
Open localhost. You should see a map of your office. Congratulations!

intranet's People

Contributors

Stargazers

Watchers

Forkers

wearymax vrozaev shembel

intranet's Issues

Support direct link

Use case: user find some data about person in intranet and want sent it to someone.

Дополнительная информация

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

Поддержка Web Analytics

Add default.json without credentions

Добавить возможность редактировать рассадку

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

Поддержка упраления с клавиатуры

У пользователя должна быть возможность взаимодействовать с сайтом без мыши.

Что видно сразу:

Комбинации клавиш чтобы выбрать input для поиска.
Возможности выбирать результат поиска.
Шаг назад при назатии кнопки ESC.

Добавить аватарки

В O365 у людей есть аватарки, нужно добавить их отображение на карту

Текущая идея:
Аватарка не входит в стандартный набор данных о пользователе, ее нужно запрашивать отдельно. O365 отдает аватарки как Binary Data. Нужно получать данные и мета-описание для каждого пользователя и сохранять как файл соответствующего формата.

Promise.all([ client .api(/users/1b6ae57e-903c-415c-8927-fa8e29a86058/photo/$value) .header('X-AnchorMailbox', email) .get(), client .api(/users/1b6ae57e-903c-415c-8927-fa8e29a86058/photo) .header('X-AnchorMailbox', email) .get() ]).then( ([ data, metaData ]) => { fs.writeFileSync(dzachesov.${metaData['@odata.mediaContentType'].split('/').pop()}, data);

Прямо сейчас добавить аватарки нельзя, т.к. весь HTML генерируется сразу и при загрузке карты будут скачиватся аватарки всех пользователей. Без отображения добавить получение аватарок в sync только замедлит работу синхронизации.

Ссылки на соответствующие API O365:
https://developer.microsoft.com/en-us/graph/docs/api-reference/v1.0/api/profilephoto_get

Alphabetically sorting function (toogler in right sidebar) should return default state after reuse.
When opened any floor level on the map (an example L2) and you searching some body from L1 or L3 — search result should shown this item same as if you did this search on main screen (when not opened any level). So, when you click to item from L3 when seen L2 projection — map should start animate same as if you click to UP/DOWN arrows and next should be shown pin on the L3 which you selected in the search result.