{"id":268515,"date":"2015-11-19T06:27:02","date_gmt":"2015-11-19T03:27:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=268515"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=268515","title":{"rendered":"AllcountJS \u0438 ionic: \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f CRM \u0437\u0430 30 \u043c\u0438\u043d\u0443\u0442"},"content":{"rendered":"

\u0421\u0435\u0439\u0447\u0430\u0441 \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043f\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u041f\u041e \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0438\u043c\u0435\u0442\u044c \u043a\u0430\u043a \u0432\u0435\u0431, \u0442\u0430\u043a \u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e, \u043d\u043e \u0441 AllcountJS \u044d\u0442\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u0440\u0430\u0437\u044b. \u0412 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 <\/a> \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u0443\u044e CRM, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u0443\u0441 \u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c \u043d\u0430 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0439 \u043a\u0430\u043d\u0431\u0430\u043d \u0434\u043e\u0441\u043a\u0435. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 CRM. \u041a\u0440\u043e\u043c\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 AllcountJS \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0449\u0451 \u0438 ionic framework, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0430 \u0445\u0430\u0431\u0440\u0435 \u0442\u043e\u0436\u0435 \u0443\u0436\u0435 \u043f\u0438\u0441\u0430\u043b\u0438 \u0442\u0443\u0442<\/a> \u0438 \u0442\u0443\u0442<\/a>.
\"image\"\/
<\/a> <\/p>\n

\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438<\/h1>\n

\u0415\u0441\u043b\u0438 \u0432\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043b\u0438 \u0432\u0441\u0435 \u0448\u0430\u0433\u0438 \u0438\u0437 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0438, \u0442\u043e CRM \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043d\u0430 http:\/\/localhost:9080<\/a>.
\u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c AllcountJS: <\/p>\n

$ npm install -g allcountjs-cli <\/code><\/pre>\n
  \u0418 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c CRM \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u0430:  <\/p>\n
 $ allcountjs init --template cusdev-crm<\/code><\/pre>\n
  \u0412\u043e \u0432\u0440\u0435\u043c\u044f \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0448\u0435\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u0434\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u042f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e crm-app-allcountjs. \u0414\u0430\u043b\u0435\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c \u0432\u0441\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c\u044b\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435:  <\/p>\n
$ cd crm-app-allcountjs && npm install $ allcountjs run<\/code><\/pre>\n
  \u0415\u0441\u043b\u0438 \u0432\u0441\u0451 \u043f\u0440\u043e\u0448\u043b\u043e \u0443\u0441\u043f\u0435\u0448\u043d\u043e, \u0442\u043e CRM \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 http:\/\/localhost:9080<\/a>.
  \u0422\u0435\u043f\u0435\u0440\u044c \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c ionic \u0438 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u0443\u0441\u0442\u043e\u0435 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.  <\/p>\n
$ npm install -g cordova ionic<\/code><\/pre>\n
  \u041f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0437\u0433\u043b\u044f\u043d\u0443\u0442\u044c \u043d\u0430 Getting Started with Ionic<\/a>.
  \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 ionic:  <\/p>\n
$ ionic start crm-app-allcountjs blank $ ionic serve <\/code><\/pre>\n
  \u0415\u0441\u043b\u0438 \u0432\u0441\u0451 \u043f\u0440\u043e\u0448\u043b\u043e \u0443\u0441\u043f\u0435\u0448\u043d\u043e, \u0442\u043e \u0432\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u0448\u0430\u0431\u043b\u043e\u043d \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f ionic. \u0422\u0435\u043f\u0435\u0440\u044c \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c bower \u0438 allcountjs-ionic  <\/p>\n
$ npm install -g bower $ bower install allcountjs-ionic --save <\/code><\/pre>\n
  <\/p>\n
\u041c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/h1>\n
  T\u0435\u043f\u0435\u0440\u044c \u043e\u0442\u043a\u0440\u043e\u0435\u043c crm-app-allcountjs\/www\/index.html \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c allcountjs \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 ionic.bundle.js  <\/p>\n
<script src="lib\/underscore\/underscore.js"><\/script> <script src="lib\/jquery\/dist\/jquery.js"><\/script> <script src="lib\/jquery.inputmask\/dist\/jquery.inputmask.bundle.js"><\/script> <script src="lib\/allcountjs-angular-base\/allcount-base.js"><\/script> <script src="lib\/allcountjs-ionic\/allcount-mobile.js"><\/script> <\/code><\/pre>\n
  \u0415\u0449\u0451 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432\u043d\u0443\u0442\u0440\u044c <\/p>\n
<body ng-app="starter"><\/body><\/code><\/pre>\n
 \u0441\u0442\u0440\u043e\u043a\u0443  <\/p>\n
<ion-nav-view><\/ion-nav-view><\/code><\/pre>\n
  \u0412 \u0438\u0442\u043e\u0433\u0435 \u043d\u0430\u0448 index.html \u0434\u043e\u043b\u0436\u0435\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:  <\/p>\n
<!DOCTYPE html> <html>   <head>     <meta charset="utf-8">     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">     <title><\/title>     <link href="lib\/ionic\/css\/ionic.css" rel="stylesheet">     <link href="css\/style.css" rel="stylesheet">     <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above     <link href="css\/ionic.app.css" rel="stylesheet">     -->     <!-- ionic\/angularjs js -->     <script src="lib\/ionic\/js\/ionic.bundle.js"><\/script>       <script src="lib\/underscore\/underscore.js"><\/script>     <script src="lib\/jquery\/dist\/jquery.js"><\/script>     <script src="lib\/jquery.inputmask\/dist\/jquery.inputmask.bundle.js"><\/script>     <script src="lib\/allcountjs-angular-base\/allcount-base.js"><\/script>       <script src="lib\/allcountjs-ionic\/allcount-mobile.js"><\/script>     <!-- cordova script (this will be a 404 during development) -->     <script src="cordova.js"><\/script>     <!-- your app's js -->     <script src="js\/app.js"><\/script>   <\/head>   <body ng-app="starter">     <ion-nav-view><\/ion-nav-view>   <\/body> <\/html> <\/code><\/pre>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u0438\u0437\u043c\u0435\u043d\u0438\u043c crm-app-allcountjs\/www\/js\/app.js. \u0412 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c allcount-mobile:<\/p>\n
angular.module('starter', ['ionic', 'allcount-mobile'])<\/code><\/pre>\n
  \u0417\u0430\u0442\u0435\u043c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0430\u0434\u0440\u0435\u0441 \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0447\u0435\u0440\u0435\u0437 lcApiConfig \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 run():   <\/p>\n
 .run(function($ionicPlatform, lcApiConfig) {    lcApiConfig.setServerUrl('http:\/\/localhost:9080');    ...  }) <\/code><\/pre>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043f\u0443\u0442\u0438 AllcountJS \u0434\u043e\u0431\u0430\u0432\u0438\u0432 \u0432\u044b\u0437\u043e\u0432 config()  <\/p>\n
 .config(function ($stateProvider, $urlRouterProvider) {     $stateProvider     .setupStandardAllcountMainState('app', 'lib\/allcountjs-ionic\/templates')    .setupStandardAllcountStates('app', 'lib\/allcountjs-ionic\/templates');     $urlRouterProvider.otherwise('\/app\/main'); }); <\/code><\/pre>\n
  \u0412 \u0438\u0442\u043e\u0433\u0435 app.js \u0434\u043e\u043b\u0436\u0435\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:  <\/p>\n
 angular.module('starter', ['ionic', 'allcount-mobile']) .run(function($ionicPlatform, lcApiConfig) {   lcApiConfig.setServerUrl('http:\/\/localhost:9080');   $ionicPlatform.ready(function() {     \/\/ Hide the accessory bar by default (remove this to show the accessory bar above the keyboard     \/\/ for form inputs)     if(window.cordova && window.cordova.plugins.Keyboard) {       cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);     }     if(window.StatusBar) {       StatusBar.styleDefault();     }   }); }) .config(function ($stateProvider, $urlRouterProvider) {   $stateProvider   .setupStandardAllcountMainState('app', 'lib\/allcountjs-ionic\/templates')   .setupStandardAllcountStates('app', 'lib\/allcountjs-ionic\/templates');   $urlRouterProvider.otherwise('\/app\/main'); }); <\/code><\/pre>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0432 ionic serve \u0438\u0437 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 crm-app-allcountjs. \u0412\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u043e\u043a\u043d\u043e \u043b\u043e\u0433\u0438\u043d\u0430 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443. \u041b\u043e\u0433\u0438\u043d \u0438 \u043f\u0430\u0440\u043e\u043b\u044c \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e admin\/admin. \u041f\u043e\u0441\u043b\u0435 \u0432\u0445\u043e\u0434\u0430 \u0432\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u043c\u0435\u043d\u044e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n
\u041a\u0430\u043d\u0431\u0430\u043d \u0434\u043e\u0441\u043a\u0430<\/h1>\n
  \"image\"\/<\/p>\n
  \u041a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0431\u044b \u0447\u0442\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0433\u043e\u0442\u043e\u0432\u043e. \u041d\u043e, \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u043e\u043c\u043d\u0438\u0442\u0435, \u0442\u043e \u0443 \u043d\u0430\u0448\u0435\u0439 \u0421\u0420\u041c \u0431\u044b\u043b\u0430 \u043a\u0430\u043d\u0431\u0430\u043d \u0434\u043e\u0441\u043a\u0430. \u0421\u0434\u0435\u043b\u0430\u0435\u043c \u0435\u0451 \u0430\u043d\u0430\u043b\u043e\u0433 \u0438 \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0412 \u043e\u0431\u0449\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0443\u044e \u043b\u043e\u0433\u0438\u043a\u0443 \u0438 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043e\u0441\u043e\u0431\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043f\u0438\u0441\u0430\u0442\u044c \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e.<\/p>\n
  \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0432\u0435\u0431 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e FlowBoard (www\/flow-board.html):  <\/p>\n
<ion-view view-title="{{title}}">     <ion-nav-buttons side="right">         <a class="button button-icon icon ion-ios-plus-empty" ng-href="#\/app\/entity\/{{mainEntityTypeId}}\/new"><\/a>     <\/ion-nav-buttons>     <ion-content>         <ion-list lc-list="mainEntityTypeId"                   paging="{start: 0, count: 20}"                   publish-methods="viewState.gridMethods"                   infinite-scroll-end="viewState.infiniteScrollEnd"                 >             <ion-item ng-repeat="item in items" ng-href="#\/app\/entity\/{{mainEntityTypeId}}\/{{item.id}}" class="card">                 <h2>{{item.name}} from {{item.company}}<\/h2>                 <p>{{item.lastContactDate | date}}<\/p>             <\/ion-item>             <p ng-if="items && !items.length" class="padding" style="text-align: center"><b lc-message="No records"><\/b><\/p>         <\/ion-list>         <ion-infinite-scroll                 ng-if="!viewState.infiniteScrollEnd"                 on-infinite="loadNextItems()"                 distance="1%"                 immediate-check="true">         <\/ion-infinite-scroll>     <\/ion-content> <\/ion-view> <\/code><\/pre>\n
  \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440 FlowBoardController \u0432 \u043a\u043e\u043d\u0435\u0446 www\/js\/app.js (\u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u0443\u0431\u0440\u0430\u0442\u044c \u201c;\u201d \u0432 \u043a\u043e\u043d\u0446\u0435)  <\/p>\n
 .controller('FlowBoardController', function ($scope) {     $scope.viewState = {};     $scope.mainEntityTypeId = 'FlowBoard';     $scope.$on('$ionicView.enter',         function () {             $scope.viewState.gridMethods.updateGrid();         }     );     $scope.loadNextItems = function () {         $scope.viewState.gridMethods.infiniteScrollLoadNextItems().then(function () {             $scope.$broadcast('scroll.infiniteScrollComplete');         })     }; }); <\/code><\/pre>\n
  \u0418 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u043c \u043d\u043e\u0432\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 app.flowBoard \u0432 config() in www\/js\/app.js \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 setupStandardAllcountMainState():  <\/p>\n
 .config(function ($stateProvider, $urlRouterProvider) {   $stateProvider   .setupStandardAllcountMainState('app', 'lib\/allcountjs-ionic\/templates')   .state('app.flowBoard', {     url: "\/entity\/FlowBoard",     views: {       'menuContent': {         templateUrl: "flow-board.html",         controller: 'FlowBoardController'       }     }   })   .setupStandardAllcountStates('app', 'lib\/allcountjs-ionic\/templates');   $urlRouterProvider.otherwise('\/app\/main'); }) <\/code><\/pre>\n
  \u0427\u0442\u043e \u0436\u0435 \u043c\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438? \u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0443 lc-list \u0432 \u043d\u0430\u0448\u0435\u043c \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u0434\u043b\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0432 FlowBoard \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u043e\u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, ng-repeat \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438\u0445 \u0432 \u0432\u0438\u0434\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a (\u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u043a\u043b\u0430\u0441\u0441 card \u0434\u043b\u044f \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0430) \u0438 ion-infinite-scroll \u0432 FlowBoardController \u0434\u043b\u044f \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0441\u043a\u0440\u043e\u043b\u043b\u0430. \u0421\u0430\u043c\u044b\u0439 \u0445\u0438\u0442\u0440\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0442\u0443\u0442, \u0432 \u0442\u043e\u043c \u0447\u0442\u043e \u043c\u0430\u0440\u0448\u0440\u0443\u0442 app.flowBoard \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u043c\u0430\u0440\u0448\u0440\u0443\u0442 app.entity. \u042d\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e \u0431\u044b \u043f\u043e\u0434\u043c\u0435\u043d\u0438\u0442\u044c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 FlowBoard \u0441\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u043d\u043d\u043e\u0435 \u043d\u0430\u043c\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435.<\/p>\n
  \u0423\u0436\u0435 \u043d\u0435 \u043f\u043b\u043e\u0445\u043e, \u043d\u043e \u044d\u0442\u043e \u0435\u0449\u0451 \u043d\u0435 \u043a\u0430\u043d\u0431\u0430\u043d \u0434\u043e\u0441\u043a\u0430. \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043f\u043e\u0434\u0433\u0440\u0443\u0437\u0438\u043c \u043d\u0430\u0448\u0438 \u0441\u0442\u0430\u0442\u0443\u0441\u044b. \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0432\u0438\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e \u043a\u043e\u043b\u043e\u043d\u043a\u0430\u043c \u0441\u043e \u0441\u0442\u0430\u0442\u0443\u0441\u0430\u043c\u0438 \u0438 \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432\u0430\u0442\u044c \u0437\u0430\u043f\u0438\u0441\u0438 \u043f\u043e \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u043c\u0443 \u0441\u0442\u0430\u0442\u0443\u0441\u0443, \u043e\u0431\u0435\u0440\u043d\u0451\u043c lc-list \u0432 ion-slide \u043f\u043e\u0432\u0442\u043e\u0440\u0451\u043d\u043d\u044b\u0439 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0432 ion-slide-box. <\/p>\n
  \u0412 \u0438\u0442\u043e\u0433\u0435 \u043d\u0430\u0448 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 www\/flow-board.html \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:  <\/p>\n
<ion-view view-title="{{title}}">     <ion-nav-buttons side="right">         <a class="button button-icon icon ion-ios-plus-empty" ng-href="#\/app\/entity\/{{mainEntityTypeId}}\/new"><\/a>     <\/ion-nav-buttons>         <ion-slide-box on-slide-changed="updateTitle($index)" style='height:100%'>             <ion-slide ng-repeat="column in boardColumns">                 <ion-content>                     <ion-list lc-list="mainEntityTypeId"                               paging="{start: 0, count: 20}"                               filtering="columnFiltering(column)"                               publish-methods="column.gridMethods"                               infinite-scroll-end="column.infiniteScrollEnd"                               >                         <ion-item ng-repeat="item in items" ng-href="#\/app\/entity\/{{mainEntityTypeId}}\/{{item.id}}" class="card">                             <h2>{{item.name}} from {{item.company}}<\/h2>                             <p>{{item.lastContactDate | date}}<\/p>                         <\/ion-item>                         <p ng-if="items && !items.length" class="padding" style="text-align: center"><b lc-message="No records"><\/b><\/p>                     <\/ion-list>                     <ion-infinite-scroll                                          ng-if="!column.infiniteScrollEnd"                                          on-infinite="column.loadNextItems()"                                          distance="1%"                                          immediate-check="true">                     <\/ion-infinite-scroll>                 <\/ion-content>             <\/ion-slide>         <\/ion-slide-box> <\/ion-view> <\/code><\/pre>\n
  \u0418 www\/js\/app.js \u0441 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c\u0438 \u0432 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u0435:  <\/p>\n
 angular.module('starter', ['ionic', 'allcount-mobile']) .run(function($ionicPlatform, lcApiConfig) {   lcApiConfig.setServerUrl('http:\/\/localhost:9080');   $ionicPlatform.ready(function() {     \/\/ Hide the accessory bar by default (remove this to show the accessory bar above the keyboard     \/\/ for form inputs)     if(window.cordova && window.cordova.plugins.Keyboard) {       cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);     }     if(window.StatusBar) {       StatusBar.styleDefault();     }   }); }) .config(function ($stateProvider, $urlRouterProvider) {   $stateProvider   .setupStandardAllcountMainState('app', 'lib\/allcountjs-ionic\/templates')   .state('app.flowBoard', {     url: "\/entity\/FlowBoard",     views: {       'menuContent': {         templateUrl: "flow-board.html",         controller: 'FlowBoardController'       }     }   })   .setupStandardAllcountStates('app', 'lib\/allcountjs-ionic\/templates');   $urlRouterProvider.otherwise('\/app\/main'); }) .controller('FlowBoardController', function ($scope, lcApi, $ionicSlideBoxDelegate) {   $scope.mainEntityTypeId = 'FlowBoard';   $scope.$on('$ionicView.enter',function () {     $scope.boardColumns && $scope.boardColumns.forEach(function (column) {        column.gridMethods.updateGrid();     })   });   lcApi.getFieldDescriptions($scope.mainEntityTypeId).then(function (descriptions) {     var statusFieldDescription = _.find(descriptions, function (d) {       return d.field === 'status';     });     return lcApi.referenceValues(statusFieldDescription.fieldType.referenceEntityTypeId);   }).then(function (statusReferenceValues) {     $scope.boardColumns = statusReferenceValues;     $scope.boardColumns = _.filter($scope.boardColumns, function (obj) {       return !!obj.id;     })     $scope.boardColumns.forEach(function (column) {       column.loadNextItems = function () {         column.gridMethods.infiniteScrollLoadNextItems().then(function () {           $scope.$broadcast('scroll.infiniteScrollComplete');         })       };     })     $ionicSlideBoxDelegate.update();     $scope.updateTitle(0);   });     $scope.updateTitle = function (columnIndex) {     $scope.title = $scope.boardColumns[columnIndex].name;   }   $scope.columnFiltering = function (column) {     return {filtering: {status: column.id}};   } }); <\/code><\/pre>\n
\u0417\u0430\u043f\u0443\u0441\u043a \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/h1>\n
  \u041f\u0435\u0440\u0435\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c url \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u043d\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0439 \u0434\u043b\u044f \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c IP \u0430\u0434\u0440\u0435\u0441 \u0432 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438. \u0418\u0437\u043c\u0435\u043d\u0438\u043c \/www\/js\/app.js  <\/p>\n
lcApiConfig.setServerUrl('http:\/\/192.168.0.16:9080')<\/code><\/pre>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u0441\u0431\u0438\u043b\u0434\u0438\u043c \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442. \u042f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e iOS, \u043d\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 Android.   <\/p>\n
$ ionic platform add ios $ ionic build ios $ ionic emulate ios <\/code><\/pre>\n
  \u0415\u0441\u043b\u0438 \u0432\u044b \u0442\u043e\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u0451\u0442\u0435 iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0442\u043e \u0441\u0442\u043e\u0438\u0442 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c\u0441\u044f \u0435\u0449\u0451 \u0438 \u043d\u0430 \u043d\u043e\u0432\u043e\u0439 \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0435 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f iOS 9. \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e \u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0435\u0437\u0430\u0449\u0438\u0449\u0451\u043d\u043d\u044b\u0435 http endpoints \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 platforms\/ios\/crm-app-allcountjs\/crm-app-allcountjs-Info.plist \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0442\u0435\u0433\u0430  \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0442\u0435\u043a\u0441\u0442:  <\/p>\n
<key>NSAppTransportSecurity<\/key> <dict>   <key>NSAllowsArbitraryLoads<\/key>   <true\/> <\/dict> <\/code><\/pre>\n
  \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 stackoverflow<\/a>.<\/p>\n
\u041c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 AllcountJS \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e<\/h1>\n
  \u0421\u0435\u0439\u0447\u0430\u0441 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ionic framework \u043c\u044b \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043b\u0438 \u043d\u0430\u0448\u0435 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043d\u0430 \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f \u2014 \u044d\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0430\u043d\u0430\u043b\u043e\u0433\u0430 \u043a\u0430\u043d\u0431\u0430\u043d \u0434\u043e\u0441\u043a\u0438. \u041d\u043e \u0435\u0441\u043b\u0438 \u0434\u043b\u044f \u0432\u0435\u0431 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a\u0430\u044f-\u043d\u0438\u0431\u0443\u0434\u044c \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u0430\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430 \u0438\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b, \u0442\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0432\u0435\u0431 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, REST API \u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 AllcountJS \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043f\u043e \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u043c\u0443 \u0431\u044b\u0441\u0442\u0440\u044b\u043c.               <\/p>\n
<\/div>\n
 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438  http:\/\/habrahabr.ru\/post\/271111\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
       \u0421\u0435\u0439\u0447\u0430\u0441 \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043f\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u041f\u041e \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0438\u043c\u0435\u0442\u044c \u043a\u0430\u043a \u0432\u0435\u0431, \u0442\u0430\u043a \u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e, \u043d\u043e \u0441 AllcountJS \u044d\u0442\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u0440\u0430\u0437\u044b. \u0412 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 <\/a> \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u0443\u044e CRM, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u0443\u0441 \u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c \u043d\u0430 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0439 \u043a\u0430\u043d\u0431\u0430\u043d \u0434\u043e\u0441\u043a\u0435. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 CRM. \u041a\u0440\u043e\u043c\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 AllcountJS \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0449\u0451 \u0438 ionic framework, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0430 \u0445\u0430\u0431\u0440\u0435 \u0442\u043e\u0436\u0435 \u0443\u0436\u0435 \u043f\u0438\u0441\u0430\u043b\u0438 \u0442\u0443\u0442<\/a> \u0438 \u0442\u0443\u0442<\/a>. 
  \"image\"\/  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-268515","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/268515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=268515"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/268515\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=268515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=268515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=268515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}