Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
A
agkyra
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Operations
Operations
Incidents
Environments
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
itminedu
agkyra
Commits
fe18edec
Commit
fe18edec
authored
May 13, 2015
by
Stavros Sachtouris
Committed by
Giorgos Korfiatis
Oct 19, 2015
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Improve GUI look'n'feel and clean unused code
parent
20b13007
Changes
4
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
315 additions
and
569 deletions
+315
-569
agkyra/gui/about.html
agkyra/gui/about.html
+22
-35
agkyra/gui/settings.html
agkyra/gui/settings.html
+77
-96
agkyra/gui/static/stylesheets/main.css
agkyra/gui/static/stylesheets/main.css
+216
-1
agkyra/gui/static/stylesheets/normalize.css
agkyra/gui/static/stylesheets/normalize.css
+0
-437
No files found.
agkyra/gui/about.html
View file @
fe18edec
...
...
@@ -18,51 +18,38 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<html>
<head>
<title>
About Agkyra
</title>
<link
rel=
"stylesheet"
href=
"static/stylesheets/normalize.css"
/>
<link
rel=
"stylesheet"
href=
"static/stylesheets/main.css"
/>
<script
src=
"static/js/jquery.js"
></script>
<script
src=
"static/js/common.js"
></script>
<style>
.box
{
margin
:
0
auto
;
width
:
90%
;
height
:
256px
;
overflow
:
auto
;
background
:
#e0e0e0
;
}
</style>
</head>
<body>
<div
class=
"row home js-main"
>
<img
src=
"static/images/logo.png"
style=
"width: 64px; height: 64px;"
/>
<h3>
Agkyra... it syncs
</h3>
<div
class=
"wrapper home"
>
<header>
<img
src=
"static/images/logo.png"
class=
"logo"
alt=
"agkyra"
/>
<h1>
Agkyra... it syncs
</h1>
</header>
<p><b>
Agkyra
</b>
is a minimal syncing client for Pithos+.
<br/>
It syncs a Pithos+ container with a local folder.
</p>
<p
class=
"disclaimer"
>
Developed and supported by the Okeanos/Synnefo development team of GRNET
<br/><b>
contact: okeanos-dev@grnet.gr
</b></p>
<h3
class=
"disclaimer"
>
Copyright 2015 Greek Research and Technology Network
<br/>
Licensed under:
</h3>
<embed
class=
"
box
"
src=
"COPYING"
/>
<embed
class=
"
licence
"
src=
"COPYING"
/>
</div>
<footer
class=
"footer js-footer"
>
<nav
class=
"row"
>
<p
class=
"disclaimer"
>
The project is co-financed by Greece and the European Union
</p>
<ul
class=
"logos"
>
<li
id=
"eu"
>
<a
href=
"#"
title=
"European Union"
>
European Union
</a>
</li>
<li
id=
"dg"
>
<a
href=
"#"
title=
"Digital Greece"
>
Digital Greece
</a>
</li>
<li
id=
"nsrf"
>
<a
href=
"#"
title=
"NSRF"
>
NSRF
</a>
</li>
<li
id=
"grnet"
>
<a
href=
"#"
title=
"GRNet"
>
GRNet
</a>
</li>
</ul>
</nav>
<footer
class=
"footer"
>
<p
class=
"disclaimer"
>
The project is co-financed by Greece and the European Union
</p>
<ul
class=
"logos"
>
<li
id=
"eu"
>
<a
href=
"#"
title=
"European Union"
><img
src=
"static/images/eu.png"
/></a>
</li>
<li
id=
"dg"
>
<a
href=
"#"
title=
"Digital Greece"
><img
src=
"static/images/dg.png"
/></a>
</li>
<li
id=
"nsrf"
>
<a
href=
"#"
title=
"NSRF"
><img
src=
"static/images/nsrf.png"
/></a>
</li>
<li
id=
"grnet"
>
<a
href=
"#"
title=
"GRNet"
><img
src=
"static/images/grnet.png"
/></a>
</li>
</ul>
</footer>
</body>
...
...
agkyra/gui/settings.html
View file @
fe18edec
<!DOCTYPE html>
<!-- Copyright (C) 2015 GRNET S.A.
<!--
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
...
...
@@ -12,11 +13,11 @@ 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/>. -->
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<html>
<head>
<title>
User Settings
</title>
<link
rel=
"stylesheet"
href=
"static/stylesheets/normalize.css"
/>
<link
rel=
"stylesheet"
href=
"static/stylesheets/main.css"
/>
<script
src=
"static/js/jquery.js"
></script>
<script
src=
"settings.js"
></script>
...
...
@@ -39,12 +40,9 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. -->
fs
.
readFileSync
(
exclude
,
encoding
=
'
utf-8
'
));
}
catch
(
err
)
{
console
.
log
(
err
);}
});
function
update_exclude
(
new_content
)
{
if
(
exclude
)
fs
.
writeFile
(
exclude
,
new_content
);
}
function
extract_credentials
(
cookie
)
{
var
credentials
=
cookie
.
value
.
split
(
'
%7C
'
);
var
uuid
=
credentials
[
0
];
...
...
@@ -54,7 +52,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. -->
$
(
'
#token
'
).
trigger
(
'
change
'
);
//set_setting('token', $(this).val())
}
function
remove_cookies
(
win
,
url
)
{
var
removed_at_least_one
=
false
win
.
cookies
.
getAll
({
url
:
url
},
function
(
cookies
)
{
...
...
@@ -65,7 +62,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. -->
});
return
removed_at_least_one
;
}
var
gui
=
require
(
'
nw.gui
'
);
var
cred_win
=
null
;
var
logout_win
=
null
;
...
...
@@ -74,15 +70,12 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. -->
function
get_credentials
()
{
var
cookie_name
=
'
_pithos2_a
'
;
var
lurl
=
get_account_ui
()
+
'
/logout?next=
'
+
get_pithos_ui
()
show_creds
=
false
;
$
(
'
#get_creds
'
).
hide
();
got_cookie
=
false
;
cred_win
=
gui
.
Window
.
open
(
lurl
,
{
focus
:
true
,
width
:
820
,
height
:
580
,
toolbar
:
false
});
cred_win
.
cookies
.
onChanged
.
addListener
(
function
(
info
)
{
if
(
info
.
cookie
.
name
===
cookie_name
)
{
console
.
log
(
'
Succesfully logged in
'
);
...
...
@@ -93,7 +86,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. -->
cred_win
.
on
(
'
loaded
'
,
function
()
{
if
(
got_cookie
)
cred_win
.
close
();
});
cred_win
.
on
(
'
closed
'
,
function
()
{
logout_win
=
gui
.
Window
.
open
(
get_account_ui
()
+
'
/logout
'
,
...
...
@@ -106,7 +98,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. -->
});
});
}
window
.
setInterval
(
function
()
{
// Refresh get_creds visibility, until refresh_endpoints
// changes are in effect
...
...
@@ -117,96 +108,86 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. -->
</script>
</head>
<body>
<div
class=
"
row js-main
"
>
<div
class=
"
wrapper
"
>
<header>
<h2>
<img
src=
"static/images/about.png"
style=
"width: 16; height: 16;"
/>
User Settings
</h2>
<h2><img
src=
"static/images/about.png"
/>
User Settings
</h2>
</header>
<form>
<div
class=
"row"
>
<div
class=
"small-8 columns"
>
<fieldset>
<legend>
Cloud
</legend>
<div
class=
"row error"
>
<div
class=
"small-3 columns"
>
<label
for=
"cloud-url"
class=
"right inline"
>
Cloud URL
</label>
</div>
<div
class=
"small-9 columns"
>
<input
type=
"text"
id=
"cloud-url"
placeholder=
"Authentication URL"
onchange=
"set_setting('url', $(this).val()); refresh_endpoints($(this).val());"
>
<small
class=
"error"
style=
"visibility: hidden"
>
Invalid entry
</small>
</div>
</div>
<div
class=
"row error"
>
<div
class=
"small-3 columns"
>
<label
for=
"token"
class=
"right inline"
>
User token
</label>
</div>
<div
class=
"small-9 columns"
>
<input
type=
"text"
id=
"token"
placeholder=
"User token"
onchange=
"set_setting('token', $(this).val())"
>
<small
class=
"error"
style=
"visibility: hidden"
>
Invalid entry
</small>
</div>
</div>
<div
class=
"clearfix"
>
<a
id=
"get_creds"
class=
"button right"
style=
"display: none;"
onclick=
"get_credentials();"
>
Login to get credentials
</a>
</div>
</fieldset>
<fieldset>
<legend>
What to sync
</legend>
<div
class=
"row"
>
<div
class=
"small-3 columns"
>
<label
for=
"container"
class=
"right inline"
>
Remote container
</label>
</div>
<div
class=
"small-9 columns"
>
<input
type=
"text"
id=
"container"
placeholder=
"Pithos+ container"
onchange=
"set_setting('container', $(this).val())"
>
</div>
</div>
<div
class=
"row"
>
<div
class=
"small-3 columns"
>
<label
for=
"directory"
class=
"right inline"
>
Local directory
</label>
</div>
<div
class=
"small-9 columns"
id=
"directory"
>
No dir chosen
</div>
</div>
<div
class=
"row"
>
<div
class=
"small-3 columns"
>
Change it:
</div>
<div
class=
"small-9 columns"
>
<!-- TODO: change the label of this field -->
<input
type=
"file"
nwdirectory
onchange=
"
$('#directory').html($(this).val());
set_setting('directory', $(this).val());
"
/>
</div>
</div>
<div
class=
"row"
>
<div
class=
"small-3 columns"
>
<label
for=
""
class=
"right inline"
>
Exclude these items from syncing
</label>
</div>
<div
class=
"small-9 columns"
>
<textarea
id=
"exclude"
onchange=
"update_exclude($(this).val())"
>
</textarea>
</div>
</div>
</fieldset>
<!--<div class="clearfix">
<a id="sync_button" class="button right"
onclick="window.close();">OK</a>
</div> -->
<fieldset>
<legend>
Cloud
</legend>
<div
class=
"clearfix error"
>
<div
class=
"small-3 columns"
>
<label
for=
"cloud-url"
class=
"right inline"
>
Cloud URL
</label>
</div>
<div
class=
"small-9 columns"
>
<input
type=
"text"
id=
"cloud-url"
placeholder=
"Authentication URL"
onchange=
"set_setting('url', $(this).val()); refresh_endpoints($(this).val());"
>
<small>
Invalid entry
</small>
</div>
</div>
<!--<div class="small-4 columns">
<p class="panel">I have no idea what will happen if I put my credentials there...<br>My space could be used to explain what is going on here.</p>
</div>-->
<div
class=
"clearfix"
>
<div
class=
"small-3 columns"
>
<label
for=
"token"
class=
"right inline"
>
User token
</label>
</div>
<div
class=
"small-9 columns"
>
<input
type=
"text"
id=
"token"
placeholder=
"User token"
onchange=
"set_setting('token', $(this).val())"
>
<small>
Invalid entry
</small>
</div>
</div>
<div
class=
"clearfix"
>
<a
id=
"get_creds"
class=
"button right"
style=
"display: none;"
onclick=
"get_credentials();"
>
Login to get credentials
</a>
</div>
</fieldset>
<fieldset>
<legend>
What to sync
</legend>
<div
class=
"row clearfix"
>
<div
class=
"small-3 columns"
>
<label
for=
"container"
class=
"right inline"
>
Remote container
</label>
</div>
<div
class=
"small-9 columns"
>
<input
type=
"text"
id=
"container"
placeholder=
"Pithos+ container"
onchange=
"set_setting('container', $(this).val())"
>
</div>
</div>
<div
class=
"row clearfix"
>
<div
class=
"small-3 columns"
>
<label
for=
"directory"
class=
"right inline"
>
Local directory
</label>
</div>
<div
class=
"small-9 columns"
id=
"directory"
>
No dir chosen
</div>
</div>
<div
class=
"row clearfix"
>
<div
class=
"small-3 columns"
><label
class=
"right inline"
>
Change it:
</label></div>
<div
class=
"small-9 columns"
>
<!-- TODO: change the label of this field -->
<input
type=
"file"
nwdirectory
onchange=
"
$('#directory').html($(this).val());
set_setting('directory', $(this).val());
"
/>
</div>
</div>
<div
class=
"row"
>
<div
class=
"small-3 columns"
>
<label
for=
"exclude"
class=
"right inline"
>
Exclude these items from syncing
</label>
</div>
<div
class=
"small-9 columns"
>
<textarea
id=
"exclude"
onchange=
"update_exclude($(this).val())"
>
</textarea>
</div>
</div>
</fieldset>
<div
class=
"clearfix"
>
<a
id=
"sync_button"
class=
"button right"
onclick=
"window.close();"
>
OK
</a>
</div>
</form>
</div>
...
...
agkyra/gui/static/stylesheets/main.css
View file @
fe18edec
This diff is collapsed.
Click to expand it.
agkyra/gui/static/stylesheets/normalize.css
deleted
100644 → 0
View file @
20b13007
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
/* line 9, ../sass/normalize.scss */
html
{
font-family
:
sans-serif
;
/* 1 */
-ms-text-size-adjust
:
100%
;
/* 2 */
-webkit-text-size-adjust
:
100%
;
/* 2 */
}
/**
* Remove default margin.
*/
/* line 19, ../sass/normalize.scss */
body
{
margin
:
0
;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
/* line 33, ../sass/normalize.scss */
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
main
,
menu
,
nav
,
section
,
summary
{
display
:
block
;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
/* line 54, ../sass/normalize.scss */
audio
,
canvas
,
progress
,
video
{
display
:
inline-block
;
/* 1 */
vertical-align
:
baseline
;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
/* line 67, ../sass/normalize.scss */
audio
:not
([
controls
])
{
display
:
none
;
height
:
0
;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
/* line 77, ../sass/normalize.scss */
[
hidden
],
template
{
display
:
none
;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
/* line 89, ../sass/normalize.scss */
a
{
background-color
:
transparent
;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
/* line 97, ../sass/normalize.scss */
a
:active
,
a
:hover
{
outline
:
0
;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
/* line 109, ../sass/normalize.scss */
abbr
[
title
]
{
border-bottom
:
1px
dotted
;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
/* line 117, ../sass/normalize.scss */
b
,
strong
{
font-weight
:
bold
;
}
/**
* Address styling not present in Safari and Chrome.
*/
/* line 126, ../sass/normalize.scss */
dfn
{
font-style
:
italic
;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
/* line 135, ../sass/normalize.scss */
h1
{
font-size
:
2em
;
margin
:
0.67em
0
;
}
/**
* Address styling not present in IE 8/9.
*/
/* line 144, ../sass/normalize.scss */
mark
{
background
:
#ff0
;
color
:
#000
;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
/* line 153, ../sass/normalize.scss */
small
{
font-size
:
80%
;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
/* line 161, ../sass/normalize.scss */
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
;
}
/* line 169, ../sass/normalize.scss */
sup
{
top
:
-0.5em
;
}
/* line 173, ../sass/normalize.scss */
sub
{
bottom
:
-0.25em
;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
/* line 184, ../sass/normalize.scss */
img
{
border
:
0
;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
/* line 192, ../sass/normalize.scss */
svg
:not
(
:root
)
{
overflow
:
hidden
;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
/* line 203, ../sass/normalize.scss */
figure
{
margin
:
1em
40px
;
}
/**
* Address differences between Firefox and other browsers.
*/
/* line 211, ../sass/normalize.scss */
hr
{
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
height
:
0
;
}
/**
* Contain overflow in all browsers.
*/
/* line 221, ../sass/normalize.scss */
pre
{
overflow
:
auto
;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
/* line 229, ../sass/normalize.scss */
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
monospace
;
font-size
:
1em
;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
/* line 252, ../sass/normalize.scss */
button
,
input
,
optgroup
,
select
,
textarea
{
color
:
inherit
;
/* 1 */
font
:
inherit
;
/* 2 */
margin
:
0
;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
/* line 266, ../sass/normalize.scss */
button
{
overflow
:
visible
;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
/* line 277, ../sass/normalize.scss */
button
,
select
{
text-transform
:
none
;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
/* line 290, ../sass/normalize.scss */
button
,
html
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
-webkit-appearance
:
button
;
/* 2 */
cursor
:
pointer
;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
/* line 302, ../sass/normalize.scss */
button
[
disabled
],
html
input
[
disabled
]
{
cursor
:
default
;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
/* line 311, ../sass/normalize.scss */
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
border
:
0
;
padding
:
0
;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
/* line 322, ../sass/normalize.scss */
input
{