var gulp =require('gulp');//调用总指令
    var $ = require('gulp-load-plugins')();
    //请注意一定要写后面这个空括号对，代表直接调用这个函数
    var open =  require('open');

    var app ={
        srcPath:'src/',//默认需要做处理的原始文件夹路径
        devPath:'build/',//开发环境文件夹名字
        proPath:'dist/'//生产环境文件夹名字
    }
    /*
    gulp.task(taskName,callback);
    */
    gulp.task('lib',function(){
        gulp.src('lib/**/*.min.js')
        /*
        获取bower安装包路径二级目录下所有已经压缩过的js，
        色
        请注意如果你之前没有使用bowerrc文件修改，
        这里的lib文件名应该是默认的bower_components，
        vendor是供应商的意思，这个名字不是固定的，可换。
        */
        .pipe(gulp.dest(app.devPath+'vendor'))//复制文件到开发环境
        .pipe(gulp.dest(app.proPath+'vendor'))//复制文件到生产环境
        .pipe($.connect.reload());//只要编译命令执行就刷新页面
    });

    gulp.task('html',function(){
        gulp.src(app.srcPath+'**/*.html')//获取src文件夹下所有的html文件
        .pipe(gulp.dest(app.devPath))//复制文件到开发环境
        .pipe(gulp.dest(app.proPath))//复制文件到生产环境
        .pipe($.connect.reload());//只要编译命令执行就刷新页面
    });

    gulp.task('json',function(){
        gulp.src(app.srcPath+'data/**/*.json')//
        /*
        因为不连接数据库，需要做数据mock，获取moock文件夹下所有的json文件，
        如果直接连接数据库的话，就不用写 这个任务
        */
        .pipe(gulp.dest(app.devPath+'data'))//复制文件到开发环境
        .pipe(gulp.dest(app.proPath+'data'))//复制文件到生产环境
        .pipe($.connect.reload());//只要编译命令执行就刷新页面
    });
    /*MDUI大法好  以md开头的任务都是我为MDUI大法写的，如果你不用这个样式库可以直接忽略*/
    gulp.task('mdcss',function(){
        gulp.src('lib/mdui/src/mdui.less')//这个lib文件夹注意对应你本地的bower安装包路径
        .pipe($.less())//编译less成对应的css文件
        .pipe(gulp.dest(app.devPath+'css'))//复制文件到开发环境
        .pipe($.cssmin())//生产环境的样式文件需要压缩生成的
        .pipe(gulp.dest(app.proPath+'css'))//复制文件到生产环境
        .pipe($.connect.reload());//只要编译命令执行就刷新页面
    });

    gulp.task('mdfont',function(){
        gulp.src('lib/mdui/dist/fonts/**/*')//这个lib文件夹注意对应你本地的bower安装包路径
        .pipe(gulp.dest(app.devPath+'fonts'))//复制文件到开发环境
        .pipe(gulp.dest(app.proPath+'fonts'))//复制文件到生产环境
        .pipe($.connect.reload());//只要编译命令执行就刷新页面
    });

    gulp.task('mdicon',function(){
        gulp.src('lib/mdui/dist/icons/**/*')
        /*
        这个lib文件夹注意对应你本地的bower安装包路径,
        注意这个还有一个坑，就是mdui下的字体图标路径相对不是fonts下，
        原本的相对路径是../icons/material-icons/
        如果你想和我一样偷懒，把所有字体文件放到fonts下，
        需要修改lib/mdui/src/icon/less/material-icons.less文件，
        将字体文件路径都修改为 ../fonts/material-icons/，
        */
        .pipe(gulp.dest(app.devPath+'fonts'))//复制文件到开发环境
        .pipe(gulp.dest(app.proPath+'fonts'))//复制文件到生产环境
        .pipe($.connect.reload());//只要编译命令执行就刷新页面
    });
    /*MDUI大法相关任务完结*/
    gulp.task('less',function(){
        gulp.src(app.srcPath+'style/index.less')//复制在src下我们自己定义样式的总less文件，注意在该文件中，导入其他自定义样式less文件
        .pipe($.less())//编译less成对应的css文件
        .pipe(gulp.dest(app.devPath+'css'))//复制文件到开发环境
        .pipe($.cssmin())//生产环境的样式文件需要压缩生成的
        .pipe(gulp.dest(app.proPath+'css'))//复制文件到生产环境
        .pipe($.connect.reload());//只要编译命令执行就刷新页面
    });

    gulp.task('js',function(){
        gulp.src(app.srcPath+'script/**/*.js')//复制在src下我们自己写的所有js文件，注意指明文件格式
        .pipe($.concat('index.js'))//把所有的js文件都整合成一个index.js文件
        .pipe(gulp.dest(app.devPath+'js'))//复制文件到开发环境
        .pipe($.uglify())//生产环境的js文件需要压缩生成的
        .pipe(gulp.dest(app.proPath+'js'))//复制文件到生产环境
        .pipe($.connect.reload());//只要编译命令执行就刷新页面
    });

    gulp.task('image',function(){
        gulp.src(app.srcPath+'image/**/*')//复制在src下所有图片文件
        .pipe(gulp.dest(app.devPath+'image'))//复制文件到开发环境
        .pipe($.imagemin())//生产环境的图片文件需要压缩生成的
        .pipe(gulp.dest(app.proPath+'image'))//复制文件到生产环境
        .pipe($.connect.reload());//只要编译命令执行就刷新页面
    });

    gulp.task('build',['image','js','mdcss','mdfont','mdicon','less','lib','html','json']);

    gulp.task('serve',['build'],function(){
        $.connect.server({
            root:[app.devPath],//默认的环境是开发环境，可以成修改成生产环境 app.proPath
            livereload:true,//是否实时监听，这个需要结合谷歌插件
            port:1234//端口号，只要配置未被占用的端口号就行
        });
        open('http://localhost:1234');//自动打开绑定的端口界面

        gulp.watch(app.srcPath+'script/**/*.js',['js']);//监听自定义的js改动情况
        gulp.watch(app.srcPath+'lib/**/*.js',['lib']);//监听加载其他插件的js改动情况
        gulp.watch(app.srcPath+'**/*.html',['html']);//监听自定义的html改动情况
        gulp.watch(app.srcPath+'data/**/*.json',['json']);//监听mook数据的改动情况
        gulp.watch(app.srcPath+'lib/mdui/src/mdui.less',['mdcss']);//监听MDUI的样式文件的改动情况
        gulp.watch(app.srcPath+'lib/mdui/dist/fonts/**/*',['mdfont']);//监听MDUI的主要字体文件的改动情况
        gulp.watch(app.srcPath+'lib/mdui/dist/icons/**/*',['mdicon']);//监听MDUI的图标字体文件的改动情况
        gulp.watch(app.srcPath+'style/index.less',['less']);//监听自定义的样式文件改动情况
        gulp.watch(app.srcPath+'image/**/*',['image']);//监听图片文件改动情况
    });

    gulp.task('default',['serve']);//gulp默认执行的命令会执行的任务，即直接输入gulp就会执行的任务

    gulp.task('clean',function(){
        gulp.src([app.devPath,app.proPath])
        /*
        当你觉得生产和开发环境中的文件中生成的错误文件比较多，
        可以直接清理相关文件夹 可以执行该任务
        */
        .pipe($.clean());
    });

  "use strict";//使用严格模式
  //angular接收的第一个参数需要和index.html中的ng-app声明的值要一致。
  var app = angular.module('myApp');

"use strict";
  //angular接收的第一个参数需要和index.html中的ng-app声明的值要一致。
  var app = angular.module('myApp',['ui.router']);//可以导入多个三方插件，注意对应插件的名字

    //请注意app这个变量是app.js中定义的变量名，请注意这两个变量名的一致
    //'$stateProvider','$urlRouterProvider'是为了更好的语义化，所以写的全名，只要注意和后面回调函数的参数名要一致
    app.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){
        $stateProvider.state('home',{
            url: '/home',//子路由的虚拟路径名，这个要和路径title要一致即传入state函数的第一个参数名
            templateUrl: 'view/home.html',//子路由的页面地址
            controller: 'homeCtrl'//子路由的controller名，注意和下面controller中要一致
        }).state('mood',{
            url: '/mood',//子路由的虚拟路径名，这个要和路径title要一致即传入state函数的第一个参数名
            templateUrl: 'view/mood.html',//子路由的页面地址
            controller: 'moodCtrl'//子路由的controller名，注意和下面controller中要一致
        }).state('pic',{
            url: '/pic',//子路由的虚拟路径名，这个要和路径title要一致即传入state函数的第一个参数名
            templateUrl: 'view/pic.html',//子路由的页面地址
            controller: 'picCtrl'//子路由的controller名，注意和下面controller中要一致
        }).state('setting',{
            url: '/setting',//子路由的虚拟路径名，这个要和路径title要一致即传入state函数的第一个参数名
            templateUrl: 'view/setting.html',//子路由的页面地址
            controller: 'settingCtrl'//子路由的controller名，注意和下面controller中要一致
        });
        $urlRouterProvider.otherwise('home');//设置默认的路由页面
    }]);

    app.controller('homeCtrl', function ($scope, $state) {
        $scope.changeState = function () {
            $state.go('/home');//点击该路由，激活的页面地址，请注意和上文中controller对应的url要一致
        };
    });
    app.controller('moodCtrl', function ($scope, $state) {
        $scope.changeState = function () {
            $state.go('/mood');//点击该路由，激活的页面地址，请注意和上文中controller对应的url要一致
        };
    });
    app.controller('picCtrl', function ($scope, $state) {
        $scope.changeState = function () {
            $state.go('/pic');//点击该路由，激活的页面地址，请注意和上文中controller对应的url要一致
        };
    });
    app.controller('settingCtrl', function ($scope, $state) {
        $scope.changeState = function () {
            $state.go('/setting');//点击该路由，激活的页面地址，请注意和上文中controller对应的url要一致、
        };
    });