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
This diff is collapsed.
<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>
<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>
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();
});
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