engelsystem/includes/sys_template.php

<?php

/**
 * Renders tabs from the array. Array key is tab name, array value is tab content.
 * 
 * @param array $tabs
 * @param int $selected The selected tab, default 0
 * @return string HTML
 */
function tabs($tabs, $selected = 0)
{
    $tab_header = [];
    $tab_content = [];
    foreach($tabs as $header => $content) {
        $class = '';
        if(count($tab_header) == $selected) {
            $class = 'active';
        }
        $tab_header[] = '<li role="presentation" class="' . $class . '">
                <a href="#' . $header . '" aria-controls="' . $header . '" role="tab" data-toggle="tab">' 
                    . $header . '</a></li>';
        $tab_content[] = '<div role="tabpanel" class="tab-pane ' . $class . '" id="' . $header . '">' . $content . '</div>';
    }
    return div('', [
        '<ul class="nav nav-tabs" role="tablist">' . join($tab_header) . '</ul>',
        '<div class="tab-content">' . join($tab_content) . '</div>'
    ]);
}

/**
 * Display muted (grey) text.
 *
 * @param string $text
 * @return string
 */
function mute($text)
{
    return '<span class="text-muted">' . $text . '</span>';
}

/**
 * Renders a bootstrap label with given content and class.
 *
 * @param string $content The text
 * @param string $class   default, primary, info, success, warning, danger
 * @return string
 */
function label($content, $class = 'default')
{
    return '<span class="label label-' . $class . '">' . $content . '</span>';
}

/**
 * @param int    $valuemin
 * @param int    $valuemax
 * @param int    $valuenow
 * @param string $class
 * @param string $content
 * @return string
 */
function progress_bar($valuemin, $valuemax, $valuenow, $class = '', $content = '')
{
    return '<div class="progress">'
        . '<div class="progress-bar ' . $class . '" role="progressbar" '
        . 'aria-valuenow="' . $valuenow . '" aria-valuemin="' . $valuemin . '" aria-valuemax="' . $valuemax . '" '
        . 'style="width: ' . floor(($valuenow - $valuemin) * 100 / ($valuemax - $valuemin)) . '%"'
        . '>'
        . $content . ''
        . '</div>'
        . '</div>';
}

/**
 * Render glyphicon
 *
 * @param string $glyph_name
 * @return string
 */
function glyph($glyph_name)
{
    return ' <span class="glyphicon glyphicon-' . $glyph_name . '"></span> ';
}

/**
 * Renders a tick or a cross by given boolean
 *
 * @param boolean $boolean
 * @return string
 */
function glyph_bool($boolean)
{
    return '<span class="text-' . ($boolean ? 'success' : 'danger') . '">' . glyph($boolean ? 'ok' : 'remove') . '</span>';
}

/**
 * @param string $class
 * @param array  $content
 * @param string $dom_id
 * @return string
 */
function div($class, $content = [], $dom_id = '')
{
    if (is_array($content)) {
        $content = join("\n", $content);
    }
    $dom_id = $dom_id != '' ? ' id="' . $dom_id . '"' : '';
    return '<div' . $dom_id . ' class="' . $class . '">' . $content . '</div>';
}

/**
 * @param string $content
 * @param int    $number
 * @return string
 */
function heading($content, $number = 1)
{
    return '<h' . $number . '>' . $content . '</h' . $number . '>';
}

/**
 * Render a toolbar.
 *
 * @param array $items
 * @param bool  $right
 * @return string
 */
function toolbar($items = [], $right = false)
{
    return '<ul class="nav navbar-nav' . ($right ? ' navbar-right' : '') . '">' . join("\n", $items) . '</ul>';
}

/**
 * @param string[] $items
 * @return string
 */
function toolbar_pills($items)
{
    return '<ul class="nav nav-pills">' . join("\n", $items) . '</ul>';
}

/**
 * Render a link for a toolbar.
 *
 * @param string $href
 * @param string $glyphicon
 * @param string $label
 * @param bool   $selected
 * @return string
 */
function toolbar_item_link($href, $glyphicon, $label, $selected = false)
{
    return '<li class="' . ($selected ? 'active' : '') . '">'
        . '<a href="' . $href . '">'
        . ($glyphicon != '' ? '<span class="glyphicon glyphicon-' . $glyphicon . '"></span> ' : '')
        . $label
        . '</a>'
        . '</li>';
}

/**
 * @return string
 */
function toolbar_item_divider()
{
    return '<li class="divider"></li>';
}

/**
 * @param string $glyphicon
 * @param string $label
 * @param array  $submenu
 * @param string $class
 * @return string
 */
function toolbar_dropdown($glyphicon, $label, $submenu, $class = '')
{
    return '<li class="dropdown ' . $class . '">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">'
        . ($glyphicon != '' ? '<span class="glyphicon glyphicon-' . $glyphicon . '"></span> ' : '')
        . $label
        . ' <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">'
        . join("\n", $submenu)
        . '</ul></li>';
}

/**
 * @param string   $glyphicon
 * @param string   $label
 * @param string[] $content
 * @param string   $class
 * @return string
 */
function toolbar_popover($glyphicon, $label, $content, $class = '')
{
    $dom_id = md5(microtime() . $glyphicon . $label);
    return '<li class="dropdown messages ' . $class . '">
          <a id="' . $dom_id . '" href="#" tabindex="0">'
        . ($glyphicon != '' ? '<span class="glyphicon glyphicon-' . $glyphicon . '"></span> ' : '')
        . $label
        . ' <span class="caret"></span></a>
          <script type="text/javascript">
          $(function(){
              $("#' . $dom_id . '").popover({
                  trigger: "focus",
                  html: true,
                  content: "' . addslashes(join('', $content)) . '",
                  placement: "bottom",
                  container: "#navbar-collapse-1"
              })
          });
          </script></li>';
}


/**
 * Generiert HTML Code für eine "Seite".
 * Fügt dazu die übergebenen Elemente zusammen.
 *
 * @param string[] $elements
 * @return string
 */
function page($elements)
{
    return join($elements);
}

/**
 * Generiert HTML Code für eine "Seite" mit zentraler Überschrift
 * Fügt dazu die übergebenen Elemente zusammen.
 *
 * @param string   $title
 * @param string[] $elements
 * @return string
 */
function page_with_title($title, $elements)
{
    return '<div class="col-md-12"><h1>' . $title . '</h1>' . join($elements) . '</div>';
}

/**
 * Renders a description based on the data arrays key and values as label an description.
 * @param array $data
 */
function description($data) {
    $elements = [];
    foreach($data as $label => $description) {
        if(!empty($label) && !empty($description)) {
            $elements[] = '<dt>' . $label . '</dt><dd>' . $description . '</dd>';
        }
    }
    return '<dl class="dl-horizontal">' . join($elements) . '</dl>';
}

/**
 * Rendert eine Datentabelle
 *
 * @param array|string $columns
 * @param array[]      $rows_raw
 * @param bool         $data
 * @return string
 */
function table($columns, $rows_raw, $data = true)
{
    // If only one column is given
    if (!is_array($columns)) {
        $rows = [];
        foreach ($rows_raw as $row) {
            $rows[] = [
                'col' => $row
            ];
        }
        return render_table([
            'col' => $columns
        ], $rows, $data);
    }

    return render_table($columns, $rows_raw, $data);
}

/**
 * Helper for rendering a html-table.
 * use table()
 *
 * @param string[] $columns
 * @param array[]  $rows
 * @param bool     $data
 * @return string
 */
function render_table($columns, $rows, $data = true)
{
    if (count($rows) == 0) {
        return info(_('No data found.'), true);
    }

    $html = '<table class="table table-striped' . ($data ? ' data' : '') . '">';
    $html .= '<thead><tr>';
    foreach ($columns as $key => $column) {
        $html .= '<th class="column_' . $key . '">' . $column . '</th>';
    }
    $html .= '</tr></thead>';
    $html .= '<tbody>';
    foreach ($rows as $row) {
        $html .= '<tr>';
        foreach ($columns as $key => $column) {
            $value = "&nbsp;";
            if (isset($row[$key])) {
                $value = $row[$key];
            }
            $html .= '<td class="column_' . $key . '">' . $value . '</td>';
        }
        $html .= '</tr>';
    }
    $html .= '</tbody>';
    $html .= '</table>';
    return $html;
}

/**
 * Rendert einen Knopf
 *
 * @param string $href
 * @param string $label
 * @param string $class
 * @return string
 */
function button($href, $label, $class = '')
{
    return '<a href="' . $href . '" class="btn btn-default ' . $class . '">' . $label . '</a>';
}

/**
 * Rendert einen Knopf mit Glyph
 *
 * @param string $href
 * @param string $glyph
 * @param string $class
 * @return string
 */
function button_glyph($href, $glyph, $class = '')
{
    return button($href, glyph($glyph), $class);
}

/**
 * Rendert eine Toolbar mit Knöpfen
 *
 * @param array $buttons
 * @return string
 */
function buttons($buttons = [])
{
    return '<div class="form-group">' . table_buttons($buttons) . '</div>';
}

/**
 * @param array $buttons
 * @return string
 */
function table_buttons($buttons = [])
{
    return '<div class="btn-group">' . join(' ', $buttons) . '</div>';
}

/**
 * @param string $str
 * @param int    $length
 * @return string
 */
function shorten($str, $length = 50)
{
    if (strlen($str) < $length) {
        return $str;
    }
    return '<span title="' . htmlentities($str, ENT_COMPAT, 'UTF-8') . '">'
        . substr($str, 0, $length - 3)
        . '...</span>';
}

/**
 * @param array[] $array
 * @return string
 */
function table_body($array)
{
    $html = '';
    foreach ($array as $line) {
        $html .= '<tr>';
        if (is_array($line)) {
            foreach ($line as $td) {
                $html .= '<td>' . $td . '</td>';
            }
        } else {
            $html .= '<td>' . $line . '</td>';
        }
        $html .= '</tr>';
    }
    return $html;
}

/**
 * @param string $msg
 * @return mixed
 */
function ReplaceSmilies($msg)
{
    $msg = str_replace(';o))', '<img src="pic/smiles/icon_redface.gif">', $msg);
    $msg = str_replace(':-))', '<img src="pic/smiles/icon_redface.gif">', $msg);
    $msg = str_replace(';o)', '<img src="pic/smiles/icon_wind.gif">', $msg);
    $msg = str_replace(':)', '<img src="pic/smiles/icon_smile.gif">', $msg);
    $msg = str_replace(':-)', '<img src="pic/smiles/icon_smile.gif">', $msg);
    $msg = str_replace(':(', '<img src="pic/smiles/icon_sad.gif">', $msg);
    $msg = str_replace(':-(', '<img src="pic/smiles/icon_sad.gif">', $msg);
    $msg = str_replace(':o(', '<img src="pic/smiles/icon_sad.gif">', $msg);
    $msg = str_replace(':o)', '<img src="pic/smiles/icon_lol.gif">', $msg);
    $msg = str_replace(';o(', '<img src="pic/smiles/icon_cry.gif">', $msg);
    $msg = str_replace(';(', '<img src="pic/smiles/icon_cry.gif">', $msg);
    $msg = str_replace(';-(', '<img src="pic/smiles/icon_cry.gif">', $msg);
    $msg = str_replace('8)', '<img src="pic/smiles/icon_rolleyes.gif">', $msg);
    $msg = str_replace('8o)', '<img src="pic/smiles/icon_rolleyes.gif">', $msg);
    $msg = str_replace(':P', '<img src="pic/smiles/icon_evil.gif">', $msg);
    $msg = str_replace(':-P', '<img src="pic/smiles/icon_evil.gif">', $msg);
    $msg = str_replace(':oP', '<img src="pic/smiles/icon_evil.gif">', $msg);
    $msg = str_replace(';P', '<img src="pic/smiles/icon_mad.gif">', $msg);
    $msg = str_replace(';oP', '<img src="pic/smiles/icon_mad.gif">', $msg);
    $msg = str_replace('?)', '<img src="pic/smiles/icon_question.gif">', $msg);

    return $msg;
}