Specific Servers table display for tablet

src/lang/bg_BG.lang.php

@@ -115,6 +115,7 @@ $sm_lang = array(
 		'last_check' => 'Последна проверка',
 		'last_online' => 'Последно на линия',
 		'monitoring' => 'Мониторинг',
+		'no_monitoring' => 'No monitoring',
 		'email' => 'Имейл',
 		'send_email' => 'Имейл',
 		'sms' => 'SMS',

src/lang/de_DE.lang.php

@@ -115,6 +115,7 @@ $sm_lang = array(
 		'last_check' => 'Letzter Check',
 		'last_online' => 'Letztes mal Online',
 		'monitoring' => 'Monitoring',
+		'no_monitoring' => 'No monitoring',
 		'email' => 'Email',
 		'send_email' => 'Email',
 		'sms' => 'SMS',

src/lang/en_US.lang.php

@@ -115,6 +115,7 @@ $sm_lang = array(
 		'last_check' => 'Last check',
 		'last_online' => 'Last online',
 		'monitoring' => 'Monitoring',
+		'no_monitoring' => 'No monitoring',
 		'email' => 'Email',
 		'send_email' => 'Send Email',
 		'sms' => 'SMS',

src/lang/es_ES.lang.php

@@ -115,6 +115,7 @@ $sm_lang = array(
 		'last_check' => 'Ultima verificación',
 		'last_online' => 'Última vez en línea',
 		'monitoring' => 'Monitoreo',
+		'no_monitoring' => 'No monitoring',
 		'email' => 'Email',
 		'send_email' => 'Email',
 		'sms' => 'SMS',

src/lang/fr_FR.lang.php

@@ -115,6 +115,7 @@ $sm_lang = array(
 		'last_check' => 'Dernière vérification',
 		'last_online' => 'Dernière fois OK',
 		'monitoring' => 'Serveillé',
+		'no_monitoring' => 'Non serveillé',
 		'email' => 'Email',
 		'send_email' => 'Envoyer un email',
 		'sms' => 'SMS',

src/lang/it_IT.lang.php

@@ -115,6 +115,7 @@ $sm_lang = array(
 		'last_check' => 'Ultimo Controllo',
 		'last_online' => 'Ultima volta Online',
 		'monitoring' => 'Sotto Controllo',
+		'no_monitoring' => 'No monitoring',
 		'email' => 'Email',
 		'send_email' => 'Invia Email',
 		'sms' => 'SMS',

src/lang/ko_KR.lang.php

@@ -115,6 +115,7 @@ $sm_lang = array(
 		'last_check' => '최근체크',
 		'last_online' => '최근접속',
 		'monitoring' => '확인중',
+		'no_monitoring' => 'No monitoring',
 		'email' => '메일 전송',
 		'send_email' => '메일 전송',
 		'sms' => 'SMS 전송',

src/lang/nl_NL.lang.php

@@ -115,6 +115,7 @@ $sm_lang = array(
 		'last_check' => 'Laatst gecontroleerd',
 		'last_online' => 'Laatst online',
 		'monitoring' => 'Monitoring',
+		'no_monitoring' => 'No monitoring',
 		'email' => 'Email',
 		'send_email' => 'Stuur email',
 		'sms' => 'SMS',

src/lang/pt_BR.lang.php

@@ -115,6 +115,7 @@ $sm_lang = array(
         'last_check' => 'Última verificação',
         'last_online' => 'Última vez online',
         'monitoring' => 'Monitoramento',
+		'no_monitoring' => 'No monitoring',
         'email' => 'Email',
         'send_email' => 'Enviar Email',
         'sms' => 'SMS',

src/lang/zh_CN.lang.php

@@ -115,6 +115,7 @@ $sm_lang = array(
 		'last_check' => '最后检查',
 		'last_online' => '最后在线',
 		'monitoring' => '监控中',
+		'no_monitoring' => 'No monitoring',
 		'email' => '邮件',
 		'send_email' => '发送邮件',
 		'sms' => '短信',

src/psm/Module/Server/Controller/ServerController.class.php

@@ -99,9 +99,24 @@ class ServerController extends AbstractServerController {
 			$servers[$x]['class'] = ($x & 1) ? 'odd' : 'even';
 
 			if($servers[$x]['type'] == 'website') {
+				$servers[$x]['type_icon'] = 'icon-globe';
 				// add link to label
-				$servers[$x]['ip'] = '<a href="'.$servers[$x]['ip'].'" target="_blank">'.$servers[$x]['ip'].'</a>';
+				$servers[$x]['ip'] = '<a href="'.$servers[$x]['ip'].'" target="_blank">'.$servers[$x]['ip'].'</a>';				
+			} else {
+				$servers[$x]['type_icon'] = 'icon-cog';
 			}
+			if(($servers[$x]['active'] == 'yes')) {
+				$servers[$x]['active_icon'] = 'icon-eye-open';
+				$servers[$x]['active_title'] = psm_get_lang('servers', 'monitoring');
+				$servers[$x]['email_icon'] = ($servers[$x]['email'] == 'yes') ? 'icon-envelope' : '';
+				$servers[$x]['sms_icon'] = ($servers[$x]['sms'] == 'yes') ? 'icon-mobile' : '';
+			} else {
+				$servers[$x]['active_icon'] = 'icon-eye-close';
+				$servers[$x]['active_title'] = psm_get_lang('servers', 'no_monitoring');
+				$servers[$x]['email_icon'] = '';
+				$servers[$x]['sms_icon'] = '';
+			}
+					
 			$servers[$x] = $this->formatServer($servers[$x]);
 		}
 		// add servers to template

src/templates/server/server.tpl.html

@@ -1,17 +1,17 @@
 <!--%tpl_server_list-->
-<table class="table table-bordered table-striped">
+<table class="table table-bordered table-striped table-align-middle">
 	<thead>
 		<tr>
 			<th>&nbsp;</th>
 			<th>{label_label}</th>
 			<th>{label_domain}</th>
-			<th>{label_port}</th>
-			<th>{label_type}</th>
+			<th class="visible-desktop">{label_port}</th>
+			<th class="visible-desktop">{label_type}</th>
 			<th>{label_rtime}</th>
 			<th>{label_last_online}</th>
 			<th>{label_monitoring}</th>
-			<th>{label_email}</th>
-			<th>{label_sms}</th>
+			<th class="visible-desktop">{label_email}</th>
+			<th class="visible-desktop">{label_sms}</th>
 			<th>{label_action}</th>
 		</tr>
 	</thead>
@@ -23,16 +23,18 @@
 					<a href="{url_view}" title="{error}">{status}</a>
 				</span>
 			</td>
-			<td><a href="{url_view}">{label}</a></td>
-			<td>{ip}</td>
-			<td>{port}</td>
-			<td>{type}</td>
-			<td>{rtime} s</td>
-			<td>{last_online}</td>
-			<td>{active}</td>
-			<td>{email}</td>
-			<td>{sms}</td>
-			<td class="col-action"><a class="btn btn-small" href="index.php?mod=server&amp;action=view&amp;id={server_id}"><i class="icon-eye-open"></i></a>
+			<td class="nowrap"><a href="{url_view}">{label}</a></td>
+			<td class="nowrap hidden-desktop"><i class="{type_icon}" title="{type}"></i> {ip} : {port}</td>
+			<td class="nowrap visible-desktop">{ip}</td>
+			<td class="nowrap visible-desktop">{port}</td>
+			<td class="nowrap visible-desktop">{type}</td>
+			<td class="nowrap">{rtime} s</td>
+			<td class="nowrap">{last_online}</td>
+			<td class="nowrap hidden-desktop"><i class="{active_icon}" title="{active_title}"></i> <i class="{email_icon}" title="{label_email}"></i> <i class="{sms_icon}" title="{label_sms}"></i></td>
+			<td class="nowrap visible-desktop">{active}</td>
+			<td class="nowrap visible-desktop">{email}</td>
+			<td class="nowrap visible-desktop">{sms}</td>
+			<td class="col-action"><a class="btn btn-small" href="index.php?mod=server&amp;action=view&amp;id={server_id}"><i class="icon-chart"></i></a>
 				{html_actions}</td>
 		</tr>
 		<!--%%tpl_repeat_servers-->

static/css/style.css

@@ -84,6 +84,19 @@ fieldset {
 	padding: 8px 8px;
 }
 
+/* Tables */
+.table-align-middle td {
+	vertical-align: middle;
+}
+.col-action {
+	width: 20px;
+	white-space: nowrap;	
+}
+.nowrap {
+	white-space: nowrap;
+}
+
+/* Form */
 legend {
 	margin-top: 0px;
 	margin-bottom: 0px;
@@ -141,6 +154,9 @@ legend {
 	.hidden-desktop {
 		display: none !important;
 	}
+	td.visible-desktop, th.visible-desktop {
+		display: table-cell;
+	}
 }
 
 @media (max-width: 979px) {
@@ -166,6 +182,9 @@ legend {
 	.visible-desktop {
 		display: none !important;
 	}
+	td.hidden-desktop, th.hidden-desktop {
+		display: table-cell;
+	}
 	.tab-content {
 		padding-left: 10px;
 		padding-right: 10px;
@@ -272,8 +291,91 @@ legend{
 	background-color:#eee;
 }
 
-/* Tables */
-.col-action {
-	width: 20px;
-	white-space: nowrap;	
+/* Bootstrap 2.3.2 added icons */
+.icon-hdd {
+  background-position: 0 -144px;
+}
+
+.icon-bullhorn {
+  background-position: -24px -144px;
+}
+
+.icon-bell {
+  background-position: -48px -144px;
+}
+
+.icon-certificate {
+  background-position: -72px -144px;
+}
+
+.icon-thumbs-up {
+  background-position: -96px -144px;
+}
+
+.icon-thumbs-down {
+  background-position: -120px -144px;
+}
+
+.icon-hand-right {
+  background-position: -144px -144px;
+}
+
+.icon-hand-left {
+  background-position: -168px -144px;
+}
+
+.icon-hand-up {
+  background-position: -192px -144px;
+}
+
+.icon-hand-down {
+  background-position: -216px -144px;
+}
+
+.icon-circle-arrow-right {
+  background-position: -240px -144px;
+}
+
+.icon-circle-arrow-left {
+  background-position: -264px -144px;
+}
+
+.icon-circle-arrow-up {
+  background-position: -288px -144px;
+}
+
+.icon-circle-arrow-down {
+  background-position: -312px -144px;
+}
+
+.icon-globe {
+  background-position: -336px -144px;
+}
+
+.icon-wrench {
+  background-position: -360px -144px;
+}
+
+.icon-tasks {
+  background-position: -384px -144px;
+}
+
+.icon-filter {
+  background-position: -408px -144px;
+}
+
+.icon-briefcase {
+  background-position: -432px -144px;
+}
+
+.icon-fullscreen {
+  background-position: -456px -144px;
+}
+
+/* personal added icons */
+.icon-chart {
+  background-position: 0px -168px;
+}
+.icon-mobile {
+  background-position: -24px -168px;
 }