<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" xmlns:xi="http://www.w3.org/2001/XInclude" type="guide" style="task" id="aboutdialog.js" xml:lang="el">

  <info>

  <title type="text">AboutDialog (JavaScript)</title>

    <link type="guide" xref="beginner.js#windows"/>

    <revision version="0.1" date="2012-05-30" status="draft"/>

    <credit type="author copyright">

      <name>Taryn Fox</name>

      <email its:translate="no">jewelfox@fursona.net</email>

      <years>2012</years>

    </credit>

    <desc>Εμφάνιση πληροφοριών για μια εφαρμογή</desc>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Ελληνική μεταφραστική ομάδα GNOME</mal:name>

      <mal:email>team@gnome.gr</mal:email>

      <mal:years>2012-2015</mal:years>

    </mal:credit>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Δημήτρης Σπίγγος</mal:name>

      <mal:email>dmtrs32@gmail.com</mal:email>

      <mal:years>2012, 2013</mal:years>

    </mal:credit>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Μαρία Θουκιδίδου</mal:name>

      <mal:email>marablack3@gmail.com</mal:email>

      <mal:years>2014</mal:years>

    </mal:credit>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Θάνος Τρυφωνίδης</mal:name>

      <mal:email>tomtryf@gmail.com</mal:email>

      <mal:years>2014, 2015</mal:years>

    </mal:credit>

  </info>

  <title>AboutDialog</title>

  <media type="image" mime="image/png" src="media/aboutdialog_GMenu.png"/>

  
Ένα παράθυρο αναγκαστικού διαλόγου που εμφανίζει πληροφορίες για μια εφαρμογή και τους δημιουργούς της. Αυτό εμφανίζεται με κλικ στο "Περί" στο μενού της εφαρμογής, που είναι κανονικά μια καλή θέση για να το βάλετε.

#!/usr/bin/gjs

imports.gi.versions.Gtk = '3.0';

const Gio = imports.gi.Gio;

const GLib = imports.gi.GLib;

const Gtk = imports.gi.Gtk;

class AboutDialogExample {

    // Create the application itself

    constructor() {

        this.application = new Gtk.Application({

            application_id: 'org.example.jsaboutdialog',

            flags: Gio.ApplicationFlags.FLAGS_NONE

        });

        // Connect 'activate' and 'startup' signals to the callback functions

        this.application.connect('activate', this._onActivate.bind(this));

        this.application.connect('startup', this._onStartup.bind(this));

    }

    // Callback function for 'activate' signal presents windows when active

    _onActivate() {

        this._window.present();

    }

    // Callback function for 'startup' signal creates the menu and builds the UI

    _onStartup() {

        this._initMenus();

        this._buildUI();

    }

    // Build the application's UI

    _buildUI() {

        // Create the application window

        this._window = new Gtk.ApplicationWindow({ application: this.application,

                                                   window_position: Gtk.WindowPosition.CENTER,

                                                   title: "AboutDialog Example",

                                                   default_height: 250,

                                                   default_width: 350 });

        // Show the window and all child widgets

        this._window.show_all();

    }

    // Create the application menu

    _initMenus() {

        let menu = new Gio.Menu();

        menu.append("About", 'app.about');

        menu.append("Quit",'app.quit');

        this.application.set_app_menu(menu);

        // Create the "About" menu option and have it call the _showAbout() function

        let aboutAction = new Gio.SimpleAction({ name: 'about' });

        aboutAction.connect('activate', () => { this._showAbout(); });

        this.application.add_action(aboutAction);

        // Create the "Quit" menu option and have it close the window

        let quitAction = new Gio.SimpleAction ({ name: 'quit' });

        quitAction.connect('activate', () => { this._window.destroy(); });

        this.application.add_action(quitAction);

    }

    _showAbout() {

        // String arrays of the names of the people involved in the project

        var authors = ["GNOME Documentation Team"];

        var documenters = ["GNOME Documentation Team"];

        // Create the About dialog

        let aboutDialog = new Gtk.AboutDialog({ title: "AboutDialog Example",

                                                program_name: "GtkApplication Example",

                                                copyright: "Copyright \xa9 2012 GNOME Documentation Team",

                                                authors: authors,

                                                documenters: documenters,

                                                website: "http://developer.gnome.org",

                                                website_label: "GNOME Developer Website" });

        // Attach the About dialog to the window

        aboutDialog.modal = true;

        aboutDialog.transient_for = this._window;

        // Show the About dialog

        aboutDialog.show();

        // Connect the Close button to the destroy signal for the dialog

        aboutDialog.connect('response', function() {

            aboutDialog.destroy();

        });

    }

};

// Run the application

let app = new AboutDialogExample();

app.application.run(ARGV);

Σε αυτό το παράδειγμα χρησιμοποιήσαμε τα παρακάτω:

<list>

  <item>
<link href="http://developer.gnome.org/gio/unstable/GMenu.html">GMenu</link>
</item>

  <item>
<link href="http://developer.gnome.org/gio/stable/GSimpleAction.html">GSimpleAction</link>
</item>

  <item>
<link href="http://www.roojs.com/seed/gir-1.2-gtk-3.0/gjs/Gtk.AboutDialog.html">Gtk.AboutDialog</link>
</item>

  <item>
<link href="http://www.roojs.com/seed/gir-1.2-gtk-3.0/gjs/Gtk.Application.html">Gtk.Application</link>
</item>

  <item>
<link href="http://developer.gnome.org/gtk3/stable/GtkApplicationWindow.html">Gtk.ApplicationWindow</link>
</item>

</list>

</page>