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>
|
||||
Reference in New Issue
Block a user