app = Sammy('#main', function (sam) { /** * Sammy Configuration * */ // Plugins sam.use('Handlebars', 'ms'); Handlebars.registerHelper('ucwords', function(str) { return (str + '').replace(/^([a-z\u00E0-\u00FC])|\s+([a-z\u00E0-\u00FC])/g, function ($1) { return $1.toUpperCase(); }); }); Handlebars.registerHelper('humanSize', function(bytes) { var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB']; if (bytes == 0) return 'n/a'; var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024))); return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[[i]]; }); Handlebars.registerHelper('humanTime', function(time) { return Math.round(time) + 's'; }); Handlebars.registerHelper('bitRate', function(bytes, time) { var sizes = ['b', 'Kb', 'Mb', 'Gb', 'Tb']; if (time == 0) return 'n/a'; var bps = bytes / time * 8; var i = parseInt(Math.floor(Math.log(bps) / Math.log(1024))); return Math.round(bps / Math.pow(1024, i), 2) + ' ' + sizes[[i]] + '/s'; }); // Look for supported type of storage to use var storageType; if (Sammy.Store.isAvailable('session')) { storageType = 'session'; } else if (Sammy.Store.isAvailable('cookie')) { storageType = 'cookie'; } else { storageType = 'memory'; } // Initialize storage var store = new Sammy.Store({name: 'storage', type: storageType}); var loaded = false; /** * Helpers * */ sam.helpers({ // Serialize an object serialize : function(obj) { var str = []; for(var p in obj) if (obj.hasOwnProperty(p)) { str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); } return str.join("&"); }, // Flash helper to diplay instant notifications flash: function (level, message) { flashs = store.get('flash'); if (!flashs) { flashs = {'info': [], 'fail': [], 'success': [] } } flashs[level].push(message); store.set('flash', flashs); html = ''; for(lvl in flashs) { flashs[lvl].forEach( function(msg) { if (lvl == 'fail') { alertClass = 'alert-danger'; } else { alertClass = 'alert-'+ lvl; } html += '
'+ msg +'
'; }); } $('#flash').html(html).fadeIn(); }, // API connection helper api: function (uri, callback, method, data) { c = this; method = typeof method !== 'undefined' ? method : 'GET'; data = typeof data !== 'undefined' ? data : {}; if (window.navigator && window.navigator.language && (typeof data.locale === 'undefined')) { data.locale = window.navigator.language; } var args = data; auth = "Basic "+ btoa(store.get('user') +':'+ atob(store.get('password'))); if (uri == '/postinstall') { var installing = false; setInterval(function () { installing = true; }, 6000); $('#popup-title').text('Installing'); $('#popup-body').html('

YunoHost is being installed on '+ data.domain +'. It may take a few minutes ...



'); $('#popup').modal('show'); } else { loaded = false; if ($('div.loader-content').length == 0) { setInterval(function () { if (!loaded && $('div.loader-content').length == 0) { $('#main').append('
'); } }, 500); } } jQuery.ajax({ url: store.get('url') + uri, type: method, crossdomain: true, data: data, traditional: true, dataType: 'json', beforeSend: function(req) { req.setRequestHeader('Authorization', auth); } }) .success(function(data) { data = typeof data !== 'undefined' ? data : {}; if (typeof data.win !== 'undefined') { $.each(data.win, function(k, v) { c.flash('success', v); }); } callback(data); }) .fail(function(xhr) { if (xhr.status == 401) { c.flash('fail', 'Wrong password'); } else if (typeof xhr.responseJSON !== 'undefined') { c.flash('fail', xhr.responseJSON.error); } else { if (uri == '/postinstall') { if (installing) { if (args.domain.match(/\.nohost\.me$/) || args.domain.match(/\.noho\.st$/)) { $('#popup-title').text('Installed'); $('#popup-body p').text('YunoHost has been successfully installed, we\'ll wait for DNS to be propagated. It will take 3 minutes ...'); interval = 180000; } else { interval = 5000; } setInterval(function () { $('#popup-title').text('Installation complete'); $('#popup-body').html('

YunoHost has been successfully installed, please go to https://'+ args.domain +'/ynhadmin.


Not working ?

'); }, interval); } else { $('#popup').modal('hide'); c.flash('fail', 'An error occured, try again'); } } else { c.flash('fail', 'Server error'); } } store.clear('slide'); c.redirect(store.get('path-1')); }) .done(function(data) { loaded = true; $('div.loader-content').remove(); }); }, // Render view (cross-browser) view: function (view, data) { rendered = this.render('views/'+ view +'.ms', data); enableSlide = true; // Change to false to disable animation loaded = true; $('div.loader-content').remove(); if (enableSlide) { function leSwap() { rendered.swap(function() { $('.slide').on('click', function() { $(this).addClass('active'); if ($(this).hasClass('back')) { store.set('slide', 'back'); } else { store.set('slide', 'to'); } }); }); } blockSize = $('#slider').width(); // Slide back effect if (store.get('slide') == 'back') { store.clear('slide'); $('#slideBack').css('display', 'none'); $('#slider-container').removeClass('move').css('margin-left', '-'+ blockSize +'px'); $('#slideTo').show().html($('#main').html()); leSwap(); $('#slider-container').addClass('move').css('margin-left', '0px'); // Slide to effect } else if (store.get('slide') == 'to') { store.clear('slide'); $('#slideTo').css('display', 'none'); $('#slider-container').removeClass('move').css('margin-left', '-'+ blockSize +'px'); $('#slider-container').removeClass('move').css('margin-left', '0px'); $('#slideBack').show().html($('#main').html()); leSwap(); $('#slider-container').addClass('move').css('margin-left', '-'+ blockSize +'px'); } else { leSwap(); } } else { rendered.swap(); } } }); /** * Filters * */ sam.before(/apps\/install\//, function (req){ // Preload domains list. req.params.domains = []; req.api('/domains', function(data) { req.params.domains = data.Domains; }); }); sam.before(/apps\/install\//, function (req){ // Preload users lists. req.params.users = []; req.api('/users', function(data) { req.params.users = data.Users; }); }); sam.before({except: {path: ['#/login', '#/postinstall']}}, function (req) { // Store path for further redirections store.set('path-1', store.get('path')); store.set('path', req.path); // Redirect to login page if no credentials stored if (!store.get('connected')) { req.redirect('#/login'); return false; } // Clear flash display if (!store.get('flash')) { $('#flash').fadeOut(function() { $('#flash').html(''); }); } }); sam.after(function () { // Clear flash notifications store.clear('flash'); }); /** * Routes * * Note: var "c" is Sammy's route context * @doc http://sammyjs.org/docs/api/#Sammy.EventContext * */ sam.get('#/', function (c) { // Show development note c.flash('info', 'You are using a development version.
' + 'Please note that you can use the moulinette if you want to access to more YunoHost\'s features.'); // Available sections data = {links: [ {name: "Users", path: '#/users'}, {name: "Domains", path: '#/domains'}, {name: "Applications", path: '#/apps'}, {name: "Services", path: '#/services'}, {name: "Monitoring", path: '#/monitor'}, {name: "Tools", path: '#/tools'}, ]}; c.view('home', data); }); sam.get('#/login', function (c) { $('.logout-button').hide(); store.set('path-1', '#/login'); // Check if te client is hosted on a yunohost node domain = window.location.hostname $.ajax({ url: 'https://'+ domain +'/ynhapi/api', timeout: 3000 }) .success(function() { $.getJSON('https://'+ domain +'/ynhapi/installed', function(data) { if (!data.installed) { c.redirect('#/postinstall'); } else { c.view('login', { 'domain': domain }); } }); }) .fail(function() { c.view('login'); }); }); sam.post('#/login', function (c) { store.set('url', 'https://'+ c.params['domain'] +'/ynhapi'); store.set('user', 'admin'); store.set('password', btoa(c.params['password'])); c.api('/api', function(data) { if (data.apiVersion) { c.api('/users', function(data) { store.set('connected', true); $('.logout-button').fadeIn(); c.flash('success', 'Logged in'); if (store.get('path')) { c.redirect(store.get('path')); } else { c.redirect('#/'); } }); } else { c.flash('fail', 'Non-compatible API'); c.redirect('#/login'); } }); }); sam.get('#/logout', function (c) { store.clear('url'); store.clear('user'); store.clear('password'); store.clear('connected'); store.set('path', '#/'); c.flash('success', 'Logged out'); c.redirect('#/login'); }); sam.get('#/postinstall', function(c) { c.view('postinstall', {'DDomains': ['.nohost.me', '.noho.st']}); }); sam.post('#/postinstall', function (c) { if (c.params['password'] == c.params['confirmation']) { if (c.params['domain'] == '') { if (c.params['ddomain'] == '') { c.flash('fail', "You should indicate a domain"); store.clear('slide'); c.redirect('#/postinstall'); } else { params = { 'domain': c.params['ddomain'] + c.params['ddomain-ext'] } } } else { params = { 'domain': c.params['domain'] } } params['password'] = c.params['password'] store.set('url', 'https://'+ window.location.hostname +'/ynhapi'); store.set('user', 'admin'); store.set('password', btoa('yunohost')); c.api('/postinstall', function(data) { // http://api.yunohost.org/#!/tools/tools_postinstall_post_0 c.redirect('#/'); }, 'POST', params); } else { c.flash('fail', "Passwords don't match"); } }); /** * Users * */ sam.get('#/users', function (c) { c.api('/users', function(data) { // http://api.yunohost.org/#!/user/user_list_get_3 c.view('user_list', data); }); }); sam.get('#/users/create', function (c) { c.api('/domains', function(data) { // http://api.yunohost.org/#!/domain/domain_list_get_2 c.view('user_create', data); }); }); sam.post('#/users', function (c) { if (c.params['password'] == c.params['confirmation']) { if (c.params['password'].length < 4) { c.flash('fail', "Passwords is too short"); store.clear('slide'); } else { c.params['mail'] = c.params['email'] + c.params['domain']; c.api('/users', function(data) { // http://api.yunohost.org/#!/user/user_create_post_2 c.redirect('#/users'); }, 'POST', c.params.toHash()); } } else { c.flash('fail', "Passwords don't match"); store.clear('slide'); //c.redirect('#/users/create'); } }); sam.get('#/users/:user', function (c) { c.api('/users/'+ c.params['user'], function(data) { // http://api.yunohost.org/#!/user/user_info_get_0 c.view('user_info', data); }); }); sam.get('#/users/:user/edit', function (c) { c.api('/users/'+ c.params['user'], function(data) { // http://api.yunohost.org/#!/user/user_info_get_0 c.view('user_edit', data); }); }); sam.put('#/users/:user', function (c) { params = {} $.each(c.params.toHash(), function(key, value) { if (value !== '' && value !== 'user') { params[key] = value; } }); if ($.isEmptyObject(params)) { c.flash('fail', 'You should modify something'); store.clear('slide'); c.redirect('#/users/'+ c.params['user'] + '/edit'); } else { c.api('/users/'+ c.params['user'], function(data) { // http://api.yunohost.org/#!/user/user_update_put_1 c.redirect('#/users/'+ c.params['user']); }, 'PUT', params); } }); sam.get('#/users/:user/delete', function (c) { if (confirm('Are you sure you want to delete '+ c.params['user'] +' ?')) { c.api('/users/'+ c.params['user'], function(data) { // http://api.yunohost.org/#!/user/user_delete_delete_4 c.redirect('#/users'); }, 'DELETE'); } else { store.clear('slide'); c.redirect('#/users/'+ c.params['user']); } }); /** * Domains * */ sam.get('#/domains', function (c) { c.api('/domains', function(data) { // http://api.yunohost.org/#!/domain/domain_list_get_2 c.api('/domain/main', function(data2) { domains = []; $.each(data.Domains, function(k, domain) { domains.push({ url: domain, main: (domain == data2.current_main_domain) ? true : false }); }) // Sort domains with main domain first domains.sort(function(a, b){ return -2*(a.main) + 1; }) c.view('domain_list', {domains: domains}); }, 'PUT') }); }); sam.get('#/domains/add', function (c) { c.view('domain_add', {'DDomains': ['.nohost.me', '.noho.st']}); }); sam.post('#/domains/add', function (c) { if (c.params['domain'] == '') { if (c.params['ddomain'] == '') { c.flash('fail', "You should indicate a domain"); store.clear('slide'); c.redirect('#/domains/add'); } params = { 'domains': c.params['ddomain'] + c.params['ddomain-ext'] } } else { params = { 'domains': c.params['domain'] } } c.api('/domains', function(data) { // http://api.yunohost.org/#!/domain/domain_add_post_1 c.redirect('#/domains'); }, 'POST', params); }); sam.get('#/domains/:domain/delete', function (c) { if (confirm('Are you sure you want to delete '+ c.params['domain'] +' ?')) { c.api('/domains/'+ c.params['domain'], function(data) { // http://api.yunohost.org/#!/domain/domain_remove_delete_3 store.clear('slide'); c.redirect('#/domains'); }, 'DELETE'); } else { store.clear('slide'); c.redirect('#/domains'); } }); // Set default domain sam.post('#/domains', function (c) { if (c.params['domain'] == '') { c.flash('fail', "You should select a domain default domain"); store.clear('slide'); c.redirect('#/domains'); } else if (confirm('Are you sure you want to change the main domain ?')) { params = {'new_domain': c.params['domain']} c.api('/domain/main', function(data) { // http://api.yunohost.org/#!/tools/tools_maindomain_put_1 store.clear('slide'); c.redirect('#/domains'); }, 'PUT', params); // Wait 15s and refresh the page refreshDomain = window.setTimeout(function(){ store.clear('slide'); c.redirect('#/domains') }, 15000); } else { store.clear('slide'); c.redirect('#/domains'); } }); /** * Apps * */ sam.get('#/apps', function (c) { c.api('/apps', function(data) { // http://api.yunohost.org/#!/app/app_list_get_8 // Keep only installed apps data2 = { 'Apps': [], 'Installed': true } $.each(data['Apps'], function(k, v) { if (v['Installed']) data2['Apps'].push(v); }); c.view('app_list', data2); }); }); sam.get('#/apps/install', function (c) { c.api('/apps', function(data) { // http://api.yunohost.org/#!/app/app_list_get_8 c.api('/apps?raw=true', function(dataraw) { // http://api.yunohost.org/#!/app/app_list_get_8 // Keep only uninstalled apps data2 = { 'Apps': [] } $.each(data['Apps'], function(k, v) { if (dataraw[v['ID']].manifest.multi_instance) v['Installed'] = false; if (!v['Installed'] && !v['ID'].match(/__[0-9]{1,5}$/)) data2['Apps'].push(v); }); c.view('app_list', data2); }); }); }); sam.get('#/apps/refresh', function (c) { c.api('/app/lists', function(data) { // http://api.yunohost.org/#!/app/app_fetchlist_put_5 c.redirect(store.get('path')); }, 'PUT'); }); sam.get('#/apps/:app', function (c) { c.api('/app/'+c.params['app']+'?raw=true', function(data) { // http://api.yunohost.org/#!/app/app_info_get_9 c.view('app_info', data); }); }); sam.get('#/apps/install/:app', function (c) { c.api('/apps?raw=true', function(data) { // http://api.yunohost.org/#!/app/app_list_get_8 appData = data[c.params['app']]; $.each(appData.manifest.arguments.install, function(k, v) { appData.manifest.arguments.install[k].allowedValues = []; // Radio button if (typeof appData.manifest.arguments.install[k].choices !== 'undefined') { // Update choices values with key and checked data $.each(appData.manifest.arguments.install[k].choices, function(ck, cv){ appData.manifest.arguments.install[k].choices[ck] = { value: cv, key: ck, checked: (cv == appData.manifest.arguments.install[k].default) ? true : false, }; }); } // Special case for domain input. // Display a list of available domains if (v.name == 'domain') { $.each(c.params.domains, function(key, domain){ appData.manifest.arguments.install[k].allowedValues.push({ value: domain, label: domain, }); }) appData.manifest.arguments.install[k].help = "Manage domains"; } // Special case for admin input. // Display a list of available users if (v.name == 'admin') { $.each(c.params.users, function(key, user){ appData.manifest.arguments.install[k].allowedValues.push({ value: user.Username, label: user.Fullname+' ('+user.Mail+')' }); }) appData.manifest.arguments.install[k].help = "Manage users"; } }); c.view('app_install', appData); }); }); sam.post('#/apps', function(c) { params = { 'label': c.params['label'], 'app': c.params['app'] } delete c.params['label']; delete c.params['app']; params['args'] = c.serialize(c.params.toHash()); c.api('/app', function() { // http://api.yunohost.org/#!/app/app_install_post_2 c.redirect('#/apps'); }, 'POST', params); }); sam.get('#/apps/:app/uninstall', function (c) { if (confirm('Are you sure you want to uninstall '+ c.params['app'] +' ?')) { c.api('/app?app='+ c.params['app'], function() { // http://api.yunohost.org/#!/app/app_remove_delete_4 c.redirect('#/apps'); }, 'DELETE'); } else { store.clear('slide'); c.redirect('#/apps/'+ c.params['app']); } }); // Manage app access sam.get('#/apps/:app/access', function (c) { c.api('/app/'+c.params['app']+'?raw=true', function(data) { // http://api.yunohost.org/#!/app/app_info_get_9 c.api('/users', function(dataUsers) { // allowed_users as array if (typeof data.settings.allowed_users !== 'undefined') { if (data.settings.allowed_users.length === 0) { // Force empty array, means no user has access data.settings.allowed_users = []; } else { data.settings.allowed_users = data.settings.allowed_users.split(','); } } else { data.settings.allowed_users = []; // Force array // if 'allowed_users' is undefined, everyone has access // that means that undefined is different from empty array data.settings.allow_everyone = true; } // Available users data.users = []; $.each(dataUsers.Users, function(key, user){ // Do not list allowed_users in select list if ( data.settings.allowed_users.indexOf(user.Username) === -1 ) { data.users.push({ value: user.Username, label: user.Fullname+' ('+user.Mail+')' }); } else { // Complete allowed_users data data.settings.allowed_users[data.settings.allowed_users.indexOf(user.Username)] = { username: user.Username, fullname: user.Fullname, mail: user.Mail, } } }) c.view('app_access', data); }); }); }); // Remove all access sam.get('#/apps/:app/access/remove', function (c) { if (confirm('Are you sure you want to remove all access to '+ c.params['app'] +' ?')) { params = {'apps': c.params['app'], 'users':[]} c.api('/app/access?'+c.serialize(params), function(data) { // http://api.yunohost.org/#!/app/app_removeaccess_delete_12 store.clear('slide'); c.redirect('#/apps/'+ c.params['app']+ '/access'); }, 'DELETE', params); } else { store.clear('slide'); c.redirect('#/apps/'+ c.params['app']+ '/access'); } }); // Remove access to a specific user sam.get('#/apps/:app/access/remove/:user', function (c) { if (confirm('Are you sure you want to remove access to '+ c.params['app'] +' for '+ c.params['user'] +' ?')) { params = {'apps': c.params['app'], 'users': c.params['user']} c.api('/app/access?'+c.serialize(params), function(data) { // http://api.yunohost.org/#!/app/app_removeaccess_delete_12 store.clear('slide'); c.redirect('#/apps/'+ c.params['app']+ '/access'); }, 'DELETE', params); // passing 'params' here is useless because jQuery doesn't handle ajax datas for DELETE requests. Passing parameters through uri. } else { store.clear('slide'); c.redirect('#/apps/'+ c.params['app']+ '/access'); } }); // Grant all access sam.get('#/apps/:app/access/add', function (c) { if (confirm('Are you sure you want to add access to '+ c.params['app'] +' for all users ?')) { params = {'apps': c.params['app'], 'users': null} c.api('/app/access', function() { // http://api.yunohost.org/#!/app/app_addaccess_put_13 store.clear('slide'); c.redirect('#/apps/'+ c.params['app'] +'/access'); }, 'PUT', params); } else { store.clear('slide'); c.redirect('#/apps/'+ c.params['app']+ '/access'); } }); // Grant access for a specific user sam.post('#/apps/:app/access/add', function (c) { params = {'users': c.params['user'], 'apps': c.params['app']} c.api('/app/access', function() { // http://api.yunohost.org/#!/app/app_addaccess_put_13 store.clear('slide'); c.redirect('#/apps/'+ c.params['app'] +'/access'); }, 'PUT', params); }); // Clear access (reset) sam.get('#/apps/:app/access/clear', function (c) { if (confirm('Are you sure you want to clear all access to '+ c.params['app'] +' ?')) { params = {'apps': c.params['app']} c.api('/app/access', function() { // store.clear('slide'); c.redirect('#/apps/'+ c.params['app'] +'/access'); }, 'POST', params); } else { store.clear('slide'); c.redirect('#/apps/'+ c.params['app']+ '/access'); } }); /** * Services * */ // All services status sam.get('#/services', function (c) { c.api('/service/status', function(data) { // ? data2 = { 'services': [] } $.each(data, function(k, v) { v.name = k; v.is_loaded = (v.loaded=='enabled') ? true : false; v.is_running = (v.status=='running') ? true : false; data2.services.push(v); }); c.view('service_list', data2); }); }); // Status & actions for a service sam.get('#/services/:service', function (c) { params = { 'names': c.params['service'] } c.api('/service/status', function(data) { // ? data2 = { 'service': data } data2.service.name = c.params['service']; data2.service.is_loaded = (data.loaded=='enabled') ? true : false; data2.service.is_running = (data.status=='running') ? true : false; c.view('service_info', data2); }, 'GET', params); }); // Service log sam.get('#/services/:service/log', function (c) { params = { 'name': c.params['service'], 'number': 50 } c.api('/service/log', function(data) { // ? data2 = { 'logs': [], 'name': c.params['service'] } $.each(data, function(k, v) { data2.logs.push({filename: k, filecontent: v.join('\n')}); }); c.view('service_log', data2); }, 'GET', params); }); // Enable/Disable & Start/Stop service sam.get('#/services/:service/:action', function (c) { if (confirm('Are you sure you want to '+ c.params['action'] +' '+ c.params['service'] +' ?')) { params = { 'names': c.params['service'] } c.api('/service/'+ c.params['action'], function(data) { store.clear('slide'); c.redirect('#/services/'+ c.params['service']); }, 'GET', params); } else { store.clear('slide'); c.redirect('#/services/'+ c.params['service']); } }); /** * Monitor * */ // sam.get('#/monitor', function (c) { monitorData = {} // Why this method ? c.api('/service/status', function(data) { // ? monitorData.status = true; if (data.status == 'running') { c.api('/monitor/system', function(data) { monitorData.system = data; c.api('/monitor/disk', function(data) { monitorData.disk = data; c.api('/monitor/network', function(data) { monitorData.network = data; // Remove useless interface delete monitorData.network.usage.lo; c.view('monitor', monitorData); }); }); }); } else { monitorData.status = false; c.view('monitor', monitorData); } }, 'GET', {names: 'glances'}); }); /** * Tools * */ sam.get('#/tools', function (c) { // Available tools data = {links: [ {name: "Change administration password", path: '#/tools/adminpw'}, ]}; c.view('tools_list', data); }); // Update administration password sam.get('#/tools/adminpw', function (c) { c.view('tools_adminpw'); }); sam.put('#/tools/adminpw', function (c) { params = {} $.each(c.params.toHash(), function(key, value) { if (value !== '') { params[key] = value; } }); if ($.isEmptyObject(params)) { c.flash('fail', 'You should modify something'); store.clear('slide'); c.redirect('#/tools/adminpw'); } else if (params['new_password'] !== params['confirm_new_password']) { c.flash('fail', 'Your password didn\'t match'); store.clear('slide'); c.redirect('#/tools/adminpw'); } else { // Remove useless variable delete params['confirm_new_password']; // Update password and redirect to the home c.api('/adminpw', function(data) { // http://api.yunohost.org/#!/tools/tools_adminpw_put_3 store.set('password', btoa(params['new_password'])); c.redirect('#/'); }, 'PUT', params); } }); }); /** * Run the app * */ $(document).ready(function () { app.run('#/'); // Fixes for sliding effect $('#slider-container').width(2*$('#slider').width() +'px'); $(window).resize(function() { $('#slideBack').css('display', 'none'); $('#slideTo').css('display', 'none'); $('#slider-container').width(2*$('#slider').width() +'px').removeClass('move').css('margin-left', '0px'); }); });