mirror of
https://github.com/YunoHost/doc.git
synced 2024-09-03 20:06:26 +02:00
311 lines
13 KiB
Markdown
311 lines
13 KiB
Markdown
|
# Apps
|
||
|
|
|
||
|
|
<span class="javascriptDisclaimer">
|
||
|
|
Questa pagina richiede Javascript abilitato per essere correttamente mostrata :s.
|
||
|
|
<br/>
|
||
|
|
<br/>
|
||
|
|
</span>
|
||
|
|
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-search"></span></span>
|
||
|
|
<input type="text" id="filter-app-cards" class="form-control" placeholder="Search for apps..." aria-describedby="basic-addon1"/>
|
||
|
|
<div class="input-group-btn">
|
||
|
|
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
|
|
<span id="app-cards-list-filter-text">Solo app ufficiali</span> <span class="caret"></span>
|
||
|
|
</button>
|
||
|
|
<ul class="dropdown-menu">
|
||
|
|
<li><a href="#" id="app-cards-list-validated">Solo app ufficiali</a></li>
|
||
|
|
<li><a href="#" id="app-cards-list-working">Solo app funzionanti</a></li>
|
||
|
|
<li><a href="#" id="app-cards-list-working-inprogress">App in sviluppo/non funzionanti</a></li>
|
||
|
|
<li><a href="#" id="app-cards-list-all-apps">Tutte le app</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br />
|
||
|
|
<div id="community-app-list-warrant" class="alert alert-danger">
|
||
|
|
<p>Solo le app etichettate come <span class="label label-success label-as-badge">validate</span> sono ufficialmente supportate dalla squadra di packaging. </p>
|
||
|
|
|
||
|
|
<p>App etichettate come <span class="label label-success label-as-badge">funzionanti</span>, <span class="label label-warning label-as-badge">insviluppo</span>, <span class="label label-danger label-as-badge">nonfunzionanti</span> arrivano dai repository della comunità, puoi provare ed utilizzarle **a tuo rischio e pericolo**.</p>
|
||
|
|
|
||
|
|
<p>Importante: è il mantenitore dell'applicazione che indica l'applicazione come funzionante, non il team base di YunoHost. Installale a tuo rischio e pericolo. Noi non forniamo supporto per queste app.</p>
|
||
|
|
</div>
|
||
|
|
<div class="alert alert-info">I mantenitori apprezzeranno i tuoi consigli.Se le installi e incontri dei problemi, o idee per migliorarle, non esitare a segnalare la cosa direttamente nei rispettivi repository.</div>
|
||
|
|
|
||
|
|
<div class="app-cards-list" id="app-cards-list"></div>
|
||
|
|
|
||
|
|
<div class="alert alert-warning">Se non trovi l'app che stai cercando, puoi provarla a cercarla nel repository delle app della comunità (funzionanti, in sviluppo, non funzionanti) o aggiungila alla <a href="/apps_wishlist_en">lista delle app dei desideri</a>.</div>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
/*=================================================
|
||
|
|
Search bar
|
||
|
|
=================================================*/
|
||
|
|
#filter-app-cards, #app-cards-list {
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
/*===============================================*/
|
||
|
|
|
||
|
|
/*=================================================
|
||
|
|
Force return space after card list
|
||
|
|
=================================================*/
|
||
|
|
#app-cards-list:after {
|
||
|
|
content:'';
|
||
|
|
display:block;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
/*===============================================*/
|
||
|
|
|
||
|
|
/*=================================================
|
||
|
|
App card
|
||
|
|
=================================================*/
|
||
|
|
.app-card {
|
||
|
|
margin-bottom:20px;
|
||
|
|
width:270px;
|
||
|
|
float:left;
|
||
|
|
min-height: 1px;
|
||
|
|
margin-right: 10px;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
/*===============================================*/
|
||
|
|
|
||
|
|
/*=================================================
|
||
|
|
App card body
|
||
|
|
=================================================*/
|
||
|
|
.app-card .panel-body > h3 {
|
||
|
|
margin-top:0;
|
||
|
|
margin-bottom:5px;
|
||
|
|
font-size:1.2em;
|
||
|
|
}
|
||
|
|
.app-card .category {
|
||
|
|
height:35px;
|
||
|
|
}
|
||
|
|
.app-card .category .label, .app-card-date-maintainer {
|
||
|
|
font-size:0.7em;
|
||
|
|
}
|
||
|
|
.app-card-date-maintainer {
|
||
|
|
text-align:right;
|
||
|
|
max-height: 18px;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
margin-right: 7px;
|
||
|
|
margin-top: -5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.app-card .unmaintained {
|
||
|
|
color: #e0aa33;
|
||
|
|
}
|
||
|
|
|
||
|
|
.app-card-desc {
|
||
|
|
height:100px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
/*===============================================*/
|
||
|
|
|
||
|
|
/*=================================================
|
||
|
|
App card footer
|
||
|
|
=================================================*/
|
||
|
|
.app-card .btn-group {
|
||
|
|
width:100%;
|
||
|
|
margin-left: 0px;
|
||
|
|
}
|
||
|
|
.app-card > .btn-group > .btn{
|
||
|
|
border-bottom:0;
|
||
|
|
}
|
||
|
|
.app-card > .btn-group > .btn:first-child {
|
||
|
|
border-left:0;
|
||
|
|
border-top-left-radius:0;
|
||
|
|
}
|
||
|
|
.app-card > .btn-group > .btn:last-child {
|
||
|
|
border-right:0;
|
||
|
|
border-top-right-radius:0;
|
||
|
|
margin-left: 0px;
|
||
|
|
width: 33.6%;
|
||
|
|
}
|
||
|
|
/*===============================================*/
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script type="text/template" id="app-template2">
|
||
|
|
<div class="app-card_{app_id} app-card panel panel-default">
|
||
|
|
|
||
|
|
<div class="panel-body">
|
||
|
|
<h3>{app_name}</h3>
|
||
|
|
<div class="category"></div>
|
||
|
|
|
||
|
|
<div class="app-card-desc">{app_description}</div>
|
||
|
|
</div>
|
||
|
|
<div class="app-card-date-maintainer">
|
||
|
|
<span class="glyphicon glyphicon-refresh"></span> {app_update} -
|
||
|
|
<span title="{maintained_help}" class="{maintained_state}"><span class="glyphicon glyphicon-{maintained_icon}"></span> {app_maintainer}</span>
|
||
|
|
</div>
|
||
|
|
<div class="btn-group" role="group">
|
||
|
|
<a href="{app_git}" target="_BLANK" type="button" class="btn btn-default col-sm-4"><span class="glyphicon glyphicon-globe" aria-hidden="true"></span> Codice</a>
|
||
|
|
<a href="#/app_{app_id}_en" target="_BLANK" type="button" class="btn btn-default col-sm-4"><span class="glyphicon glyphicon-book" aria-hidden="true"></span> Doc</a>
|
||
|
|
<a href="https://install-app.yunohost.org/?app={app_id}" target="_BLANK" type="button" class="btn btn-{app_install_bootstrap} col-sm-4 active"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Installa</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function timeConverter(UNIX_timestamp) {
|
||
|
|
var a = new Date(UNIX_timestamp*1000);
|
||
|
|
var months = ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'];
|
||
|
|
var year = a.getFullYear();
|
||
|
|
var month = months[a.getMonth()];
|
||
|
|
var date = a.getDate();
|
||
|
|
var hour = a.getHours();
|
||
|
|
var min = a.getMinutes();
|
||
|
|
if (hour < 10) { hour = '0' + hour; }
|
||
|
|
if (min < 10) { min = '0' + min; }
|
||
|
|
var time = date+' '+month+' '+year;//+' at '+hour+':'+min
|
||
|
|
return time;
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function () {
|
||
|
|
// Hide warrant about community list
|
||
|
|
$('#community-app-list-warrant').hide();
|
||
|
|
var filters = ["validated"];
|
||
|
|
|
||
|
|
function filter(){
|
||
|
|
var filters_text = filters.map(function(el) { return '.app-' + el;}).join(', ');
|
||
|
|
var valThis = $('#filter-app-cards').val().toLowerCase();
|
||
|
|
$('.app-card').each(function(){
|
||
|
|
var text = $(this).find('h3').text().toLowerCase();
|
||
|
|
(text.indexOf(valThis) == 0 && $(this).find(filters_text).length > 0) ? $(this).show() : $(this).hide();
|
||
|
|
});
|
||
|
|
(filters.indexOf("working") == -1) ?$('#community-app-list-warrant').hide():$('#community-app-list-warrant').show();
|
||
|
|
}
|
||
|
|
|
||
|
|
//=================================================
|
||
|
|
// Search & filter bar event
|
||
|
|
//=================================================
|
||
|
|
$('#filter-app-cards').keyup(filter);
|
||
|
|
|
||
|
|
$('#app-cards-list-validated').click(function(){
|
||
|
|
filters = ["validated"];
|
||
|
|
$('#app-cards-list-filter-text').text($('#app-cards-list-validated').text());
|
||
|
|
filter();
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#app-cards-list-working').click(function(){
|
||
|
|
filters = ["validated", "working"];
|
||
|
|
$('#app-cards-list-filter-text').text($('#app-cards-list-working').text());
|
||
|
|
filter();
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#app-cards-list-working-inprogress').click(function(){
|
||
|
|
filters = ["notworking", "inprogress"];
|
||
|
|
$('#app-cards-list-filter-text').text($('#app-cards-list-working-inprogress').text());
|
||
|
|
filter();
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#app-cards-list-all-apps').click(function(){
|
||
|
|
filters = ["validated", "working", "inprogress", "notworking"];
|
||
|
|
$('#app-cards-list-filter-text').text($('#app-cards-list-all-apps').text());
|
||
|
|
filter();
|
||
|
|
});
|
||
|
|
//=================================================
|
||
|
|
|
||
|
|
|
||
|
|
//=================================================
|
||
|
|
// Upload apps lists
|
||
|
|
//=================================================
|
||
|
|
var app_list={};
|
||
|
|
$.when(
|
||
|
|
$.getJSON('https://app.yunohost.org/community.json', {}, function(community) {
|
||
|
|
app_list.community = $.map(community, function(el) { return el; });
|
||
|
|
}),
|
||
|
|
$.getJSON('https://app.yunohost.org/official.json', {}, function(official) {
|
||
|
|
app_list.official = $.map(official, function(el) { return el; });
|
||
|
|
})
|
||
|
|
).then(function() {
|
||
|
|
app_list = app_list.official.concat(app_list.community);
|
||
|
|
|
||
|
|
// Sort alpha
|
||
|
|
app_list.sort(function(a, b){
|
||
|
|
a_state = (a.state == "validated")?4:(a.state == "working")?3:(a.state == "inprogress")?2:1;
|
||
|
|
b_state = (b.state == "validated")?4:(b.state == "working")?3:(b.state == "inprogress")?2:1;
|
||
|
|
if (a_state < b_state || a_state == b_state && a.level < b.level || a_state == b_state && a.level == b.level && a.manifest.id > b.manifest.id) {return 1;}
|
||
|
|
else if (a.manifest.id == b.manifest.id) {return 0;}
|
||
|
|
return -1;
|
||
|
|
});
|
||
|
|
$.each(app_list, function(k, infos) {
|
||
|
|
app_id = infos.manifest.id;
|
||
|
|
app_install_bootstrap = "success";
|
||
|
|
if (infos.state === "validated") {
|
||
|
|
app_state_bootstrap = "success";
|
||
|
|
} else if (infos.state === "working") {
|
||
|
|
app_state_bootstrap = "success";
|
||
|
|
} else if (infos.state === "inprogress") {
|
||
|
|
app_state_bootstrap = "warning";
|
||
|
|
app_install_bootstrap = "danger";
|
||
|
|
} else if (infos.state === "notworking") {
|
||
|
|
app_state_bootstrap = "danger";
|
||
|
|
app_install_bootstrap = "danger";
|
||
|
|
}
|
||
|
|
if (infos.level == null ) {
|
||
|
|
infos.level = '?';
|
||
|
|
}
|
||
|
|
if (infos.level == 0 ) {
|
||
|
|
app_level_bootstrap = "danger";
|
||
|
|
app_install_bootstrap = "danger";
|
||
|
|
} else if (infos.level <= 2) {
|
||
|
|
app_level_bootstrap = "warning";
|
||
|
|
app_install_bootstrap = "danger";
|
||
|
|
} else if (infos.level >= 7) {
|
||
|
|
app_level_bootstrap = "success";
|
||
|
|
} else {
|
||
|
|
app_level_bootstrap = "default";
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fill the template
|
||
|
|
html = $('#app-template2').html()
|
||
|
|
.replace(/{app_id}/g, app_id)
|
||
|
|
.replace(/{app_name}/g, infos.manifest.name)
|
||
|
|
.replace('{app_description}', infos.manifest.description.en)
|
||
|
|
.replace(/{app_git}/g, infos.git.url)
|
||
|
|
.replace('{app_branch}', infos.git.branch)
|
||
|
|
.replace('{app_level}', infos.level)
|
||
|
|
.replace('{app_update}', timeConverter(infos.lastUpdate))
|
||
|
|
.replace('{app_state_bootstrap}', app_state_bootstrap)
|
||
|
|
.replace('{app_install_bootstrap}', app_install_bootstrap);
|
||
|
|
|
||
|
|
if (infos.maintained == false)
|
||
|
|
{
|
||
|
|
html = html
|
||
|
|
.replace('{maintained_state}', 'unmaintained')
|
||
|
|
.replace('{maintained_icon}', 'warning-sign')
|
||
|
|
.replace('{app_maintainer}', "Non mantenuto")
|
||
|
|
.replace('{maintained_help}', "Questo pacchetto attualmente non è mantenuto. Sentiti libero di proporti come nuovo mantenitore !");
|
||
|
|
} else {
|
||
|
|
if (infos.manifest.developer) {
|
||
|
|
html = html
|
||
|
|
.replace('{maintained_state}', 'maintained')
|
||
|
|
.replace('{maintained_icon}', 'user')
|
||
|
|
.replace('{app_maintainer}', infos.manifest.developer.name)
|
||
|
|
.replace('{maintained_help}', "Mantenitore attuale di questo pacchetto");
|
||
|
|
}
|
||
|
|
if (infos.manifest.maintainer) {
|
||
|
|
html = html
|
||
|
|
.replace('{maintained_state}', 'maintained')
|
||
|
|
.replace('{maintained_icon}', 'user')
|
||
|
|
.replace('{app_maintainer}', infos.manifest.maintainer.name)
|
||
|
|
.replace('{maintained_help}', "Mantenitore attuale di questo pacchetto");;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// Fill the template
|
||
|
|
$('#app-cards-list').append(html);
|
||
|
|
$('.app-card_'+ app_id).attr('id', 'app-card_'+ app_id);
|
||
|
|
$('.app-card_'+ app_id + ' .category').append(' <span class="label label-'+app_level_bootstrap+' label-as-badge">'+infos.level+'</span>');
|
||
|
|
$('.app-card_'+ app_id + ' .category').append(' <span class="label label-'+app_state_bootstrap+' label-as-badge app-'+infos.state+'">'+infos.state+'</span>');
|
||
|
|
if (infos.manifest.license && infos.manifest.license != 'free') {
|
||
|
|
$('.app-card_'+ app_id + ' .category').append(' <span class="label label-default">'+infos.manifest.license+'</span>');
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
filter();
|
||
|
|
});
|
||
|
|
//=================================================
|
||
|
|
});
|
||
|
|
</script>
|