"; $fullcaption .= ""; $fullcaption .= "

Label:	" . $item['label'] . "
Comment:	" . $item['comment'] . "

"; $group = floor($position/$opt['groups']); // Ethernet port image, with #STRINGS# to replace later $iRatio = $imagewidth / $imageheight; $iWidth = $imagewidth / 17; $iHeight = $imageheight / 2.85; $iBorderLeft = ( $iWidth / 13 ) * $position; $iBorderTop = ( $iHeight / 2.8 ) * $row; if( $position > 5 ){ $iBorderLeft += $iWidth * 0.3; } if( $row > 0 ){ $iBorderTop -= $iHeight * 0.14; } $iPosX = ( ( $iWidth * $position ) + 2 * $iWidth ) + $iBorderLeft; $iPosY = ( ( $iHeight * $row ) + 0.4 * $iHeight ) + $iBorderTop; // for metallic conductors $sConductors = ''; for( $i=0; $i<8; $i++ ){ $sConductors .= ''; } $image = ' #REPLACELABEL# '.$sConductors.' #REPLACEPORTNUMBER# '; // Replace color, setting the default if one wasn't specified if(!substr($item['color'],0,1) == "#") { $item['color'] = '#CCCCCC'; } $image = str_replace("#REPLACECOLOR#", $item['color'], $image); // Replace label $image = str_replace("#REPLACELABEL#", $item['label'], $image); // Replace caption $image = str_replace("#REPLACECAPTION#", htmlspecialchars($fullcaption,ENT_QUOTES), $image); // Add port number $image = str_replace("#REPLACEPORTNUMBER#", $port, $image); // Position the port $image = str_replace("#REPLACEX#", 80+$position*43+$group*10, $image); // offset from edge+width of preceeding ports+group spacing $image = str_replace("#REPLACEY#", 20+$row*66, $image); return $image; } /* * Create output */ function render($mode, &$renderer, $opt) { if($mode == 'metadata') return false; $content = $opt['content']; // clear any trailing or leading empty lines from the data set $content = preg_replace("/[\r\n]*$/","",$content); $content = preg_replace("/^\s*[\r\n]*/","",$content); $items = array(); $csv_id = uniqid("csv_"); $csv = "Port,Label,Comment\n"; foreach (explode("\n",$content) as $line) { $item = array(); if (!preg_match("/^\s*\d+/",$line)) { continue; } // skip lines that don't start with a port number // split on whitespace, keep quoted strings together $matchcount = preg_match_all('/"(?:\\.|[^\\"])*"|\S+/',$line,$matches); if ($matchcount > 0) { $item['port'] = $matches[0][0]; $item['label'] = htmlspecialchars(trim($matches[0][1], '"\''), ENT_QUOTES); // If 3rd element starts with #, it's a color. Otherwise part of the comment if (substr($matches[0][2], 0, 1) == "#") { $item['color'] = $matches[0][2]; } else { $item['comment'] = $matches[0][2]; } // Any remaining text is part of the comment. for($x=3;$x<=$matchcount;$x++) { $item['comment'] .= " ".( isset( $matches[0][$x] ) ? $matches[0][$x] : '' ); } $csv .= '"' . $item['port'] . '","' . $item['label'] . '","' . trim($item['comment'], '"\' ') . '"' . "\n"; $item['comment'] = str_replace(array("\r","\n"), '', p_render('xhtml',p_get_instructions(trim($item['comment'], '"\'')),$info)); $items[$item['port']] = $item; } else { $renderer->doc .= 'Syntax error on the following line:

'.hsc($line)."

\n"; } } // Calculate the size of the image and port spacing $portsPerRow = ceil($opt['ports']/$opt['rows']); $groups = ceil($portsPerRow/$opt['groups']); $imagewidth = 80+$portsPerRow*43+$groups*10+60; $imageheight = 20+$opt['rows']*66; $renderer->doc .= '

'; $renderer->doc .= '

'; if( $opt['rotate'] ){ // Draw an outer SVG and transform the inner one $renderer->doc .= "

"; $renderer->doc .= '

"; $renderer->doc .= '"; $renderer->doc .= "

"; // Button to show the CSV version $renderer->doc .= "

Show CSV ↓"; $renderer->doc .= "

$csv

\n"; $renderer->doc .= "

"; // Make sure the tooltip div gets created $renderer->doc .= ''; // Add a script that creates the tooltips $renderer->doc .= ''; return true; } }