Commit 684cab99 authored by soule's avatar soule

template bootstrap

parent 3a5f2109
/**
*
*/
package com.finditech.template.bootstrap.vm;
/**
* @author soule
*
*/
public class TwoSidePage {
String leftSideTemplate = "leftContent", rightSideTemplate = "rightContent";
public String getLeftSideTemplate() {
return leftSideTemplate;
}
public String getRightSideTemplate() {
return rightSideTemplate;
}
}
<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk xmlns:n="native" xmlns:c="client">
<div class="box box box-primary box-solid">
<div class="box-header with-border">
<n:h3 class="box-title">FORM HEADER</n:h3>
</div>
<n:form class="form-horizontal">
<div class="box-body">
<div class="form-group">
<n:label for="input1"
class="col-sm-2 control-label">
Input 01
</n:label>
<div class="col-sm-10">
<textbox class="form-control"
id="input1" value="" />
</div>
</div>
<div class="form-group">
<n:label for="input02"
class="col-sm-2 control-label">
input 02
</n:label>
<div class="col-sm-10">
<combobox value="INPUT 02 ...."
class="selectpicker selectpicker show-tick form-control">
<comboitem></comboitem>
<template name="model">
<comboitem label="@load(each.code)" value="@load(each.code)" />
</template>
</combobox>
</div>
</div>
<div class="form-group">
<n:label for="input03"
class="col-sm-2 control-label">
input 03
</n:label>
<div class="col-sm-10">
<textbox type="email" class="form-control"
id="input03" />
</div>
</div>
<div class="box-footer">
<button class="btn btn-default">
Annuler
</button>
<button class="btn btn-info pull-right">
Valider
</button>
</div>
</n:form>
</zk>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<zk xmlns:n="native" xmlns:c="client">
<div>
<n:section class="content">
<div class="row">
<div class="col-md-3">
<!-- Generalite Box -->
<div class="box box-solid box-primary">
<div class="box-header with-border">
<n:h3 class="box-title">box 01</n:h3>
<div class="pull-right box-tools">
<n:button type="button"
class="btn btn-primary btn-sm pull-right"
data-widget="collapse" data-toggle="tooltip" title="Collapse"
style="margin-right: 5px;">
<n:i class="fa fa-minus"></n:i>
</n:button>
<apply</div>
</div>
<div class="box-body">
<apply template="viewGeneralite" />
</div>
</div>
<!-- webUser Box -->
<div class="box box-solid box-primary">
<div class="box-header with-border">
<n:h3 class="box-title">box2</n:h3>
<div class="pull-right box-tools">
<n:button type="button"
class="btn btn-primary btn-sm pull-right"
data-widget="collapse" data-toggle="tooltip" title="Collapse"
style="margin-right: 5px;">
<n:i class="fa fa-minus"></n:i>
</n:button>
<n:button type="button"
class="btn btn-primary btn-sm daterange pull-right"
data-toggle="tooltip" title="Date range">
<n:i class="fa fa-edit"></n:i>
</n:button>
</div>
</div>
<div class="box-body">
<apply template="viewUWeb" />
</div>
</div>
<!-- Affectation Box -->
<div class="box box-solid box-primary">
<div class="box-header with-border">
<n:h3 class="box-title">Affectation</n:h3>
<div class="pull-right box-tools">
<n:button type="button"
class="btn btn-primary btn-sm pull-right"
data-widget="collapse" data-toggle="tooltip" title="Collapse"
style="margin-right: 5px;">
<n:i class="fa fa-minus"></n:i>
</n:button>
<n:button type="button"
class="btn btn-primary btn-sm daterange pull-right"
data-toggle="tooltip" title="Date range">
<n:i class="fa fa-edit"></n:i>
</n:button>
</div>
</div>
<div class="box-body">
<apply template="viewAffectationlist" />
</div>
</div>
</div>
<div class="col-md-9">
<!-- /.Filter -->
<div class="box box-primary">
<div class="box-header with-border">
<n:h3 class="box-title">Filtre</n:h3>
<apply template="filterTemp" />
</div>
</div>
<!-- END filter -->
<div class="box box box-solid box-primary">
<div class="box-header with-border">
<n:h3 class="box-title">liste</n:h3>
<div class="pull-right box-tools">
<n:button type="button"
class="btn btn-primary btn-sm pull-right"
data-widget="collapse" data-toggle="tooltip" title="Collapse"
style="margin-right: 5px;">
<n:i class="fa fa-minus"></n:i>
</n:button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<apply template="listTemp" />
</div>
<div class="box-footer no-border">
<paging mold="os"
style="border: 1px solid #ddd" />
</div>
</div>
</div>
</div>
</n:section>
</div>
<!-- TEMPLATES DES LISTES -->
<template name="viewGeneralite">
<n:ul class="list-group list-group-unbordered">
<n:li class="list-group-item">
<n:b>nom</n:b>
<a class="pull-right">
<label value="" />
</a>
</n:li>
<n:li class="list-group-item">
<n:b>prenon</n:b>
<a class="pull-right">
<label value="" />
</a>
</n:li>
<n:li class="list-group-item">
<n:b>Telephone</n:b>
<a class="pull-right">
<label value="" />
</a>
</n:li>
<n:li class="list-group-item">
<n:b>cellulaire</n:b>
<a class="pull-right">
<label value="" />
</a>
</n:li>
<n:li class="list-group-item">
<n:b>adresse</n:b>
<a class="pull-right">
<label value="" />
</a>
</n:li>
<n:li class="list-group-item">
<n:b>email</n:b>
<a class="pull-right">
<label value="" />
</a>
</n:li>
</n:ul>
</template>
<template name="listTemp">
<toolbar>
<toolbarbutton label="nouveau"></toolbarbutton>
<toolbarbutton label="modifier"></toolbarbutton>
<toolbarbutton label="supprimer"></toolbarbutton>
</toolbar>
<grid style="border: 1px solid #ddd">
<columns>
<column hflex="min" label="col 01"></column>
<column label="col 02"></column>
<column hflex="min" label="col 03"></column>
<column hflex="min" label="col 04"></column>
<column hflex="min" label="col 05"></column>
<column hflex="min" label="col 06"></column>
<column hflex="1" label="col 07"></column>
<column hflex="min" label="col 08"></column>
</columns>
</grid>
.
</template>
<template name="filterTemp">
<groupbox>
<hbox spacing="20px">
<vlayout>
list Filter
<listbox mold="select">
<template name="model">
<listitem>
<listcell label="" />
</listitem>
</template>
</listbox>
</vlayout>
<vlayout>
text box filter
<hlayout>
<textbox value=""></textbox>
<button iconSclass="z-icon-circle-o"
sclass="btn btn-primary btn-sm">
</button>
</hlayout>
</vlayout>
<vlayout vflex="1">
text box 2 filter
<textbox id="txtUserId"
value="@bind(vm.loginFilter)">
</textbox>
</vlayout>
<vlayout vflex="1">
textbox filter
<textbox id="txtReference"></textbox>
</vlayout>
<hlayout vflex="1" valign="baseline">
<button sclass="btn btn-primary"
iconSclass="z-icon-search">
</button>
</hlayout>
</hbox>
</groupbox>
</template>
</zk>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<zk xmlns:n="native" xmlns:c="client">
<div
viewModel="@id('vm') @init('com.finditech.template.bootstrap.vm.TwoSidePage')">
<n:section class="content">
<div class="row">
<div class="col-md-3">
<div class="box box-primary box-solid">
<div class="box-header with-border">
<n:h3 class="box-title">
<label
value="LEFT SIDE" />
</n:h3>
</div>
<div class="box-body">
<apply template="@load(vm.leftSideTemplate)" />
</div>
</div>
</div>
<div class="col-md-9">
<div class="box box-primary box-solid">
<div class="box-header with-border">
<n:h3 class="box-title">
<label
value="LEFT SIDE" />
</n:h3>
</div>
<div class="box-body">
<apply template="@load(vm.rightSideTemplate)" />
</div>
</div>
</div>
</div>
</n:section>
</div>
<template name="leftContent">
</template>
<template name="rightContent">
</template>
</zk>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment