Add app builder

README.md

@@ -1,8 +1,7 @@
 # Monster UI Call Center (Cloudbased Callcenter GUI)
 
-Manual installation (to source files):
-------------------
-1. Merge `src` directory of this app with `src` directory of your Monster UI source files
+#### Manual installation (to source files):
+1. Upload files from directory `src` to directory with source files of your Monster UI (*near the folders "apps", "css" and "js"*)
 2. Add next strings to `/src/js/main.js` after `paths: {`:
 ```javascript
     'datatables.net': 'js/vendor/datatables/jquery.dataTables.min',
@@ -11,22 +10,24 @@ Manual installation (to source files):
     'datatables.net-buttons-html5': 'js/vendor/datatables/buttons.html5.min',
     'datatables.net-buttons-bootstrap': 'js/vendor/datatables/buttons.bootstrap.min',
 ```
-3. Build your Monster UI with original gulp-file, type command `gulp`
-4. Register `callcenter` app
+3. Register `recordings` app
+4. Build your Monster UI with original builder (command `gulp`)
 5. Activate the Callcenter app in Monster UI App Store ( `/#/apps/appstore` )
 
-Manual installation (to compiled files):
-------------------
-1. Build app with original gulp-builder of Monster UI (2600hz)
-2. Upload files from directory `dist` to root directory of your Monster UI (*near the folders "apps", "css" and "js"*)
-3. Create next symbol links in root directory of your site
+#### Manual installation (to compiled files):
+1. Install dependencies
+`npm install gulp && npm install gulp-sass && npm install gulp-clean`
+2. Run builder
+`gulp --gulpfile gulpfile-build-app.js`
+3. Upload all folders and files from directory `dist` to root directory of your Monster UI (*near the folders "apps", "css" and "js"*)
+4. Create next symbol links in root directory of Monster UI
 ```bash
 # ln [options] <target file> [link name]
-ln -s /var/www/html/monster-ui/js/vendor/datatables/jquery.dataTables.min.js /var/www/html/monster-ui/datatables.net.js
-ln -s /var/www/html/monster-ui/js/vendor/datatables/dataTables.bootstrap.min.js /var/www/html/monster-ui/datatables.net-bs.js
-ln -s /var/www/html/monster-ui/js/vendor/datatables/dataTables.buttons.min.js /var/www/html/monster-ui/datatables.net-buttons.js
-ln -s /var/www/html/monster-ui/js/vendor/datatables/buttons.html5.min.js /var/www/html/monster-ui/datatables.net-buttons-html5.js
-ln -s /var/www/html/monster-ui/js/vendor/datatables/buttons.bootstrap.min.js /var/www/html/monster-ui/datatables.net-buttons-bootstrap.js
+ln -s js/vendor/datatables/jquery.dataTables.min.js datatables.net.js
+ln -s js/vendor/datatables/dataTables.bootstrap.min.js datatables.net-bs.js
+ln -s js/vendor/datatables/dataTables.buttons.min.js datatables.net-buttons.js
+ln -s js/vendor/datatables/buttons.html5.min.js datatables.net-buttons-html5.js
+ln -s js/vendor/datatables/buttons.bootstrap.min.js datatables.net-buttons-bootstrap.js
 ```
 4. Register `callcenter` app
-5. Activate the Callcenter app in Monster UI App Store ( `/#/apps/appstore` )
+5. Activate Callcenter app in the Monster UI App Store ( `/#/apps/appstore` )

gulpfile-build-app.js

@@ -0,0 +1,28 @@
+// Monster UI App Builder
+// 1. npm install gulp && npm install gulp-sass && npm install gulp-clean
+// 2. gulp --gulpfile gulpfile-build-app.js
+
+'use strict';
+var gulp = require('gulp');
+var sass = require('gulp-sass');
+var clean = require('gulp-clean');
+
+gulp.task('default', ['copy-files'], function() {});
+
+gulp.task('copy-files', ['sass'], function() {
+	return gulp.src([
+		'!src/**/*.{sass,scss}',
+		'src/**/*'
+	]).pipe(gulp.dest('dist'));
+});
+
+gulp.task('sass', ['clean-dist'], function(){
+	return gulp.src('src/**/*.{sass,scss}')
+		.pipe(sass().on('error', sass.logError))
+		.pipe(gulp.dest('dist'))
+});
+
+gulp.task('clean-dist', function() {
+	return gulp.src('dist', {read: false})
+		.pipe(clean());
+});