// module
var mdviewer = angular.module('mdviewer', []);

function toArray (obj, key, value) {
    var arr = [];
    for (var k in obj) {
        var tmp = {};
        tmp[key] = k;
        tmp[value] = obj[k];
        arr.push(tmp);
    }
    return arr;
}

function toObject (arr, key, value) {
    var obj = {};
    for (var i=0; i < arr.length; i++) {
        obj[arr[i][key]] = arr[i][value];
    }
    return obj;
}

mdviewer.controller('popup', ['$scope', function ($scope) {
    function init () {
        chrome.extension.sendMessage({
            message: 'settings'
        }, function (res) {
            $scope.options = toArray(res.options, 'name', 'enabled');
            
            $scope.themes = chrome.runtime.getManifest().web_accessible_resources
                .filter(function (file) {return file.indexOf('/themes/') == 0;})
                .map(function (file) {
                    var name = file.replace(/\/themes\/(.*)\.css/,'$1');
                    if (name == res.theme) $scope.theme = {name: name};
                    return {name: name};
                });

            $scope.raw = res.raw;
            $scope.$digest();
        });
    }
    init();
    
    $scope.onOptions = function () {
        chrome.extension.sendMessage({
            message: 'options',
            options: toObject(JSON.parse(angular.toJson($scope.options)), 'name', 'enabled')
        }, function (res) {
            
        });
    }
    $scope.onTheme = function () {
        chrome.extension.sendMessage({
            message: 'theme',
            theme: $scope.theme.name
        }, function (res) {

        });
    }
    $scope.onRaw = function () {
        $scope.raw = !$scope.raw;
        chrome.extension.sendMessage({
            message: 'raw',
            raw: $scope.raw
        }, function (res) {
            
        });
    }
    $scope.onDefaults = function () {
        chrome.extension.sendMessage({
            message: 'defaults'
        }, function (res) {
            init();
        });
    }
}]);