Skip to content

GitLab

Commit d5f7bfe8 authored by Stavros Sachtouris's avatar Stavros Sachtouris Committed by Giorgos Korfiatis
Browse files

Create pretty windows for "about" and "settings"

parent b94ab523
Expand all Hide whitespace changes
Inline Side-by-side
agkyra/gui/COPYRIGHT 0 → 100644
View file @ d5f7bfe8
This diff is collapsed.
agkyra/gui/about.html
View file @ d5f7bfe8
<html>
<head><title>Agkyra Syncing Client for Pithos+</title></head>
<body style="-webkit-app-region: drag; text-align: center">
<div>
<img src="images/logo.png" style="width: 64px; height: 64px;" />
<h1>Agkyra</h1>
<h2>... it syncs</h2>
<p>&nbsp;</p>
<p><b>Agkyra</b> is a minimal syncing client for Pithos+ containers.</p>
</div>
</body>
<!DOCTYPE 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: 95%;
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>
<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>okeanos-dev@grnet.gr</b></p>
<h3 class="disclaimer">Copyright 2015: Greek Research and Technology Network<br/>Licensed under:</h3>
<embed class="box" src="COPYRIGHT" />
</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>
</body>
</html>
agkyra/gui/settings.html
View file @ d5f7bfe8
<html>
<head>
<title>Agira client settings</title>
<style>
@import url('foundation.min.css');
</style>
</head>
<body>
<form>
<!DOCTYPE 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="static/js/common.js"></script>
</head>
<h1>Account settings</h1>
<body>
<div class="row js-main">
<header>
<h2>&nbsp;<img src="static/images/about.png" style="width: 16; height: 16;"/>&nbsp;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>
<h2>Cloud:</h2>
<div class="row">
<div class="large-12 columns">
<label>Cloud URL
<input type="text" placeholder="Authentication URL"/>
</label>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<label>Token
<input type="text" placeholder="User token"/>
</label>
</div>
</div>
</div>
<div class="small-9 columns">
<input type="text" id="cloud-url" placeholder="Authentication URL">
<small class="error">Invalid entry</small>
</div>
</div>
<h2>What to sync:</h2>
<div class="row">
<div class="large-4 columns">
<label>Remote container
<input type="text" value="pithos"/>
</label>
</div>
<div class="large-4 columns">
<label>Local directory
<input type="file" nwdirectory />
</label>
</div>
<script>var gui=require('nw.gui');</script>
<div class="large-4 columns">
<label>Exclude these items from syncing
<input
type="button"
onclick="gui.Shell.openItem('logs.txt');"/>
</label>
</div>
</div>
<div class="row error">
<div class="small-3 columns">
<label for="token" class="right inline">Token</label>
</div>
<div class="small-9 columns">
<input type="text" id="token" placeholder="User token">
<small class="error">Invalid entry</small>
</div>
</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" value="pithos">
</div>
</div>
<div class="row">
<div class="small-3 columns">
<label for="" class="right inline">Local directory</label>
</div>
<div class="small-9 columns">
<input type="file" nwdirectory />
</div>
<script>var gui=require('nw.gui');</script>
</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>tmp/
skata*</textarea>
</div>
</div>
</fieldset>
<div class="clearfix">
<a class="button right">Sync</a>
</div>
</div>
</form>
<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>
</body>
</html>
\ No newline at end of file
</div>
</div>
</form>
</div>
</body>
</html>
agkyra/gui/static/js/common.js 0 → 100644
View file @ d5f7bfe8
function toggleFooterClass(){
var mainH = parseInt($('.js-main').outerHeight());
var windowH = parseInt($(window).height());
var res = windowH - mainH;
var footerHeight = $('.js-footer').outerHeight();
if (res>0) {
$('.js-footer').addClass('normal');
$('.js-main').css('padding-bottom', footerHeight);
} else {
$('.js-footer').removeClass('normal');
$('.js-main').removeAttr('style');
}
}
$(document).ready( function() {
toggleFooterClass();
})
$(window).resize(function() {
toggleFooterClass();
});
agkyra/gui/static/js/jquery.js 0 → 100644
View file @ d5f7bfe8
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment