/// <reference path='../typings/tsd.d.ts' />
angular.module('todo', ['ionic'])
    .run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
      if(window.cordova && window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      }
      if(window.StatusBar) {
        window.StatusBar.styleDefault();
      }
    });
  })

/// <reference path='../typings/tsd.d.ts' />
/// <reference path='ProjectsSvc.ts' />
//↑はtypescriptの型を解決するためのもので、後で出てくるProjectsSvc.tsも参照している
// namespaceをtodoに。
namespace todo {
  "use strict";

  // Todoの内容を入れるオブジェクト(interface)
  // typescriptのinterfaceは、タイトルというキーには文字が入るんだという、
  // taskのデータ型を宣言しているだけで、実際のJavascriptではこの部分はコードにならない(みたい)
  export interface ITask {
    title: string;
  }

  // コントローラ用のクラス、今回の中心。
  class TodoCtrl {
    // プロジェクトを入れておくIProjectの配列(IProject自体はProjectsSvc.ts)
    projects: IProject[];
	// TODOを登録する際の対照のプロジェクト
    activeProject: IProject;
	// taskModal?
    taskModal: any;

    // modal用の$ionicModalの注入とそのionicModalが$scopeを
    // 必要とするので$scopeを注入
    constructor(private $scope, private $timeout: ng.ITimeoutService, private $ionicModal, private Projects: ProjectsSvc, private $ionicSideMenuDelegate) {
      // 既存のプロジェクト読み込み又は初期化(localStrageにあったら、そこから拾う)
      this.projects = Projects.all();

      // 最後に選択していたプロジェクトか、なければ最初のプロジェクトを選択しておく↓
	  // return parseInt(window.localStorage['lastActiveProject']) || 0;
      this.activeProject = this.projects[Projects.getLastActiveIndex()];

      // Create and load the Modal
      $ionicModal.fromTemplateUrl('new-task.html', {//new-task.htmlはscriptタグのid='new-task.html'
        scope: this.$scope
      }).then((modal) => {
        // ここでthisを使いたい場合は要注意。TodoCtrlを
        // 示したいので必ず()=>{}で関数を書かないといけない！
		// 参考:http://www.buildinsider.net/language/quicktypescript/01#arrow-function-expressions
		// 以下のように変換されている
		// var _this = this;
		// ...
		// _this.taskModal = modal;
		// 参考:http://ionicframework.com/docs/api/service/$ionicModal/
		// modalはhideやshowできる
		// scriptタグの中にあるテンプレートの中にmodalの中身がある
        this.taskModal = modal;
      });

      // プロジェクトが存在しない場合は
      // 作ってもらう。初期化が全て完了してから
      // 実行してほしいので$timeoutで遅延実行する。
      this.$timeout(() => {
          if (this.projects.length > 0) {
            // プロジェクトが既にあるなら無視
            return;
          }
          while (true) {
            var projectTitle = prompt('最初のプロジェクト名を指定:');
            if (!!projectTitle) {
              this.createProject(projectTitle);
              break;
            }
          }
        }
      )
    }//コンストラクターの終了

    // プロジェクトの新規作成（非公開）
	// ↑の$timeoutの引数の関数の中で実行している
    private createProject(projectTitle: string) {
      var newProject = this.Projects.newProject(projectTitle);
	  //新しいプロジェクトを配列にpushし
      this.projects.push(newProject);
      // プロジェクト新規作成後すぐにアクティブ状態にしておきたいので設定
      this.activeProject = newProject;
      this.Projects.save(this.projects);
    }

    // プロジェクト新規作成（公開）
	// プラスのアイコンをクリックするとこのメソッドが実行される
    newProject() {
      var projectTitle = prompt('Project name');
      if (!!projectTitle) {
        this.createProject(projectTitle);
      }
    }

    // プロジェクトの選択
	// 左側のプロジェクト名をクリックすると、このメソッドが実行される
    selectProject(project: IProject, index: number) {
      this.activeProject = project;
      this.Projects.setLastActiveIndex(index);
	  // 左側を見えないようにする
	  // 参考:http://ionicframework.com/docs/api/service/$ionicSideMenuDelegate/
      this.$ionicSideMenuDelegate.toggleLeft(false);
    }

    // フォームのsubmit時のタスク作成
    createTask(task: ITask) {
      if (!this.activeProject || !task) {
        // タスク作成できるような状態じゃなかったら無視
        return;
      }

      this.activeProject.tasks.push({
        title: task.title
      });
      this.taskModal.hide();

      // タスク作成するたびに前プロジェクト保存しているので
      // 非効率的だけどチュートリアルなので…
      this.Projects.save(this.projects);
      task.title = "";
    }

    // タスク作成のmodalを表示
    newTask() {
      this.taskModal.show();
    }

    // タスク作成modalを閉じる
    closeNewTask() {
      this.taskModal.hide();
    }

    // サイドメニューのトグル用
    toggleProjects() {
      this.$ionicSideMenuDelegate.toggleLeft();
    }
  }

  // todoモジュールにちゃんと定義
  angular.module('todo').controller('TodoCtrl', TodoCtrl);
}

/// <reference path='TodoCtrl.ts' />
/// <reference path='../typings/tsd.d.ts' />
namespace todo {
  "use strict";


  // プロジェクト用のインタフェース
  export interface IProject {
    title: string;
    tasks: ITask[];
  }

  // Projectsサービスクラス
  // exportすることにより、TodoCtrl内で利用できるようになる。
  // 次のように一番上のスコープのtodoに登録される
  // todo.ProjectsSvc = ProjectsSvc;
  export class ProjectsSvc {
    // 管理している全プロジェクト一覧を取得
    all():IProject[] {
      var projectString = window.localStorage['projects'];
      // !!は「projectString != null ? true : false」と同じ
      if(!!projectString) {
        return angular.fromJson(projectString);
      }
      //storageに何もなかったら空の配列を
      return [];
    }

    // 管理している全プロジェクトをlocalStorageに保存
    save(projects: IProject[]) {
      window.localStorage['projects'] = angular.toJson(projects);
    }


    // 新規プロジェクトの作成
    newProject(projectTitle: string): IProject {
      return {
        title: projectTitle,
        tasks: []
      };
    }

    // 最後に選択していたプロジェクトの索引取得
    getLastActiveIndex() {
      return parseInt(window.localStorage['lastActiveProject']) || 0;
    }

    // 最後に選択していたプロジェクトの索引保存
    setLastActiveIndex(index: number) {
      window.localStorage['lastActiveProject'] = index;
    }
  }

  // Projectsサービスとして登録
  angular.module('todo').factory('Projects', () => {
    return new ProjectsSvc();
  });
}