summaryrefslogtreecommitdiffstats
path: root/src/js/app.js
blob: 22fc859aaf8df989444c4a44a739c368536bfed8 (plain)
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/*
 * Copyright 2019 Igalia, S.L.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import Mustache from 'mustache';
import { afmMain, api } from 'agl-js-api';

var configjson = require('../config.json');
var template;

function log(smgs) {
    document.getElementById('log').innerHTML += '<div>'+smgs+'</div>';
}

function show_app(app) {
    document.getElementById("app-"+app.id).style["display"]="block";
}

function display_icon(app) {
    return new Promise(function(resolve, reject) {
        var iconInactiveURL = '/images/icons/'+app.name.toLowerCase()+'_inactive.svg';
        var iconActiveURL = '/images/icons/'+app.name.toLowerCase()+'_active.svg';
        var image = new Image();

        image.onload = function() {
            document.getElementById("icon-inactive-"+app.id).src = iconInactiveURL;
            document.getElementById("icon-enabled-"+app.id).src = iconActiveURL;
            resolve();
        }

        image.onerror = function(){
            resolve();
        }

        image.src = iconInactiveURL;

    });
}


function render_applications(apps) {
    var appContainer = document.getElementById('AppContainer');
    for( var i=0; i<apps.length; i++) {
        if( configjson.black_list.indexOf(apps[i].id) === -1 ) {
            appContainer.innerHTML += Mustache.render(template, apps[i]);
            (function(app) {
                display_icon(app).then(function() {
                    show_app(app);
                });
            })(apps[i]);
        }
    }
}

function load_application_list() {
    afmMain.runnables().then(function(result) {
        render_applications(result);
    });
}

export function launch(app) {
    var appId = app.getAttribute('app-id');
    afmMain.start(appId).then(function(result) {
        log("success: " + result);
    });
}

export function init() {
    api.init();
    template = document.getElementById('item-template').innerHTML;
    Mustache.parse(template);
    load_application_list();
}