http://tattek.sk/minovate-app/#/core/login doesn’t ever login!

Hey, you should just edit the css of elements you wish to change, the chrome inspector help you with that.

crud-app should be fixed now, notice that password has been changed. thanks

Hi, no there is not planned update for angular 2

already found it

should be fixed now, notice that default password has been changed

CRUD App will be updated with new release after Bootstrap 4 will be available, thanks

Hi, I’m afraid that help in that way is out of my knowledge.

Hi, CRUD app will be updated with next release after Bootstrap 4 will be available.

Hey, thank you very much for kind words, there is planned one more update with BS4 version of theme for now, it will probably take some time as BS4 is still in alpha. However I think you should be able to download latest version without support active.

Hi, there are two important tasks in gruntfile at lines 385-395:

{
  expand: true,
  cwd: 'bower_components/leaflet-draw/dist',
  src: 'images/*',
  dest: '<%= yeoman.dist %>/styles'
}, {
  expand: true,
  cwd: 'bower_components/leaflet/dist',
  src: 'images/*',
  dest: '<%= yeoman.dist %>/styles'
}

they should search for images folder in bower components and copy the content to “dist/styles” folder, please check if the bower components folders are existing and if the images folders exists also and are the same as are in gruntfile. Thanks

Hi, I checked the gruntfile and the dist folder. Both parts are contained in gruntfile. The images also are included in dis folder.

Hmm that’s weird, after build are there also existing some images in your “dist/styles” folder?

Crud app will be updated with next release after Boostrap 4 will be available.

Hello,

weird I’ve run it successfully a second ago, in concurrent:dist task there are “copy”, “imagemin” and “svgmin” tasks, so probably node dependecies are missing for them. In your package.json there should be these tools for that:

"grunt-contrib-copy": "^0.5.0",
"grunt-contrib-imagemin": "^0.7.0",
"grunt-svgmin": "^0.4.0" 

If something was missing, please run “npm install” after fix. Thanks

Dear Tattek,

Thanks for the response. The above mentioned packages were already listed in my package.json but still facing the issues.

I am able to run the application with the command “grunt:serve” with the below configuration files but unable to generate build files. Below are my configuration files.

Package.json:

{ “name”: “minovate”, “version”: “1.2.0”, “dependencies”: {}, “devDependencies”: { “grunt”: “^{0.4.1”, “grunt-autoprefixer”: “}0.7.3”, “grunt-concurrent”: “^{0.5.0”, “grunt-contrib-clean”: “}0.5.0”, “grunt-contrib-concat”: “^{0.4.0”, “grunt-contrib-connect”: “}0.7.1”, “grunt-contrib-copy”: “^{0.5.0”, “grunt-contrib-cssmin”: “}0.9.0”, “grunt-contrib-htmlmin”: “^{0.3.0”, “grunt-contrib-imagemin”: “}0.7.1”, “grunt-contrib-jshint”: “^{0.10.0”, “grunt-contrib-sass”: “}0.7.3”, “grunt-contrib-uglify”: “^{0.4.0”, “grunt-contrib-watch”: “}0.6.1”, “grunt-filerev”: “^{0.2.1”, “grunt-google-cdn”: “}0.4.2”, “grunt-newer”: “^{0.7.0”, “grunt-ng-annotate”: “}1.0.1”, “grunt-svgmin”: “^{0.4.0”, “grunt-usemin”: “}2.1.1”, “grunt-wiredep”: “^{1.7.0”, “imagemin-svgo”: “}5.0.1”, “jshint-stylish”: “^{0.2.0”, “load-grunt-tasks”: “}0.4.0”, “time-grunt”: “^{0.3.1” }, “engines”: { “node”: ”>=0.10.0” }, “scripts”: { “test”: “grunt test” } }}

Gruntfile.js:

// Generated on 2014-07-31 using generator-angular 0.9.5 ‘use strict’;

// # Globbing // for performance reasons we’re only matching one level down: // ‘test/spec/{,/}.js’ // use this if you want to recursively match all subfolders: // ‘test/spec//.js’

module.exports = function (grunt) { };

// Load grunt tasks automatically
require('load-grunt-tasks')(grunt);

// Time how long tasks take. Can help when optimizing build times
require('time-grunt')(grunt);

// Configurable paths for the application
var appConfig = {
  app: require('./bower.json').appPath || 'app',
  dist: 'dist'
};

// Define the configuration for all the tasks
grunt.initConfig({
});

// Project settings
yeoman: appConfig,

// Watches files for changes and runs tasks based on the changed files
watch: {
  bower: {
    files: ['bower.json'],
    tasks: ['wiredep']
  },
  js: {
    files: ['<%= yeoman.app %>/scripts//{,/}.js'],
    tasks: ['newer:jshint:all'],
    options: {
      livereload: '<%= connect.options.livereload %>'
    }
  },
  jsTest: {
    files: ['test/spec/{,/}.js'],
    tasks: ['newer:jshint:test', 'karma']
  },
  styles: {
    files: ['<%= yeoman.app %>/sass/{,/}.scss'],
    tasks: ['sass', 'newer:copy:styles', 'autoprefixer']
  },
  gruntfile: {
    files: ['Gruntfile.js']
  },
  livereload: {
    options: {
      livereload: '<%= connect.options.livereload %>'
    },
    files: [
      '<%= yeoman.app %>/{,/}.html',
      '<%= yeoman.app %>/views/tmpl/{,/}.html',
      '.tmp/styles/{,/}.css',
      '<%= yeoman.app %>/images/{,/}.{png,jpg,jpeg,gif,webp}',
      '<%= yeoman.app %>/languages/{,/}.json'
    ]
  }
},

// The actual grunt server settings
connect: {
  options: {
    port: 9000,
    // Change this to '0.0.0.0' to access the server from outside.
    hostname: 'localhost',
    livereload: 35729
  },
  livereload: {
    options: {
      open: true,
      middleware: function (connect) {
        return [
          connect.static('.tmp'),
          connect().use(
            '/bower_components',
            connect.static('./bower_components')
          ),
          connect.static(appConfig.app)
        ];
      }
    }
  },
  test: {
    options: {
      port: 9001,
      middleware: function (connect) {
        return [
          connect.static('.tmp'),
          connect.static('test'),
          connect().use(
            '/bower_components',
            connect.static('./bower_components')
          ),
          connect.static(appConfig.app)
        ];
      }
    }
  },
  dist: {
    options: {
      open: true,
      base: '<%= yeoman.dist %>'
    }
  }
},

// Make sure code styles are up to par and there are no obvious mistakes
jshint: {
  options: {
    jshintrc: '.jshintrc',
    reporter: require('jshint-stylish')
  },
  all: {
    src: [
      'Gruntfile.js',
      '<%= yeoman.app %>/scripts/{,/}.js'
    ]
  },
  test: {
    options: {
      jshintrc: 'test/.jshintrc'
    },
    src: ['test/spec/{,/}.js']
  }
},

// compile sass files
sass: {
  dist: {
    files: [{
      expand: true,
      cwd: '<%= yeoman.app %>/sass',
      src: ['.scss'],
      dest: '<%= yeoman.app %>/styles',
      ext: '.css'
    }],
},

options: {
    loadPath: [
      './bower_components/bourbon/app/assets/stylesheets'
    ]
  }
}

// Empties folders to start fresh
clean: {
  dist: {
    files: [{
      dot: true,
      src: [
        '.tmp',
        '<%= yeoman.dist %>/',
        '!<%= yeoman.dist %>/.git'
      ]
    }]
  },
  server: '.tmp'
},

// Add vendor prefixed styles
autoprefixer: {
  options: {
    browsers: ['last 1 version']
  },
  dist: {
    files: [{
      expand: true,
      cwd: '.tmp/styles/',
      src: '{,/}.css',
      dest: '.tmp/styles/'
    }]
  }
},

// Automatically inject Bower components into the app
wiredep: {
  app: {
    src: ['<%= yeoman.app %>/index.html'],
    ignorePath:  /\.\.\//
  }
},

// Renames files for browser caching purposes
filerev: {
  dist: {
    src: [
      '<%= yeoman.dist %>/scripts/{,/}.js',
      '<%= yeoman.dist %>/styles/{,/}.css',
      '<%= yeoman.dist %>/images/{,/}.{png,jpg,jpeg,gif,webp,svg}',
      '<%= yeoman.dist %>/styles/fonts/'
    ]
  }
},

// Reads HTML for usemin blocks to enable smart builds that automatically
// concat, minify and revision files. Creates configurations in memory so
// additional tasks can operate on them
useminPrepare: {
  html: '<%= yeoman.app %>/index.html',
  options: {
    dest: '<%= yeoman.dist %>',
    flow: {
      steps: {
        js: ['concat'],
        css: ['concat']
      },
      post: {}
    }
  }
},

// Performs rewrites based on filerev and the useminPrepare configuration
usemin: {
  html: ['<%= yeoman.dist %>/{,/}.html'],
  css: ['<%= yeoman.dist %>/styles/{,/}.css'],
  json: ['<%= yeoman.dist %>/scripts/jsons/.json'],
  options: {
    assetsDirs: ['< = yeoman.dist %>','< = yeoman.dist %>/images']
  }
},

// The following *-min tasks will produce minified files in the dist folder
// By default, your `index.html`'s <!- Usemin block -> will take care of
// minification. These next options are pre-configured if you do not wish
// to use the Usemin blocks.
// cssmin: {
//   dist: {
//     files: {
//       '<%= yeoman.dist %>/styles/main.css': [
//         '.tmp/styles/{,/}.css'
//       ]
//     }
//   }
// },
// uglify: {
//   options: {
//    mangle: { except: ["$super"] }
//   }
//   dist: {
//     files: {
//       '<%= yeoman.dist %>/scripts/scripts.js': [
//         '<%= yeoman.dist %>/scripts/scripts.js'
//       ]
//     }
//   },
// },
// concat: {
//   dist: {}
// },

uglify: {
  options: {
    mangle: { except: ['$super'] }
  }
},

imagemin: {
  dist: {
    files: [{
      expand: true,
      cwd: '<%= yeoman.app %>/images',
      src: '{,/}.{png,jpg,jpeg,gif}',
      dest: '<%= yeoman.dist %>/images'
    }]
  }
},

svgmin: {
  dist: {
    files: [{
      expand: true,
      cwd: '<%= yeoman.app %>/images',
      src: '{,/}.svg',
      dest: '<%= yeoman.dist %>/images'
    }]
  }
},

htmlmin: {
  dist: {
    options: {
      collapseWhitespace: true,
      conservativeCollapse: true,
      collapseBooleanAttributes: false,
      removeCommentsFromCDATA: true,
      removeOptionalTags: true
    },
    files: [{
      expand: true,
      cwd: '<%= yeoman.dist %>',
      src: ['.html', 'views/{,/}.html', 'views/tmpl/{,/}.html'],
      dest: '<%= yeoman.dist %>'
    }]
  }
},

// ngAnnotate tries to make the code safe for minification automatically by
// using the Angular long form for dependency injection. It doesn't work on
// things like resolve or inject so those have to be done manually.
ngAnnotate: {
  dist: {
    files: [{
      expand: true,
      cwd: '.tmp/concat/scripts',
      src: '.js',
      dest: '.tmp/concat/scripts'
    }]
  }
},

// Replace Google CDN references
cdnify: {
  dist: {
    html: ['<%= yeoman.dist %>/.html']
  }
},

// Copies remaining files to places other tasks can use
copy: {
  dist: {
    files: [{
      expand: true,
      dot: true,
      cwd: '<%= yeoman.app %>',
      dest: '<%= yeoman.dist %>',
      src: [
        '.{ico,png,txt}',
        '.htaccess',
        '.html',
        'views//',
        'images/{,/}.{webp}',
        'fonts/'
      ]
    }, {
      expand: true,
      cwd: '.tmp/images',
      dest: '<%= yeoman.dist %>/images',
      src: ['generated/']
    }, {
      expand: true,
      cwd: 'bower_components/bootstrap/dist',
      src: 'fonts/',
      dest: '<%= yeoman.dist %>'
    }, {
      expand: true,
      cwd: 'bower_components/simple-line-icons',
      src: 'fonts/',
      dest: '<%= yeoman.dist %>'
    }, {
      expand: true,
      cwd: 'bower_components/font-awesome',
      src: 'fonts/',
      dest: '<%= yeoman.dist %>'
    }, {
      expand: true,
      cwd: 'bower_components/material-design-iconic-font/dist',
      src: 'fonts/',
      dest: '<%= yeoman.dist %>'
    }, {
      expand: true,
      cwd: 'bower_components/weather-icons',
      src: 'font/',
      dest: '<%= yeoman.dist %>'
    }, {
      expand: true,
      cwd: '<%= yeoman.app %>/scripts',
      src: ['jsons/','modules/','vendor/*'],
      dest: '<%= yeoman.dist %>/scripts'
    }, {
      expand: true,
      cwd: '<%= yeoman.app %>',
      src: 'languages/',
      dest: '<%= yeoman.dist %>'
    }, {
      expand: true,
      cwd: 'bower_components/leaflet-draw/dist',
      src: 'images/',
      dest: '<%= yeoman.dist %>/styles'
    }, {
      expand: true,
      cwd: 'bower_components/leaflet/dist',
      src: 'images/',
      dest: '<%= yeoman.dist %>/styles'
    }]
  },
  styles: {
    expand: true,
    cwd: '<%= yeoman.app %>/styles',
    dest: '.tmp/styles/',
    src: '{,/}.css'
  }
},

// Run some tasks in parallel to speed up the build process
concurrent: {
  server: [
    'copy:styles'
  ],
  test: [
    'copy:styles'
  ],
  dist: [
    'copy:styles',
    'imagemin',
    'svgmin'
  ]
},

// Test settings
karma: {
  unit: {
    configFile: 'test/karma.conf.js',
    singleRun: true
  }
}

grunt.loadNpmTasks('grunt-ng-annotate');

grunt.registerTask('serve', 'Compile then start a connect web server', function (target) {
  if (target === 'dist') {
    return grunt.task.run(['build', 'connect:dist:keepalive']);
  }
});

grunt.task.run([
  'clean:server',
  'wiredep',
  'concurrent:server',
  'sass',
  'autoprefixer',
  'connect:livereload',
  'watch'
]);

grunt.registerTask('server', 'DEPRECATED TASK. Use the "serve" task instead', function (target) {
  grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.');
  grunt.task.run(['serve:' + target]);
});

grunt.registerTask('test', [
  'clean:server',
  'concurrent:test',
  'autoprefixer',
  'connect:test',
  'karma'
]);

grunt.registerTask('build', [
  'clean:dist',
  'wiredep',
  'useminPrepare',
  'sass',
  'concurrent:dist',
  'autoprefixer',
  'concat',
  'ngAnnotate',
  'copy:dist',
  'cdnify',
  //'cssmin',
  //'uglify',
  'filerev',
  'usemin',
  //'htmlmin'
]);

grunt.registerTask('default', [
  'newer:jshint',
  'test',
  'build'
]);

bower.json:

{ “name”: “minovate”, “version”: “1.2.0”, “dependencies”: { “angular”: “_{1.5.0”, “angular-route”: “}1.5.6”, “angular-animate”: “1.5.0”, “angular-bootstrap”: “1.1.2”, “angular-bootstrap-colorpicker”: “_{3.0.19”, “angular-bootstrap-nav-tree”: “”, “angular-chosen-localytics”: “}1.0.7”, “angular-cookies”: “1.5.0”, “angular-datatables”: “_{0.5.0”, “d3”: “}3.5.6”, “angular-file-upload”: “_{2.1.4”, “angular-flot”: “}0.0.13”, “angular-fontawesome”: “_{0.4.0”, “angular-fullscreen”: “}1.0.1”, “angular-google-maps”: “_{2.2.1”, “angular-intro.js”: “}1.3.0”, “angular-ipsum”: “_{0.0.4”, “angular-leaflet-directive”: “}0.8.8”, “angular-loading-bar”: “_{0.8.0”, “angular-masonry”: “}0.16.0”, “angular-material”: “_{1.0.5”, “angular-messages”: “1.5.0”, “angular-momentjs”: “}0.2.2”, “angular-resource”: “1.5.0”, “angular-rickshaw”: “_{0.5.0”, “angular-sanitize”: “1.5.0”, “angular-smart-table”: “}2.1.3”, “angular-toastr”: “_{1.5.0”, “angular-touch”: “}1.5.0”, “angular-translate”: “_{2.9.2”, “angular-translate-loader-static-files”: “}2.9.2”, “angular-translate-storage-local”: “_{2.9.2”, “angular-ui-calendar”: “}0.8.1”, “angular-ui-grid”: “_{3.0.6”, “angular-ui-router”: “}0.2.15”, “angular-ui-select”: “_{0.14.9”, “angular-ui-tree”: “}2.9.0”, “angular-ui-utils”: “_{0.2.3”, “animate.css”: “}3.4.0”, “bootstrap”: “_{3.3.5”, “bootstrap-daterangepicker”: “}2.0.11”, “bourbon”: “_{4.2.5”, “chosen”: “https://github.com/harvesthq/chosen/releases/download/1.4.2/chosen_v1.4.2.zip”, “es5-shim”: “}4.1.13”, “flot”: “_{0.8.3”, “flot-spline”: “”, “flot.tooltip”: “}0.8.4”, “font-awesome”: “_{4.4.0”, “html.sortable”: “}0.3.0”, “imagesloaded”: “_{4.1.0”, “jquery.easy-pie-chart”: “}2.1.6”, “jquery.inputmask”: “_{3.2.0”, “jquery.slimscroll”: “}1.3.6”, “bower-jquery-sparkline”: “_{2.1.3”, “json3”: “}3.3.2”, “leaflet”: “_{0.7.5”, “leaflet-draw”: “}0.2.4”, “leaflet-heat”: “https://github.com/Leaflet/Leaflet.heat/archive/gh-pages.zip”, “leaflet-plugins”: “_{1.3.6”, “masonry”: “4.0.0”, “material-design-iconic-font”: “}2.1.1”, “morrisjs”: “_{0.5.1”, “ng-bs-daterangepicker”: “}0.0.5”, “ng-table”: “_{1.0.0-beta.5”, “ng-tags-input”: “3.0.0”, “ngImgCrop”: “}0.3.2”, “oclazyload”: “_{1.0.5”, “owl-carousel”: “}1.3.2”, “rickshaw”: “_{1.5.1”, “simple-line-icons”: “}2.2.1”, “textAngular”: “1.5.0”, “weather-icons”: “_{2.0.10”, “dragular”: “4.0.0”, “magnific-popup”: “}1.1.0”, “angular-moment”: “0.10.3” }, “devDependencies”: { “angular-mocks”: “1.5.0”, “angular-scenario”: “1.5.0” }, “overrides”: { “bootstrap”: { “main”: [ ”./dist/css/bootstrap.css”, ”./dist/js/bootstrap.min.js” ] }, “font-awesome”: { “main”: [ “css/font-awesome.min.css” ] }, “material-design-iconic-font”: { “main”: [ ”./dist/css/material-design-iconic-font.css” ] }, “chosen”: { “main”: [ “chosen.jquery.min.js”, “chosen.min.css” ] }, “rickshaw”: { “main”: [ “rickshaw.js”, “rickshaw.min.css” ] }, “angular-toastr”: { “main”: [ ”./dist/angular-toastr.css”, ”./dist/angular-toastr.tpls.js” ] }, “flot”: { “main”: [ “jquery.flot.js”, “jquery.flot.resize.js” ] }, “flot-spline”: { “main”: ”./js/jquery.flot.spline.min.js” }, “jquery.easy-pie-chart”: { “main”: ”./dist/angular.easypiechart.min.js”, “dependencies”: { “jquery”: ”>=1.9.0” } }, “angular-datatables”: { “main”: [ ”./dist/angular-datatables.min.js”, ”./dist/plugins/bootstrap/angular-datatables.bootstrap.min.js”, ”./dist/plugins/colreorder/angular-datatables.colreorder.min.js”, ”./dist/plugins/columnfilter/angular-datatables.columnfilter.min.js”, ”./dist/plugins/colvis/angular-datatables.colvis.min.js”, ”./dist/plugins/fixedcolumns/angular-datatables.fixedcolumns.min.js”, ”./dist/plugins/fixedheader/angular-datatables.fixedheader.min.js”, ”./dist/plugins/scroller/angular-datatables.scroller.min.js”, ”./dist/plugins/tabletools/angular-datatables.tabletools.min.js” ] }, “owl-carousel”: { “main”: [ ”./owl-carousel/owl.carousel.min.js”, ”./owl-carousel/owl.carousel.css”, ”./owl-carousel/owl.theme.css” ] }, “jquery.inputmask”: { “main”: ”./dist/jquery.inputmask.bundle.js” }, “leaflet-draw”: { “main”: [ ”./dist/leaflet.draw.js”, ”./dist/leaflet.draw.css” ], “dependencies”: {} }, “masonry”: { “main”: [ ”./dist/masonry.pkgd.min.js” ], “dependencies”: {} }, “textAngular”: { “main”: [ ”./dist/textAngular-rangy.min.js”, ”./dist/textAngular-sanitize.min.js”, ”./dist/textAngular.min.js” ], “dependencies”: {} }, “leaflet-heat”: { “main”: ”./dist/leaflet-heat.js” } }, “appPath”: “app”, “resolutions”: { “angular”: “_{1.5.0”, “bootstrap”: “}3.3.5”, “rickshaw”: “_{1.5.1”, “jquery”: ”>= 1.9.0”, “d3”: “}3.5.6”, “bootstrap-daterangepicker”: “_{2.0.11”, “moment”: “2.12”, “angular-cookies”: “1.5.0”, “masonry”: “4.0.0”, “get-size”: “}2.0.2”, “outlayer”: “_{2.0.0”, “fizzy-ui-utils”: “}2.0.0”, “imagesloaded”: “_{4.1.0”, “jquery-bridget”: “}2.0.0”, “lodash”: ”>=3.8.0” } }

Apologies for pasting the code there as there is no option to attach files. With the above configs i am able to run the app.

Please help me in this regard.

Regards, Krishna Chandar

Hello, sorry for this, must be something caused by new firebase update, I have to take a look on that for next release, but I’m sure it should work with your own firebase database setting. Thanks

please send sampel CRUD to me with other service

Downloaded file should contain crud application example

Hey, seems like a problem with directive ui-scroll, however I’m not including this directive in my source app, something you have added on your own?

AngularJS2 not, but there will be bs4 version.

Does it throws this errors also for unedited fresh downloaded template? For demo application there is no errors in console, maybe is something broken in build process so glyphicons fonts are not copied properly. I’ll take a look on it for next release.

You don’t have to create another navigation or template, if you have user roles you can just use ng-if directive to show/hide selected elements

Thanks you for reporting…I’ll fix that in new release

All right, scratch that, I updated npm (with: npm install -g npm), npm install runs fine now. But, at “bower install” step, I get : bower ECONFLICT Unable to find suitable version for angular

Read somewhere that I could use : "resolutions": { "angular": "~1.4.7" } that is with the tilde (~). Doing so revolved to 1.4.10. Please advise Tattek, if this is the correct way of fixing things. Thanks !

Hey, yeah if that helps it’s fine