diff --git a/lib/blessed-widget/layout.js b/lib/blessed-widget/layout.js
index b62bc07..8253644 100644
--- a/lib/blessed-widget/layout.js
+++ b/lib/blessed-widget/layout.js
@@ -67,7 +67,7 @@ Layout.prototype.render = function (monitor) {
     })
     var connectedSockets = {}
     res.forEach(function (socket) {
-      connectedSockets[socket.nsp] = socket
+      connectedSockets[socket.nsp.replace(/^\/+/g, '')] = socket
     })
     self.sockets = _.extend(connectedSockets, options.sockets)
     delete options.sockets
@@ -346,7 +346,7 @@ Layout.prototype._draw = function () {
  */
 Layout.prototype._socket = function (ns) {
   if (ns && this.sockets) {
-    return this.sockets[_.trimLeft(ns, '/').toLowerCase()]
+    return this.sockets[(ns || '').replace(/^\/+/g, '').toLowerCase()]
   }
   return null
 }
diff --git a/lib/monitor.js b/lib/monitor.js
index 4ade5b5..051be36 100644
--- a/lib/monitor.js
+++ b/lib/monitor.js
@@ -30,7 +30,7 @@ function Monitor (options) {
   this._init(options)
 }
 
-Monitor.ACCEPT_KEYS = ['pm2', 'refresh', 'daemonize', 'max_restarts', 'port', 'log', 'agent', 'remotes', 'origins']
+Monitor.ACCEPT_KEYS = ['pm2', 'refresh', 'daemonize', 'readonly', 'max_restarts', 'port', 'log', 'agent', 'remotes', 'origins']
 Monitor.DEF_CONF_FILE = 'pm2-gui.ini'
 Monitor.PM2_DAEMON_PROPS = ['DAEMON_RPC_PORT', 'DAEMON_PUB_PORT']
 
@@ -185,13 +185,18 @@ Monitor.prototype._connectSysSock = function (socket) {
 
   // Trigger actions of process.
   socket.on('action', function (action, id) {
-    console.debug('[pm2:' + id + ']', action, 'sending to pm2 daemon...')
+    var prefix = '[pm2:' + id + ']'
+    console.debug(prefix, action, 'sending to pm2 daemon...')
+    if (self.options.readonly) {
+      console.warn(prefix, 'denied, readonly!')
+      return socket.emit('action', id, 'Can not complete the action due to denied by server, it is readonly!')
+    }
     pm.action(self.options.pm2Conf.DAEMON_RPC_PORT, action, id, function (err, forceRefresh) {
       if (err) {
         console.error(action, err.message)
-        return socket.emit('action', id, err.message)
+        return socket.emit('action', id, 'Can not complete the action due to ' + err.message)
       }
-      console.debug('[pm2:' + id + ']', action, 'completed!')
+      console.debug(prefix, action, 'completed!')
       forceRefresh && self._throttleRefresh()
     })
   })
@@ -219,18 +224,18 @@ Monitor.prototype._connectLogSock = function (socket) {
   var self = this
 
   // Emit error.
-  function emitError (err, pm_id, keepANSI) {
+  function emitError (err, pmId, keepANSI) {
     var data = {
-      pm_id: pm_id,
+      pm_id: pmId,
       msg: keepANSI ? chalk.red(err.message) : '<span style="color: #ff0000">Error: ' + err.message + '</span>'
     }
     self._broadcast.call(self, 'log', data, conf.NSP.LOG) // eslint-disable-line no-useless-call
   }
 
-  function startTailProcess (pm_id, keepANSI) {
-    socket._pm_id = pm_id
+  function startTailProcess (pmId, keepANSI) {
+    socket._pm_id = pmId
 
-    if (self._tails[pm_id]) {
+    if (self._tails[pmId]) {
       return
     }
 
@@ -238,14 +243,14 @@ Monitor.prototype._connectLogSock = function (socket) {
     pm.tail({
       sockPath: self.options.pm2Conf.DAEMON_RPC_PORT,
       logPath: self.options.pm2Conf.PM2_LOG_FILE_PATH,
-      pm_id: pm_id
+      pm_id: pmId
     }, function (err, lines) {
       if (err) {
-        return emitError(err, pm_id, keepANSI)
+        return emitError(err, pmId, keepANSI)
       }
       // Emit logs to clients.
       var data = {
-        pm_id: pm_id,
+        pm_id: pmId,
         msg: lines.map(function (line) {
           if (!keepANSI) {
             line = line.replace(/\s/, '&nbsp;')
@@ -258,14 +263,14 @@ Monitor.prototype._connectLogSock = function (socket) {
       self._broadcast.call(self, 'log', data, conf.NSP.LOG) // eslint-disable-line no-useless-call
     }, function (err, tail) {
       if (err) {
-        return emitError(err, pm_id, keepANSI)
+        return emitError(err, pmId, keepANSI)
       }
       if (!tail) {
-        return emitError(new Error('No log can be found.'), pm_id, keepANSI)
+        return emitError(new Error('No log can be found.'), pmId, keepANSI)
       }
 
-      console.info('[pm2:' + pm_id + ']', 'tail starting...')
-      self._tails[pm_id] = tail
+      console.info('[pm2:' + pmId + ']', 'tail starting...')
+      self._tails[pmId] = tail
     })
   }
 
@@ -381,14 +386,14 @@ Monitor.prototype._nextTick = function (tick, continuously) {
  * @private
  */
 Monitor.prototype._systemStat = function (cb) {
-  stat.cpuUsage(function (err, cpu_usage) {
+  stat.cpuUsage(function (err, cpuUsage) {
     if (err) {
       // Log only.
       console.error('Can not load system/cpu/memory information: ', err.message)
     } else {
       // System states.
       this._sysStat = _.defaults(_(stat).pick('cpus', 'arch', 'hostname', 'platform', 'release', 'uptime', 'memory').clone(), {
-        cpu: cpu_usage
+        cpu: cpuUsage
       })
       this._broadcast.call(this, 'system_stat', this._sysStat) // eslint-disable-line no-useless-call
     }
@@ -440,7 +445,7 @@ Monitor.prototype._refreshProcs = function () {
       proc.pm2_env = proc.pm2_env || {
         USER: 'UNKNOWN'
       }
-      var pm2_env = {
+      var pm2Env = {
         user: proc.pm2_env.USER
       }
 
@@ -451,9 +456,9 @@ Monitor.prototype._refreshProcs = function () {
           key.charCodeAt(0) <= 90) {
           continue
         }
-        pm2_env[key] = proc.pm2_env[key]
+        pm2Env[key] = proc.pm2_env[key]
       }
-      proc.pm2_env = pm2_env
+      proc.pm2_env = pm2Env
       return proc
     })
     // Emit to client.
@@ -604,7 +609,7 @@ Monitor.available = function (options) {
 
   if (q.choices.length > 1) {
     q.choices.forEach(function (c) {
-      c.name = '[' + c.short + Array(maxShortLength - c.short.length + 1).join(options.blank || ' ') + '] ' + c.value
+      c.name = '[' + c.short + Array(maxShortLength - c.short.length + 1).join(options.blank || ' ') + '] '
     })
   }
 
@@ -642,7 +647,7 @@ Monitor.parseConnectionString = function (connectionString) {
     connection.authorization = connectionString.slice(0, lastAt)
     connectionString = connectionString.slice(lastAt + 1)
   }
-  if (!/^http(s)?:\/\//i.test(connectionString)) {
+  if (!/^https?:\/\//i.test(connectionString)) {
     connectionString = 'http://' + connectionString
   }
 
@@ -650,7 +655,7 @@ Monitor.parseConnectionString = function (connectionString) {
     connectionString = url.parse(connectionString)
     connection.hostname = connectionString.hostname
     connection.port = connectionString.port
-    connection.path = _.trimLeft(connectionString.path, '/')
+    connection.path = (connectionString.path || '').replace(/^\/+/, '')
     connection.protocol = connectionString.protocol
   }
   return connection
diff --git a/lib/pm.js b/lib/pm.js
index c9d0128..ce65bd0 100644
--- a/lib/pm.js
+++ b/lib/pm.js
@@ -186,11 +186,11 @@ pm.action = function (sockPath, action, id, cb) {
  */
 pm._actionByPMId = function (sockPath, proc, action, cb) {
   var noBusEvent = action === 'delete' && proc.pm2_env.status !== 'online'
-  var pm_id = proc.pm_id
+  var pmId = proc.pm_id
 
   action += 'ProcessId'
   var watchEvent = ['stopWatch', action, {
-    id: pm_id
+    id: pmId
   }, function () {}]
 
   if (!!~['restart'].indexOf(action)) { // eslint-disable-line no-extra-boolean-cast
@@ -198,13 +198,13 @@ pm._actionByPMId = function (sockPath, proc, action, cb) {
     watchEvent.pop()
   }
 
-  var actionEvent = [action, pm_id, function (err, sock) {
+  var actionEvent = [action, pmId, function (err, sock) {
     cb(err, noBusEvent)
   }]
 
   if (action === 'restartProcessId') {
     actionEvent.splice(1, 1, {
-      id: pm_id
+      id: pmId
     })
   }
 
diff --git a/pm2-gui.ini b/pm2-gui.ini
index 188f14c..178d58e 100644
--- a/pm2-gui.ini
+++ b/pm2-gui.ini
@@ -17,7 +17,7 @@ daemonize = true
 ;
 ; A value indicates whether or not the action buttons (i.e. `restart`, `stop all`...) should be displayed on web page.
 ;
-readonly = true
+readonly = false
 
 [log]
 ;
diff --git a/pm2-gui.js b/pm2-gui.js
index ede5ffc..2102742 100644
--- a/pm2-gui.js
+++ b/pm2-gui.js
@@ -115,8 +115,7 @@ function dashboard (confFile) {
 
   console.info('Remoting servers are online, choose one you are intrested in.')
   console.log('')
-
-  inquirer.prompt(q, function (answers) {
+  inquirer.prompt(q).then(function (answers) {
     console.log('')
     _connectToDashboard(monitor, options, Monitor.parseConnectionString(answers.socket_server))
   })
diff --git a/web/public/js/index.html.js b/web/public/js/index.html.js
index 64be7f6..0eba9c4 100644
--- a/web/public/js/index.html.js
+++ b/web/public/js/index.html.js
@@ -19,7 +19,7 @@ var sysStat,
   popupProc,
   scrolled;
 
-$(window).ready(function () {
+$(window).ready(function() {
   if (!Array.isArray(GUI.connections) || GUI.connections.length == 0) {
     info('No agent is online, can not start it.');
   } else {
@@ -45,9 +45,9 @@ function prepareDOM() {
   eles.procsAction = $('#procs_action');
 
   // Enable/Disable when mouseenter/mouseleave processes list.
-  eles.procs.hover(function () {
+  eles.procs.hover(function() {
     !popupShown && setFPEnable(false, true);
-  }, function () {
+  }, function() {
     !popupShown && setFPEnable(true, true);
   });
 
@@ -67,10 +67,10 @@ function initFullPage() {
     navigation: true,
     navigationPosition: 'right',
     navigationTooltips: ['System Stat', 'Processes'],
-    afterLoad: function () {
+    afterLoad: function() {
       pageLoaded = true;
     },
-    onLeave: function (index, nextIndex, direction) {
+    onLeave: function(index, nextIndex, direction) {
       pageIndex = nextIndex;
       pageLoaded = false;
 
@@ -187,15 +187,15 @@ function listenSocket() {
     $('.spinner').remove();
   }
 
-  sockets.sys.on('pm2_ver', function (ver) {
+  sockets.sys.on('pm2_ver', function(ver) {
     $('.repo > span').text('PM2 v' + ver);
   });
 
   // Show alert when stopping process by pm_id failed.
-  sockets.sys.on('action', function (id, errMsg) {
+  sockets.sys.on('action', function(id, errMsg) {
     info(errMsg);
-    $('#proc_' + id).find('.proc-ops').find('.load').fadeOut(function () {
-      $(this).prev().fadeIn().end().fadeOut(function () {
+    $('#proc_' + id).find('.proc-ops').find('.load').fadeOut(function() {
+      $(this).prev().fadeIn().end().fadeOut(function() {
         $(this).remove();
       });
     });
@@ -206,6 +206,9 @@ function listenSocket() {
  * Render the fanavi component.
  */
 function renderFanavi() {
+  if (GUI.readonly) {
+    return;
+  }
   var icons = [{
     icon: 'img/restart.png',
     title: 'Restart All'
@@ -237,7 +240,7 @@ function renderFanavi() {
       hideTooltip: true
     })
     .load(icons)
-    .on('click', function (index, data) {
+    .on('click', function(index, data) {
       sockets.sys.emit('action', ['restart', 'stop', 'save', 'delete'][index], 'all');
     });
 }
@@ -257,7 +260,7 @@ function resetFanavi() {
   } else if (procs.data.length == 0 && isVisible) {
     eles.procsAction.stop().animate({
       opacity: 0.01
-    }, function () {
+    }, function() {
       $(this).css('display', 'none');
     });
   }
@@ -278,9 +281,9 @@ function polarUsage() {
   // Usage colors - green to red.
   var color = d3.scale.linear()
     .range(['hsl(-270,50%,50%)', 'hsl(0,50%,50%)'])
-    .interpolate(function (a, b) {
+    .interpolate(function(a, b) {
       var i = d3.interpolateString(a, b);
-      return function (t) {
+      return function(t) {
         return d3.hsl(i(t));
       };
     });
@@ -288,13 +291,13 @@ function polarUsage() {
   // Transform percentage to angle.
   var arc = d3.svg.arc()
     .startAngle(0)
-    .endAngle(function (d) {
+    .endAngle(function(d) {
       return d.value * 2 * Math.PI;
     })
-    .innerRadius(function (d) {
+    .innerRadius(function(d) {
       return d.index * radius;
     })
-    .outerRadius(function (d) {
+    .outerRadius(function(d) {
       return (d.index + spacing) * radius;
     });
 
@@ -334,7 +337,7 @@ function polarUsage() {
   // arcTween
   function arcTween(d) {
     var i = d3.interpolateNumber(d.previousValue, d.value);
-    return function (t) {
+    return function(t) {
       d.value = i(t);
       return arc(d);
     };
@@ -356,11 +359,11 @@ function polarUsage() {
   // Refresh system states.
   function refresh() {
     field = field
-      .each(function (d) {
+      .each(function(d) {
         this._value = d.value;
       })
       .data(fields)
-      .each(function (d) {
+      .each(function(d) {
         d.previousValue = this._value;
       });
 
@@ -368,20 +371,20 @@ function polarUsage() {
       .transition()
       .ease('elastic')
       .attrTween('d', arcTween)
-      .style('fill', function (d) {
+      .style('fill', function(d) {
         return color(d.value);
       });
 
     field.select('text')
-      .attr('dy', function (d) {
+      .attr('dy', function(d) {
         return d.value < .5 ? '0' : '10px';
       })
-      .text(function (d) {
+      .text(function(d) {
         return d.text;
       })
       .transition()
       .ease('elastic')
-      .attr('transform', function (d) {
+      .attr('transform', function(d) {
         return 'rotate(' + 360 * d.value + ') ' +
           'translate(0,' + -(d.index + spacing / 2) * radius + ') ' +
           'rotate(' + (d.value < .5 ? -90 : 90) + ')'
@@ -389,7 +392,7 @@ function polarUsage() {
   }
 
   // When receiving data from server, refresh polar.
-  sockets.sys.on('system_stat', function (data) {
+  sockets.sys.on('system_stat', function(data) {
     if (pageIndex != 1) {
       return;
     }
@@ -434,7 +437,7 @@ function addChooser(options) {
   }
   var html = '<button id="dropdownChooser" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><i class="glyphicon glyphicon-random"></i> CHANGE <span class="caret"></span></button>';
   html += '<ul class="dropdown-menu" aria-labelledby="dropdownChooser">';
-  conns.forEach(function (conn) {
+  conns.forEach(function(conn) {
     if (conn == '-') {
       html += '<li role = "separator" class="divider"></li>';
     } else {
@@ -443,7 +446,7 @@ function addChooser(options) {
   });
   html += '</ul>';
   chooser.html(html);
-  chooser.on('click', 'a', function () {
+  chooser.on('click', 'a', function() {
     var ele = $(this),
       val = ele.data('value');
     if (val && val != GUI.connection.value) {
@@ -456,9 +459,9 @@ function addChooser(options) {
       ele.parent().addClass('active');
       changeConnection();
     }
-  }).on('show.bs.dropdown', function () {
+  }).on('show.bs.dropdown', function() {
     setFPEnable(false, false);
-  }).on('hide.bs.dropdown', function () {
+  }).on('hide.bs.dropdown', function() {
     setFPEnable(true, false);
   });
   chooser.appendTo('.polar-usage');
@@ -486,7 +489,7 @@ function changeConnection(connection) {
 function onProcsChange(_procs) {
   // Stora processes.
   procs = {
-    data: _procs.filter(function (p) {
+    data: _procs.filter(function(p) {
       return !!p;
     }),
     tick: Date.now()
@@ -589,13 +592,13 @@ function updateProcsLayout(noAnimation) {
 
   // Read existing processes' Uids.
   var rps = [];
-  eles.procs.find('div.proc').each(function () {
+  eles.procs.find('div.proc').each(function() {
     rps.push(parseInt(this.id.substr(5)));
   });
   // Processes that waiting to be created.
   var cps = procs.data;
   // Processes that should be deleted.
-  var dps = _.difference(rps, cps.map(function (p) {
+  var dps = _.difference(rps, cps.map(function(p) {
     return p.pm_id;
   }));
   // Processes that should be updated.
@@ -606,17 +609,17 @@ function updateProcsLayout(noAnimation) {
 
   if (rps.length > 0) {
     // Remove existing.
-    cps = cps.filter(function (p) {
+    cps = cps.filter(function(p) {
       return !~rps.indexOf(p.pm_id);
     });
 
     // Compare with previous processes to grep `ups`.
     if (prevProcs) {
-      rps.forEach(function (pm_id) {
-        var proc1 = _.find(prevProcs.data, function (p) {
+      rps.forEach(function(pm_id) {
+        var proc1 = _.find(prevProcs.data, function(p) {
             return p.pm_id == pm_id;
           }),
-          proc2 = _.find(procs.data, function (p) {
+          proc2 = _.find(procs.data, function(p) {
             return p.pm_id == pm_id;
           });
 
@@ -656,7 +659,7 @@ function updateProcsLayout(noAnimation) {
  */
 function createProcs(_procs, noproc, noAnimation) {
   var html = '';
-  _procs.forEach(function (p, i) {
+  _.sortBy(_procs, 'pm_id').forEach(function(p, i) {
     html += tmps.proc({
       proc: p,
       noDiv: false,
@@ -699,13 +702,13 @@ function createProcs(_procs, noproc, noAnimation) {
  */
 function updateProcs(_procs, noAnimation) {
   // Find elements and replace them new ones.
-  eles.procs.find(_procs.map(function (p) {
+  eles.procs.find(_procs.map(function(p) {
     return '#proc_' + p.pm_id;
-  }).join(',')).each(function (i) {
+  }).join(',')).each(function(i) {
     var ele = $(this),
       placement = ele.find('.proc-ops i').eq(0).data('placement'),
       _id = parseInt(ele.attr('id').substr(5)),
-      proc = _.find(_procs, function (p) {
+      proc = _.find(_procs, function(p) {
         return p.pm_id == _id;
       });
 
@@ -724,7 +727,7 @@ function updateProcs(_procs, noAnimation) {
     var ele = $(this);
     // Animate it or not.
     if (!noAnimation) {
-      animate(ele, 'flipOutX', function () {
+      animate(ele, 'flipOutX', function() {
         ele.replaceWith(procEle);
         attachProcEvents();
         animate(procEle, 'flipInX', startTimer);
@@ -743,9 +746,9 @@ function updateProcs(_procs, noAnimation) {
  */
 function removeProcs(pm_ids, noAnimation) {
   // Find elements and remove them directly.
-  eles.procs.find(pm_ids.map(function (id) {
+  eles.procs.find(pm_ids.map(function(id) {
     return '#proc_' + id;
-  }).join(',')).each(function () {
+  }).join(',')).each(function() {
     var ele = $(this);
     ele.next().remove();
     ele.remove();
@@ -788,7 +791,7 @@ function updateUptime() {
     return;
   }
   var now = Date.now();
-  spans.each(function () {
+  spans.each(function() {
     var ele = $(this);
     ele.text(fromNow(Math.ceil((now - ele.data('ctime')) / 1000), true));
   });
@@ -830,12 +833,12 @@ function attachProcEvents() {
  * Bind process events.
  */
 function procEvents() {
-  eles.procs.find('.proc-ops i').each(function () {
+  eles.procs.find('.proc-ops i').each(function() {
     var ele = $(this);
     if (ele.data('event-click') == 'BOUND') {
       return;
     }
-    ele.data('event-click', 'BOUND').click(function () {
+    ele.data('event-click', 'BOUND').click(function() {
       var ele = $(this),
         method = (ele.data('original-title') || ele.attr('title')).toLowerCase(),
         pm_id = parseInt(ele.closest('.proc').attr('id').substr(5));
@@ -862,7 +865,7 @@ function procEvents() {
  * @param {jQuery} o
  */
 function bindPopup(o) {
-  eles.procs.find('.proc-name').each(function () {
+  eles.procs.find('.proc-name').each(function() {
     var ele = $(this);
     if (ele.data('event-avgrund') == 'BOUND') {
       return;
@@ -874,7 +877,7 @@ function bindPopup(o) {
       holderClass: 'proc-popup',
       showCloseText: 'CLOSE',
       onBlurContainer: '.section',
-      onLoad: function (ele) {
+      onLoad: function(ele) {
         if (popupShown) {
           return;
         }
@@ -882,7 +885,7 @@ function bindPopup(o) {
         setFPEnable(false, false);
         showPopupTab(getProcByEle(ele));
       },
-      onUnload: function (ele) {
+      onUnload: function(ele) {
         if (!popupShown) {
           return;
         }
@@ -914,9 +917,7 @@ function showPopupTab(proc, delayed) {
 
   // Resort keys.
   var clonedProc = {};
-  Object.keys(proc).sort(function (a, b) {
-    return a.charCodeAt(0) - b.charCodeAt(0);
-  }).forEach(function (key) {
+  _.sortBy(Object.keys(proc)).forEach(function(key) {
     // Omit memory, just keep the original data.
     if (key == 'monit') {
       var monit = proc[key];
@@ -942,7 +943,7 @@ function showPopupTab(proc, delayed) {
   });
 
   // Bing tab change event.
-  popup.find('li').click(function () {
+  popup.find('li').click(function() {
     var ele = $(this);
     if (ele.hasClass('active')) {
       return;
@@ -992,7 +993,7 @@ function tailLogs() {
   if (!sockets.log) {
     sockets.log = connectSocketServer(NSP.LOG);
     sockets.log.on('log', appendLogs);
-    sockets.log.on('connect', function () {
+    sockets.log.on('connect', function() {
       sockets.log.emit('tail', popupProc.pm_id);
     });
   } else {
@@ -1055,7 +1056,7 @@ function monitorProc() {
   if (!sockets.proc) {
     sockets.proc = connectSocketServer(NSP.PROC);
     sockets.proc.on('proc', appendData);
-    sockets.proc.on('connect', function () {
+    sockets.proc.on('connect', function() {
       sockets.proc.emit('proc', popupProc.pid);
     });
   } else {
@@ -1076,7 +1077,7 @@ function appendData(proc) {
     var now = proc.time || Date.now(),
       len = lineChart.settings.queueLength;
 
-    lineChart.data = d3.range(len).map(function (n) {
+    lineChart.data = d3.range(len).map(function(n) {
       return {
         time: now - (len - n) * 3000,
         usage: {
@@ -1120,7 +1121,7 @@ function destroyMonitor() {
  */
 function getProcByEle(ele) {
   var id = parseInt(ele.data('pmid'));
-  return _.find(procs.data, function (p) {
+  return _.find(procs.data, function(p) {
     return p.pm_id == id;
   });
 }
@@ -1133,7 +1134,7 @@ function getProcByEle(ele) {
  */
 function animate(o, a, cb) {
   a += ' animated';
-  o.removeClass(a).addClass(a).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
+  o.removeClass(a).addClass(a).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
     var ele = $(this);
     ele.removeClass(a)
     cb && cb.call(ele);
@@ -1214,11 +1215,11 @@ function highlight(data, indent) {
     [/&/g, '&amp;'],
     [/</g, '&lt;'],
     [/>/g, '&gt;']
-  ].forEach(function (rep) {
+  ].forEach(function(rep) {
     data = String.prototype.replace.apply(data, rep);
   });
 
-  return data.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (m) {
+  return data.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function(m) {
     var color = '1e297e';
     if (/^"/.test(m)) {
       color = ['440a4d', '0d660a'][/:$/.test(m) ? 0 : 1];
@@ -1257,14 +1258,14 @@ var lineChart = {
   },
   data: [],
   eles: {},
-  destroy: function () {
+  destroy: function() {
     this.eles.path && this.eles.path.interrupt().transition();
     this.eles.xAxis && this.eles.xAxis.interrupt().transition();
     d3.timer.flush();
     this.data = [];
     this.eles = {};
   },
-  next: function (forceQuit) {
+  next: function(forceQuit) {
     var ng = !this.eles.svg;
     if (ng && forceQuit) {
       return;
@@ -1284,14 +1285,14 @@ var lineChart = {
 
     this.eles.x.domain([this.data[1].time, this.data[st.queueLength - 1].time]);
 
-    st.series.forEach(function (key) {
+    st.series.forEach(function(key) {
       lineChart.eles[key + 'LineEl']
         .attr('d', lineChart.eles[key + 'Line'])
         .attr('transform', null);
     });
 
     if (ng) {
-      return setTimeout(function (ctx) {
+      return setTimeout(function(ctx) {
         ctx.next(true);
       }, 10, this);
     }
@@ -1301,7 +1302,7 @@ var lineChart = {
       .duration(st.transitionDelay)
       .ease('linear')
       .attr('transform', 'translate(' + this.eles.x(this.data[0].time) + ', ' + st.padding + ')')
-      .each('end', function () {
+      .each('end', function() {
         lineChart.next(true);
       });
 
@@ -1312,13 +1313,13 @@ var lineChart = {
 
     this.data.shift();
   },
-  _graph: function () {
+  _graph: function() {
     var st = this.settings;
     st.gWidth = st.width;
     st.gHeight = st.height - 50;
 
     var series = '<ul>';
-    st.series.forEach(function (key) {
+    st.series.forEach(function(key) {
       series += '<li style="color:' + st.colors.line[key] + '">' + key + '</li>';
     });
     series += '</ul>';
@@ -1371,15 +1372,15 @@ var lineChart = {
     this.eles.path = this.eles.g.append('g')
       .attr('transform', 'translate(0, ' + st.padding + ')');
 
-    st.series.forEach(function (key) {
+    st.series.forEach(function(key) {
       lineChart.eles[key + 'Line'] = d3.svg
         .line()
         .interpolate('cardinal')
         .tension(st.tension)
-        .x(function (d) {
+        .x(function(d) {
           return lineChart.eles.x(d.time || Date.now());
         })
-        .y(function (d) {
+        .y(function(d) {
           return lineChart.eles.y(!d.usage ? 0 : d.usage[key]);
         });
 
diff --git a/web/routes/index.js b/web/routes/index.js
index 34d4d08..b146601 100644
--- a/web/routes/index.js
+++ b/web/routes/index.js
@@ -28,12 +28,13 @@ action(function (req, res) {
   })
   res.render('index', {
     title: 'Monitor',
-    connections: connections
+    connections: connections,
+    readonly: !!req._config.readonly
   })
 })
 
 // API
-action(function auth_api (req, res) {
+action(function auth_api (req, res) { // eslint-disable-line camelcase
   if (!req._config.agent || !req._config.agent.authorization) {
     return res.json({
       error: 'Can not found agent[.authorization] config, no need to authorize!'
diff --git a/web/templates/partials/tmpls.jade b/web/templates/partials/tmpls.jade
index 4d13abc..44493a1 100644
--- a/web/templates/partials/tmpls.jade
+++ b/web/templates/partials/tmpls.jade
@@ -16,18 +16,17 @@ script#noProcTmp(type='text/html')
         li.proc-file No process found!
 
 script#procTmp(type='text/html')
-  != '<% var mode = proc.pm2_env.exec_mode.replace(/^(cluster|fork)_mode$/, "$1") %>'
+  | <% var mode = proc.pm2_env.exec_mode.replace(/^(cluster|fork)_mode$/, "$1") %>
   div(id!='proc_<%- proc.pm_id %>', class!="proc<%- proc.pm2_env.status == 'online' ? '':' proc-stop' %>")
     .proc-col.proc-status
       i(data-toggle='tooltip', data-placement='left', title!='<%- proc.pm2_env.status %>', class!="glyphicon glyphicon-<%- proc.pm2_env.status == 'online' ? 'ok':'remove' %>-sign")
     .proc-col.proc-info
       ul.proc-title
-        li.proc-name(data-pmid!='<%- proc.pm_id %>') 
-          != '<%- proc.name %>'
+        li.proc-name(data-pmid!='<%- proc.pm_id %>')!= '<%- proc.name %>'
         li
-          sup 
-            != '<%- proc.pm_id %>'
+          sup!= '<%- proc.pm_id %>'
         li.proc-ops
+          | <% if(!GUI.readonly){ %>
           ul
             li
               i.glyphicon.glyphicon-refresh(data-toggle='tooltip', data-placement!='<%= index == 0 ? "bottom" : "top" %>', title='Restart')
@@ -37,20 +36,20 @@ script#procTmp(type='text/html')
             != '<% } %>'
             li
               i.glyphicon.glyphicon-trash(data-toggle='tooltip', data-placement!='<%= index == 0 ? "bottom" : "top" %>', title='Delete')
+          | <% } %>
       ul.proc-content
-        li.proc-file
-          != '<%- (proc.pm2_env.pm_exec_path.length > 35 ? "...":"") + proc.pm2_env.pm_exec_path.slice(-35) %>'
+        li.proc-file!= '<%- (proc.pm2_env.pm_exec_path.length > 35 ? "...":"") + proc.pm2_env.pm_exec_path.slice(-35) %>'
         li(class!='proc-mode proc-mode-<%- mode %>')
           span!= '<%- mode %>'
         li.proc-mem!= '<%- getMem(proc.monit.memory) %>'
         li.proc-restart!= '<%- proc.pm2_env.restart_time %>'
         li.proc-uptime
-          = '['
+          | [
           span(data-ctime!='<%- proc.pm2_env.pm_uptime %>', data-running!="<%- proc.pm2_env.status == 'online' ? 'YES':'NO' %>") 0s
-          = ']'
-  != '<% if(!noDiv){ %>'
+          | ]
+  | <% if(!noDiv){ %>
   .proc-div
-  != '<% } %>'
+  | <% } %>
 
 script#popupTmp(type='text/html')
   div(role='tabpanel')
@@ -63,7 +62,6 @@ script#popupTmp(type='text/html')
       each attrs, tab in tabs
         div(id= tab, class= ('tab-pane ' + (attrs.class || '')), role='tabpanel')
           if tab == 'info'
-            pre 
-              != '<%= info %>'
+            pre!= '<%= info %>'
           else
             .load
\ No newline at end of file
diff --git a/web/templates/views/index.jade b/web/templates/views/index.jade
index 02f0968..4b7f587 100644
--- a/web/templates/views/index.jade
+++ b/web/templates/views/index.jade
@@ -34,6 +34,7 @@ block js
   script.
     var GUI = {};
     GUI.connections = !{JSON.stringify(connections)};
+    GUI.readonly = '#{readonly}' === 'true'
   script(src='js/socket.io.js')
   script(src='js/d3.min.js')
   script(src='js/jquery.fullPage.min.js')