Add in chameleon templates for AdminLTE mojo templates
This commit is contained in:
298
Templates/AdminLTE_html_controls.html.ep.xml
Normal file
298
Templates/AdminLTE_html_controls.html.ep.xml
Normal file
@@ -0,0 +1,298 @@
|
|||||||
|
<root>
|
||||||
|
<!-- Todo - add password visibility to password type - DONE
|
||||||
|
This is a version for the AdminLTE theme.
|
||||||
|
-->
|
||||||
|
|
||||||
|
<Select><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${prefix}_${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% my @${Name}_options = ${structure:OptionsInPerl};
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%= select_field '${Name}' => @${Name}_options, class => 'input', id => '${Name}_select'
|
||||||
|
</div>
|
||||||
|
</div><br>]]></Select>
|
||||||
|
|
||||||
|
<MultiSelect><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${prefix}_${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% my @${Name}_options = ${structure:OptionsInPerl};
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%= select_field '${Name}' => @${Name}_options, class => 'input', id => '${Name}_select', multiple => 'multiple'
|
||||||
|
</div>
|
||||||
|
</div><br>]]></MultiSelect>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<Textarea><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${prefix}_${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%= text_area '${Name}', cols=>${cols | 40}, rows=>${rows | 10}, Readonly=>'${Readonly | false}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]></Textarea>
|
||||||
|
|
||||||
|
<Date><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${prefix}_${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
%=date_field '${Name}' =>$$${Name}, pattern=>${regexp | .*}, title =>'Pattern regex mismatch'
|
||||||
|
</div>
|
||||||
|
</div><br>]]></Date>
|
||||||
|
|
||||||
|
<Time><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${prefix}_${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
%=time_field '${Name}' =>$$${Name}, pattern=>${regexp | .*}, title =>'Pattern regex mismatch'
|
||||||
|
</div>
|
||||||
|
</div><br>]]></Time>
|
||||||
|
|
||||||
|
|
||||||
|
<Text><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${prefix}_${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%= text_field '${Name}', size => '${size | 50}', class => 'textinput ${Name}' , pattern=>'${regexp | ".*"}' , placeholder=>'${placeholder | Name}', title =>'Pattern regex mismatch', id => '${Name}_text'
|
||||||
|
</div>
|
||||||
|
</div><br>]]></Text>
|
||||||
|
|
||||||
|
<ReadonlyText><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${prefix}_${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%= text_field '${Name}', size => '${size | 50}', class => 'textinput ${Name}' , pattern=>'${regexp | ".*"}' , placeholder=>'${placeholder | Name}', Readonly=>'true' , title =>'Pattern regex mismatch'
|
||||||
|
</div>
|
||||||
|
</div><br>]]></ReadonlyText>
|
||||||
|
|
||||||
|
<SubHeader><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<h2 class='subh${type_serial}'><%=l('${Value}')%></h2></div><br>]]>
|
||||||
|
</SubHeader>
|
||||||
|
|
||||||
|
<Header><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<h1 class='head${type_serial}'><%=l('${Value}')%></h1></div><br>]]>
|
||||||
|
</Header>
|
||||||
|
|
||||||
|
<Paragraph><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<p class='paragraph para${type_serial}'>
|
||||||
|
%=l('${Value}')
|
||||||
|
|
||||||
|
</div><br>]]></Paragraph>
|
||||||
|
|
||||||
|
<Submit><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-auto">
|
||||||
|
%= submit_button l('${Value}'), class => 'action subm${type_serial}'
|
||||||
|
</div></div><br>]]>
|
||||||
|
</Submit>
|
||||||
|
|
||||||
|
<Search><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${prefix}_${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
%=Search field
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=search_field '${Name}' , class => 'searc${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Search>
|
||||||
|
|
||||||
|
<Url><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=URL_field '${Name}' , class => 'url${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Url>
|
||||||
|
|
||||||
|
<Tel><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=tel_field '${Name}', class => 'tel${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Tel>
|
||||||
|
|
||||||
|
<Email><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=email_field '${Name}', class => 'emai${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Email>
|
||||||
|
|
||||||
|
<Password><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=password_field '${Name}', class => 'pass${type_serial} sme-password', autocomplete => 'off'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Password>
|
||||||
|
|
||||||
|
<Timedate><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=timedate_field '${Name}', class => 'time${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Timedate>
|
||||||
|
|
||||||
|
<Week><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=week_field '${Name}', class => 'week${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Week>
|
||||||
|
|
||||||
|
<Month><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=month_field '${Name}', class => 'mont${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Month>
|
||||||
|
|
||||||
|
<Range><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=range_field '${Name}', class => 'rang${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Range>
|
||||||
|
|
||||||
|
<Radio><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=radio_field '${Name}', class => 'radi${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Radio>
|
||||||
|
|
||||||
|
<Number><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=number_field '${Name}', class => 'numb${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Number>
|
||||||
|
|
||||||
|
<File><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=file_field '${Name}', class => 'file${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</File>
|
||||||
|
|
||||||
|
<Color><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=color_field '${Name}', class => 'colo${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Color>
|
||||||
|
|
||||||
|
<Checkbox><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-md-1">
|
||||||
|
%=l('${Label}')
|
||||||
|
</div><div class="col-auto">
|
||||||
|
% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
|
||||||
|
%=checkbox_field '${Name}', class => 'chec${type_serial}'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Checkbox>
|
||||||
|
|
||||||
|
<Table><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<br /><table class="sme-border TableSort sme-table ${classname} ">
|
||||||
|
<thead class='${classname}'>
|
||||||
|
<tr table-head-row><tal:block tal:repeat="ColHead TopHeadings">
|
||||||
|
<th class='sme-border table-head-col table-head-col-${ColHead} '><%=l('${ColHead}')%></th></tal:block>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody class='${classname}'>
|
||||||
|
% my $control_data = $c->stash('${TableControl}');
|
||||||
|
% foreach my $row (@$control_data) {
|
||||||
|
<tr class='table-row'><tal:block tal:repeat="ColContent Columns">
|
||||||
|
<td class='sme-border table-col table-col-${ColContent}'><%=$c->render_to_string(inline=>$row->{'${ColContent}'})%></td></tal:block>
|
||||||
|
</tr>
|
||||||
|
%}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div><br>]]>
|
||||||
|
</Table>
|
||||||
|
|
||||||
|
<Preformatted><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<pre class='preformatted pref${type_serial}'>
|
||||||
|
${Value}
|
||||||
|
</pre>
|
||||||
|
</div><br>]]>
|
||||||
|
</Preformatted>
|
||||||
|
|
||||||
|
<Link><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<a href='${structure:href}' class='link link${type_serial}'>
|
||||||
|
%= l('${title}')
|
||||||
|
</a>
|
||||||
|
%#= link_to l('${title}'), '${structure:href}' , class=>'link link${type_serial}'
|
||||||
|
</div><br>]]>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<ButtonLink><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<button type='button' href='${structure:href}' class='buttonlink buttonlink${type_serial}'>
|
||||||
|
%= l('${title}')
|
||||||
|
</button>
|
||||||
|
%#= button_to l('${title}'), '${structure:href}' , class=>'buttonlink buttonlink${type_serial}'
|
||||||
|
</div><br>]]>
|
||||||
|
</ButtonLink>
|
||||||
|
|
||||||
|
<Back><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div class="col-auto">
|
||||||
|
%= submit_button l('${Value}'), class => 'action back', onclick =>'history.back()'
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Back>
|
||||||
|
|
||||||
|
<Group><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<div ${Value}>
|
||||||
|
</div><br>]]>
|
||||||
|
</Group>
|
||||||
|
|
||||||
|
<Endgroup><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
</div>
|
||||||
|
</div><br>]]>
|
||||||
|
</Endgroup>
|
||||||
|
|
||||||
|
<object><![CDATA[<div class="row g-3 align-items-center">
|
||||||
|
<object data="<%='${url}' %>" title="<%= $c->stash('title') %>" type="text/html" ><%= $c->stash('title') %> not found</object>, id => '${Name}_object
|
||||||
|
</div><br>]]>
|
||||||
|
</object>
|
||||||
|
|
||||||
|
|
||||||
|
</root>
|
||||||
53
Templates/AdminLTE_layout.html.ep.tem
Normal file
53
Templates/AdminLTE_layout.html.ep.tem
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
%#
|
||||||
|
%# Generated by ${version}
|
||||||
|
%#
|
||||||
|
%# AdminLTE specific layout
|
||||||
|
%#
|
||||||
|
% layout 'default', title => "Sme server 2 - ${MenuDescription}", share_dir => './';
|
||||||
|
%# css specific to this panel:
|
||||||
|
% content_for 'module' => begin
|
||||||
|
%= stylesheet '/css/${lcPackageName}.css'
|
||||||
|
%= javascript '/js/${lcPackageName}.js'
|
||||||
|
<div id="module" class="card-body module ${PackageName}-panel">
|
||||||
|
|
||||||
|
% if (config->{debug} == 1) {
|
||||||
|
<pre>
|
||||||
|
%= dumper $c->current_route
|
||||||
|
%= dumper $$${prefix}_data->{trt}
|
||||||
|
</pre>
|
||||||
|
% }
|
||||||
|
|
||||||
|
<h1><%=$title%></h1>
|
||||||
|
|
||||||
|
% if ( stash('modul')) {
|
||||||
|
%= $c->render_to_string(inline => stash('modul') );
|
||||||
|
% }
|
||||||
|
|
||||||
|
%if ($c->stash('first')) {
|
||||||
|
<br><div>
|
||||||
|
%=$c->render_to_string(inline =>$c->l($c->stash('first')))
|
||||||
|
</div>
|
||||||
|
|
||||||
|
%} elsif ($c->stash('success')) {
|
||||||
|
<div class='text-success'>
|
||||||
|
%= $c->l($c->stash('success'));
|
||||||
|
</div>
|
||||||
|
|
||||||
|
%} elsif ($c->stash('error')) {
|
||||||
|
<div class='text-danger'>
|
||||||
|
%= $c->l($c->stash('error'));
|
||||||
|
</div>
|
||||||
|
%}
|
||||||
|
|
||||||
|
%#Routing to partials according to trt parameter.
|
||||||
|
%#This ought to be cascading if/then/elsif, but is easier to just stack the if/then's rather like a case statement'
|
||||||
|
<tal:block tal:repeat="condition conditions">
|
||||||
|
<br>
|
||||||
|
% if ($$${prefix}_data->{trt} eq "${condition}") {
|
||||||
|
%= include 'partials/_${prefix}_${condition}'
|
||||||
|
%}
|
||||||
|
</tal:block>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
%end
|
||||||
29
Templates/AdminLTE_partial.html.ep.tem
Normal file
29
Templates/AdminLTE_partial.html.ep.tem
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
%#
|
||||||
|
%# Generated by ${version}
|
||||||
|
%#
|
||||||
|
%# Specific for AdminLTE theme
|
||||||
|
%#
|
||||||
|
<div id="${PackageName}-${route}" class="partial ${PackageName}-${route}">
|
||||||
|
%# <script>
|
||||||
|
%# window.onload = function() {
|
||||||
|
%# SelectInput();
|
||||||
|
%# };
|
||||||
|
%# </script>
|
||||||
|
% if (config->{debug} == 1) {
|
||||||
|
<pre>
|
||||||
|
%= dumper $$${prefix}_data
|
||||||
|
</pre>
|
||||||
|
% }
|
||||||
|
% my $btn = l('SAVE');
|
||||||
|
% $c->param(Selected => undef); #This may need deleting for a params panel - only needed for a table
|
||||||
|
|
||||||
|
%= form_for "${lcPackageName}u" => (method => 'POST') => begin
|
||||||
|
% param 'trt' => $$${prefix}_data->{trt} unless param 'trt';
|
||||||
|
%= hidden_field 'trt' => $$${prefix}_data->{trt}
|
||||||
|
%# Inputs etc in here.
|
||||||
|
%# ....
|
||||||
|
%# Probably finally by a submit.
|
||||||
|
%= submit_button $btn, class => 'action'
|
||||||
|
%end
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
Reference in New Issue
Block a user