Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
menu.html 6.58 KB
Newer Older
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
1 
<!DOCTYPE html>
Stavros Sachtouris's avatar
Clean up GUI files and attach a copyright note    
Stavros Sachtouris committed
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 
<!--
Copyright (C) 2015 GRNET S.A.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
18
19
20
21
22 
<html>
<head><title>GUI for Agkyra Pithos+ Syncing Client</title></head>
<body>
    <script src="protocol.js"></script>
    <script src="settings.js"></script>
Stavros Sachtouris's avatar
Emancipate GUI when retrieving endpoints    
Stavros Sachtouris committed
23 
    <script src="static/js/jquery.js"></script>
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
24
25 
    <script type="text/javascript">
Stavros Sachtouris's avatar
Add DEBUG flag doe debuging the javascript code    
Stavros Sachtouris committed
26 
// Setup GUI
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
27
28
29
30
31
32
33
34
35
36
37
38 
var windows = {
  "settings": null,
  "about": null,
  "index": gui.Window.get()
}
function closeWindows() {
  for (win in windows) if (windows[win]) windows[win].close();
}

// GUI components
var tray = new gui.Tray({
  title: 'Agkyra syncs with Pithos+',
Stavros Sachtouris's avatar
Clean up GUI files and attach a copyright note    
Stavros Sachtouris committed
39 
  icon: 'static/images/tray.png'
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58 
});

var menu = new gui.Menu();

// Progress and Pause
var start_syncing = 'Start Syncing';
var pause_syncing = 'Pause Syncing';
var paused = true;

progress_item = new gui.MenuItem({
  // progress menu item
  label: 'Initializing',
  type: 'normal',
  enabled: false
});
menu.append(progress_item);
menu.append(new gui.MenuItem({type: 'separator'}));
pause_item = new gui.MenuItem({
  // pause menu item
Stavros Sachtouris's avatar
Clean up GUI files and attach a copyright note    
Stavros Sachtouris committed
59 
  icon: 'static/images/play_pause.png',
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
60 
  label: 'NOT READY',
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
61
62
63
64
65
66
67
68
69 
  type: 'normal',
  click: function() {
    if (paused) {post_start(socket);} else {post_pause(socket);}
  }
});
pause_item.enabled = false;
menu.append(pause_item);

// Menu actions contents
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
70 
var local_folder_menu = new gui.MenuItem({
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
71 
  label: 'Open local folder',
Stavros Sachtouris's avatar
Clean up GUI files and attach a copyright note    
Stavros Sachtouris committed
72 
  icon: 'static/images/folder.png',
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
73 
  enabled: false,
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
74
75 
  click: function () {
    var dir = globals['settings']['directory'];
Stavros Sachtouris's avatar
Fix minor bugs and omissions    
Stavros Sachtouris committed
76 
    log_debug('Open ' + dir);
Stavros Sachtouris's avatar
Open the local folder if folder button is clicked    
Stavros Sachtouris committed
77 
    gui.Shell.showItemInFolder(dir + path.sep + '.');
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
78 
  }
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
79
80 
})
menu.append(local_folder_menu);
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
81
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
82 
var pithos_page_menu = new gui.MenuItem({
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
83 
  label: 'Launch Pithos+ page',
Stavros Sachtouris's avatar
Clean up GUI files and attach a copyright note    
Stavros Sachtouris committed
84 
  icon: 'static/images/pithos.png',
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
85 
  enabled: false,
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
86 
  click: function () {
Stavros Sachtouris's avatar
Fix minor bugs and omissions    
Stavros Sachtouris committed
87 
    log_debug('Visit ' + get_pithos_ui());
Stavros Sachtouris's avatar
Emancipate GUI when retrieving endpoints    
Stavros Sachtouris committed
88 
    gui.Shell.openExternal(get_pithos_ui());
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
89 
  }
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
90
91 
});
menu.append(pithos_page_menu);
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
92
93
94 

// Settings and About
menu.append(new gui.MenuItem({type: 'separator'}));
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
95 
var settings_menu = new gui.MenuItem({
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
96 
  label: 'Settings',
Stavros Sachtouris's avatar
Clean up GUI files and attach a copyright note    
Stavros Sachtouris committed
97 
  icon: 'static/images/settings.png',
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
98 
  enabled: false,
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
99
100
101 
  click: function () {
    export_settings(globals.settings);
    if (windows['settings']) windows['settings'].close();
Stavros Sachtouris's avatar
Avoid updating settings if they are not changed    
Stavros Sachtouris committed
102
103 
    var old_settings = {};
    $.each(globals.settings, function(key, val) {old_settings[key]=val;});
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
104
105 
    windows['settings'] = gui.Window.open("settings.html", {
      toolbar: false, focus: true,
Stavros Sachtouris's avatar
Help users to fill in the forms in Settings window    
Stavros Sachtouris committed
106 
      width: 860, height: 620
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
107
108 
    });
    windows['settings'].on('closed', function() {
Stavros Sachtouris's avatar
Fix minor bugs and omissions    
Stavros Sachtouris committed
109 
      log_debug('Settings windows is closed');
Stavros Sachtouris's avatar
Avoid updating settings if they are not changed    
Stavros Sachtouris committed
110
111 
      var new_settings = import_settings();
      $.each(new_settings, function(key, setting) {
Stavros Sachtouris's avatar
Save settings when modified, even if incomplete    
Stavros Sachtouris committed
112 
        log_debug('Compare ' + old_settings[key] + ' with ' + setting);
Stavros Sachtouris's avatar
Avoid updating settings if they are not changed    
Stavros Sachtouris committed
113 
        if (old_settings[key] !== setting) {
Stavros Sachtouris's avatar
Fix minor bugs and omissions    
Stavros Sachtouris committed
114 
          log_debug('Settings have been modified - updating...');
Stavros Sachtouris's avatar
Avoid updating settings if they are not changed    
Stavros Sachtouris committed
115
116
117
118
119
120 
          put_settings(socket, new_settings);
          get_status(socket);
          get_settings(socket);
          return false;
        }
      });
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
121
122 
    });
  },
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
123
124 
});
menu.append(settings_menu);
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
125
126
127 

menu.append(new gui.MenuItem({
  label: 'About',
Stavros Sachtouris's avatar
Clean up GUI files and attach a copyright note    
Stavros Sachtouris committed
128 
  icon: 'static/images/about.png',
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
129
130
131
132 
  click: function () {
    if (windows['about']) windows['about'].close();
    windows['about'] = gui.Window.open("about.html", {
      toolbar: false, resizable: false, focus: true,
Stavros Sachtouris's avatar
Add missing icons, make GUI visually consistent    
Stavros Sachtouris committed
133 
      width: 860, height: 620
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
134
135
136
137
138
139
140
141 
    });
  }
}));

// Quit
menu.append(new gui.MenuItem({type: 'separator'}));
menu.append(new gui.MenuItem({
  label: 'Quit Agkyra',
Stavros Sachtouris's avatar
Clean up GUI files and attach a copyright note    
Stavros Sachtouris committed
142 
  icon: 'static/images/exit.png',
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
143
144
145 
  click: function() {post_shutdown(socket);}
}));
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
146
147
148
149 

// Update progress
var client_ready = false;
window.setInterval(function() {
Stavros Sachtouris's avatar
Ask user for settings on GUI startup, if needed    
Stavros Sachtouris committed
150
151
152
153
154 
  if (globals.open_settings) {
    globals.open_settings = false;
    settings_menu.click();
  }
Stavros Sachtouris's avatar
Emancipate GUI when retrieving endpoints    
Stavros Sachtouris committed
155 
  var menu_modified = false;
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
156 
  if (!client_ready) {
Stavros Sachtouris's avatar
Disable syncing if settings are inadequate    
Stavros Sachtouris committed
157
158 
    if (!globals.authenticated) return;
    client_ready = true;
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
159
160
161 
  }

  if (client_ready) {
Stavros Sachtouris's avatar
Disable syncing if settings are inadequate    
Stavros Sachtouris committed
162
163
164
165
166
167 
    if (!settings_menu.enabled) {
      if (globals.settings.url) refresh_endpoints(globals.settings.url);
      settings_menu.enabled = true;
      tray.menu = menu;
    }
    if (globals.settings.url && !pithos_page_menu.enabled) {
Stavros Sachtouris's avatar
Emancipate GUI when retrieving endpoints    
Stavros Sachtouris committed
168
169
170 
      if (get_pithos_ui() != null) {
        pithos_page_menu.enabled = true;
        tray.menu = menu;
Stavros Sachtouris's avatar
Disable syncing if settings are inadequate    
Stavros Sachtouris committed
171 
      } else { refresh_endpoints(globals.settings.url); }
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
172
173
174
175 
    }
    if (!local_folder_menu.enabled) {
      if (globals.settings.directory) {
        local_folder_menu.enabled = true;
Stavros Sachtouris's avatar
Emancipate GUI when retrieving endpoints    
Stavros Sachtouris committed
176 
        tray.menu = menu;
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
177
178
179
180
181
182
183 
      }
    }
  }

  var status = globals['status'];
  var new_progress = progress_item.label;
  var new_pause = pause_item.label;
Stavros Sachtouris's avatar
Disable syncing if settings are inadequate    
Stavros Sachtouris committed
184
185
186
187 
  if (!status.can_sync) {
    new_progress = 'Incomplete settings'
    new_pause = 'inactive'
    pause_item.enabled = false;
Stavros Sachtouris's avatar
Report progress as #synced/#unsynced cases    
Stavros Sachtouris committed
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208 
  } else {
    if (status.paused !== null) {
      switch(pause_item.label) {
        case pause_syncing: if (status.paused) {
            // Update to "Paused - start syncing"
            paused = true;
            new_pause = start_syncing;
            menu_modified = true;
          } // else continue syncing
        break;
        case start_syncing: if (!status.paused) {
            //update to "Syncing - pause syncing"
            paused = false;
            new_pause = pause_syncing;
            menu_modified = true;
          }
        break;
        default:
          if (status.paused) {new_pause = start_syncing; paused=true;}
          else {new_pause = pause_syncing; paused=false;}
          pause_item.enabled = true;
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
209 
          menu_modified = true;
Stavros Sachtouris's avatar
Report progress as #synced/#unsynced cases    
Stavros Sachtouris committed
210 
      }
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
211 
    }
Stavros Sachtouris's avatar
Change GUI progress messages    
Stavros Sachtouris committed
212
213
214
215
216
217
218
219
220
221
222 

    var remaining = status.unsynced - status.synced;
    if (status.paused){
      if (remaining)
        new_progress = 'Pausing, ' + remaining + ' remaining';
      else new_progress = 'Paused';
    } else {
      if (remaining)
        new_progress = 'Syncing, ' + remaining + ' remaining';
      else new_progress = 'Running, all synced';
    }
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
223 
  }
Stavros Sachtouris's avatar
Redraw GUI menu only when there are visual updates    
Stavros Sachtouris committed
224 
  if (new_pause !== pause_item.label.slice(0, new_pause.length)) {
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
225
226
227 
    pause_item.label = new_pause;
    menu_modified = true;
  }
Stavros Sachtouris's avatar
Change GUI progress messages    
Stavros Sachtouris committed
228 
  if (new_progress !== progress_item.label) {
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
229
230
231 
    progress_item.label = new_progress;
    menu_modified = true;
  }
Stavros Sachtouris's avatar
Change GUI progress messages    
Stavros Sachtouris committed
232 
  if (menu_modified) tray.menu = menu;
Stavros Sachtouris's avatar
Manage settings, gray-out GUI options when unready    
Stavros Sachtouris committed
233
234
235 
  get_status(socket);
}, 1500);
Stavros Sachtouris's avatar
Merge UI with backend, use backend in CLI    
Stavros Sachtouris committed
236
237
238
239 
tray.menu = menu;

    </script>
</body>
Stavros Sachtouris's avatar
Modify helper class to support multiple clients    
Stavros Sachtouris committed
240 
</html>