1
2
3
4
5
6

angular.module('hmd', ['ui.router','hmd.directives','hmd.studio','hmd.system'])
...
//引入模块
hmd.regModule('studio');
hmd.regModule('system');
...

1
2
3
4
5
6

//TODO:更优雅的导航栏切换逻辑
hmd.changeStatus =  function (state) {
  var $navList = $('#navlist');
  $navList.find('li').removeClass('active');
  $navList.find('.' + state).addClass('active');
};

1
2
3
4
5
6
7
8
9
10
11

hmd.system.config(function ($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('system', {
      url: "/system",
      templateUrl: "modules/system/views/system.html",
      controller: 'system',
      onEnter: function () {
        hmd.changeStatus('system');
      }
    });
});

1
2
3
4
5

...
onEnter: function () {
  hmd.changeStatus('studio');
}
...

1
2
3
4
5
6

...
<ul class="nav navbar-nav" id="navlist" >
  <li class="studio"><a href="#/studio">编辑器</a></li>
  <li class="system"><a href="#/system">系统设置</a></li>
</ul>
...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

var util = require('./helpers/util'),
    fs = require('fs'),
    system = hmd.system,
    //存储设置的文件
    dataFile = system.dataPath + '\\system.json';

//初始化存储目录
if (!fs.existsSync(system.dataPath)) {
  fs.mkdirSync(system.dataPath);
}

//默认设置
var defaultSystemData = {
  //最后一次打开的文件
  lastFile: null
};

//读取设置
system.get = function () {
  return $.extend(defaultSystemData,util.readJsonSync(dataFile));
};

//保存设置
system.save = function (data) {
  data = data || defaultSystemData;
  util.writeFileSync(dataFile, JSON.stringify(data));
};

  //设置最后打开的文件
system.setLastFile = function (filepath) {
  var systemData  = system.get();
  systemData.lastFile = filepath;
  system.save(systemData);
};

1
2
3
4
5
6
7
8
9
10
11
12
13
14

//设置当前文件
setFile:function(filepath){
  if(filepath && fs.existsSync(filepath)){
    var txt = util.readFileSync(filepath);
    this.filepath = filepath;
    this.cm.setValue(txt);
    this.fire('setFiled',this.filepath);
  }
  else{
    this.filepath = null;
    this.cm.setValue('');
    this.fire('setFiled');
  }
}

1
2
3
4
5
6
7
8
9
10

studio.directive('hmdEditor', function () {
    return function ($scope, elem) {
    	//读取最后一次打开的文件
      var systemData = hmd.system.get();
      hmd.editor.init({el:elem[0]},systemData.lastFile);
      //保存最后一次打开的文件
      hmd.editor.on('setFiled',function(filepath){
        hmd.system.setLastFile(filepath);
      });
    ...

1
2
3
4
5

...
if(options.theme != 'default'){
	$('head').append('<link href="lib/codemirror/theme/'+options.theme+'.css" rel="stylesheet" />');
}
...

1
2
3
4
5
6
7
8
9

...
  //默认设置
  var defaultSystemData = {
    //最后一次打开的文件
    lastFile: null,
    //当前样式
    theme:'ambiance'
  };
...

1
2
3
4
5
6
7
8
9
10
11
12
13

<div class="content studio-wrap">
  <form class="system-form" name="systemForm">
    <div class="form-group">
      <label>编辑器样式</label>
      <select ng-model="systemSetting.theme" name="theme">
        <option value="ambiance">ambiance</option>
        <option value="mbo">mbo</option>
        <option value="neat">neat</option>
      </select>
    </div>    
    <button type="submit" class="btn btn-default" ng-click="save(systemSetting)">保存</button>
  </form>
</div>

1
2
3
4
5
6

system.controller('system', function ($scope) {
  $scope.systemSetting = system.get();
  $scope.save = function (systemSetting) {
    system.save(systemSetting);
  };
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

var system = hmd.system,
	fs = require('fs');
system.controller('system', function ($scope) {
  //读取theme目录,生成样式列表
  var files = fs.readdirSync('./app/lib/codemirror/theme'),themes={};
  files.forEach(function (file) {
    if(~file.indexOf('.css')){
    	file = file.replace('.css','');
      themes[file] = file;
    } 
  });
  $scope.themes = themes;
  $scope.systemSetting = system.get();
  $scope.save = function (systemSetting) {
    system.save(systemSetting);
  };
});

1
2

<select name="theme" ng-model="systemSetting.theme"  ng-options="k as v for (k, v) in themes">
</select>