// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-

const UI = imports.testcommon.ui;

const { Clutter, Gtk, St } = imports.gi;

function test() {

    let stage = new Clutter.Stage();

    UI.init(stage);

    let vbox = new St.BoxLayout({ vertical: true,

                                  width: stage.width,

                                  height: stage.height,

                                  style: "padding: 10px;" });

    stage.add_actor(vbox);

    let toggle = new St.Button({ label: 'Horizontal Scrolling',

                                 toggle_mode: true });

    vbox.add(toggle);

    let v = new St.ScrollView();

    vbox.add(v, { expand: true });

    toggle.connect('notify::checked', () => {

        v.set_policy(toggle.checked ? Gtk.PolicyType.AUTOMATIC

                     : Gtk.PolicyType.NEVER,

                     Gtk.PolicyType.AUTOMATIC);

    });

    let b = new St.BoxLayout({ vertical: true,

                               style: "border: 2px solid #880000; border-radius: 10px; padding: 0px 5px;" });

    v.add_actor(b);

    let cc_a = "a".charCodeAt(0);

    let s = "";

    for (let i = 0; i < 26 * 3; i++) {

        s += String.fromCharCode(cc_a + i % 26);

        let t = new St.Label({ text: s,

                               reactive: true });

        let line = i + 1;

        t.connect('button-press-event',

                  function() {

                      log("Click on line " + line);

                  });

        b.add(t);

    }

    UI.main(stage);

}

test();