diff --git a/README.md b/README.md index b7deff0..68fce9f 100644 --- a/README.md +++ b/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] [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` ) \ No newline at end of file +5. Activate Callcenter app in the Monster UI App Store ( `/#/apps/appstore` ) \ No newline at end of file diff --git a/gulpfile-build-app.js b/gulpfile-build-app.js new file mode 100644 index 0000000..7415d5c --- /dev/null +++ b/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()); +}); \ No newline at end of file