Add a new "LabeledValue" component

Provides a standard way to show some kind of a value
with a label attached to it, usually in a list of such
values. This is very common throughout RT and this centralizes
the markup in one place, also reducing duplicated
HTML nearly everywhere.

1 files changed, 97 insertions, 0 deletions

diff --git a/share/html/Elements/LabeledValue b/share/html/Elements/LabeledValue
new file mode 100644
index 0000000000..f711e6e6c6
--- /dev/null
+++ b/share/html/Elements/LabeledValue
@@ -0,0 +1,97 @@
+%# BEGIN BPS TAGGED BLOCK {{{
+%#
+%# COPYRIGHT:
+%#
+%# This software is Copyright (c) 1996-2022 Best Practical Solutions, LLC
+%#                                          <sales@bestpractical.com>
+%#
+%# (Except where explicitly superseded by other copyright notices)
+%#
+%#
+%# LICENSE:
+%#
+%# This work is made available to you under the terms of Version 2 of
+%# the GNU General Public License. A copy of that license should have
+%# been provided with this software, but in any event can be snarfed
+%# from www.gnu.org.
+%#
+%# This work is distributed in the hope that it will be useful, but
+%# WITHOUT ANY WARRANTY; without even the implied warranty of
+%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+%# General Public License for more details.
+%#
+%# You should have received a copy of the GNU General Public License
+%# along with this program; if not, write to the Free Software
+%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
+%# 02110-1301 or visit their web page on the internet at
+%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html.
+%#
+%#
+%# CONTRIBUTION SUBMISSION POLICY:
+%#
+%# (The following paragraph is not intended to limit the rights granted
+%# to you to modify and distribute this software under the terms of
+%# the GNU General Public License and is only of importance to you if
+%# you choose to contribute your changes and enhancements to the
+%# community by submitting them to Best Practical Solutions, LLC.)
+%#
+%# By intentionally submitting any modifications, corrections or
+%# derivatives to this work, or any other work intended for use with
+%# Request Tracker, to Best Practical Solutions, LLC, you confirm that
+%# you are the copyright holder for those contributions and you grant
+%# Best Practical Solutions,  LLC a nonexclusive, worldwide, irrevocable,
+%# royalty-free, perpetual, license to use, copy, create derivative
+%# works based on those contributions, and sublicense and distribute
+%# those contributions and any derivatives thereof.
+%#
+%# END BPS TAGGED BLOCK }}}
+<%args>
+$Class => undef
+$Label => undef
+$Value => undef
+$ValueSpanClass => undef
+$LabelSpanClass => undef
+$RawLabel => undef
+$RawValue => undef
+$LabelTooltip => undef
+</%args>
+<%init>
+if ( !defined($Value) && !defined($RawValue) && $m->content) {
+    $RawValue = $m->content;
+}
+
+</%init>
+<div class="<% $Class %> form-row">
+    <div class="label col-3">\
+<%perl>
+    if ($LabelSpanClass) {
+        $m->out('<span class="'.$m->interp->apply_escapes($LabelSpanClass,"h").'">');
+    }
+    if ($RawLabel) {
+        $m->out($RawLabel);
+    } elsif ($Label) {
+        $m->out($m->interp->apply_escapes($Label,"h"));
+        $m->out(":");
+    }
+    if ($LabelSpanClass) {
+        $m->out('</span>');
+    }
+    if ($LabelTooltip) {
+        $m->out('<span class="far fa-question-circle icon-helper" data-toggle="tooltip" data-placement="top" data-original-title="'. $m->interp->apply_escapes($LabelTooltip, "h").'"></span>');
+    }
+    $m->out('</div>');
+    $m->out('<div class="value col-9">');
+     if ($ValueSpanClass) {
+        $m->out('<span class="'.$m->interp->apply_escapes($ValueSpanClass,"h").'">');
+    }
+    if ($RawValue) {
+        $m->out($RawValue);
+    } else {
+        $m->out($m->interp->apply_escapes($Value,"h"));
+    }
+    if ($ValueSpanClass) {
+        $m->out('</span>');
+    }
+</%perl>
+    </div>
+</div>