const Desklet = imports.ui.desklet;
const Settings = imports.ui.settings;
const Mainloop = imports.mainloop;
const Lang = imports.lang;
const Clutter = imports.gi.Clutter;




const St = imports.gi.St;

function MyDesklet(metadata, desklet_id) {
  this._init(metadata, desklet_id);
}

function main(metadata, desklet_id) {
  return new MyDesklet(metadata, desklet_id);
}

MyDesklet.prototype = {
    __proto__: Desklet.Desklet.prototype,

    _init: function(metadata, desklet_id) {
        Desklet.Desklet.prototype._init.call(this, metadata, desklet_id);

        // initialize settings
        this.settings = new Settings.DeskletSettings(this, this.metadata["uuid"], desklet_id);
        this.settings.bindProperty(Settings.BindingDirection.IN, "type", "type", this.on_setting_changed);

        // initialize desklet GUI
        this.setupUI();
    },

    setupUI: function(){
        // initialize size

        // create the clutter elements
        // creates container for one child
//        this.window = new St.Bin();
        // creates a label to present text
  //      this.text = new St.Label();
        // adds label to container
    //    this.window.add_actor(this.text);
        // Sets the container as content actor of the desklet
      //  this.setContent(this.window);

        this.canvas = new Clutter.Actor();
        this.canvas.remove_all_children();
        this.text1 = new St.Label();
		    this.text2 = new St.Label();

        this.canvas.add_actor(this.text1);
        this.canvas.add_actor(this.text2);

        this.setContent(this.canvas);

        // set decoration settings

        // set initial values
        this.update();
    },

    update: function() {
        // console log
        global.log("update SMG");
        // do the graph
        // type of system variable to graph
        var type = this.type;
        // add text to label
        this.text1.set_text("Hello Desktop2 ".concat(type));
        this.text2.set_text(type);
        // positions text
        this.text1.set_position(null, null);
        this.text2.set_position(null, 50);

        // call this.update() in 5 seconds
        this.timeout = Mainloop.timeout_add_seconds(5, Lang.bind(this, this.update));
    },

    on_setting_changed: function() {
        // update decoration settings
//        this.refreshDecoration();
        // settings changed; instant refresh
        Mainloop.source_remove(this.timeout);
        this.update();
   },

    on_desklet_removed: function() {
        Mainloop.source_remove(this.timeout);
    }

};