322 lines
17 KiB
HTML
322 lines
17 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>TEMPLATE</title>
|
|
<!-- Tell the browser to be responsive to screen width -->
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
|
<!-- Bootstrap 3.3.5 -->
|
|
<link rel="stylesheet" href="../_V4/_lte/bootstrap/css/bootstrap.min.css">
|
|
<!-- Font Awesome -->
|
|
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> -->
|
|
<link rel="stylesheet" href="../_V4/fontawesome/css/font-awesome.min.css">
|
|
<!-- Ionicons -->
|
|
<!-- <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> -->
|
|
<link rel="stylesheet" href="../_V4/ionicons/css/ionicons.min.css">
|
|
<!-- Daterange picker -->
|
|
<link rel="stylesheet" href="../_V4/_lte/plugins/daterangepicker/daterangepicker-bs3.css">
|
|
<!-- Date Picker -->
|
|
<link rel="stylesheet" href="../_V4/_lte/plugins/datepicker/datepicker3.css">
|
|
<!-- iCheck -->
|
|
<link rel="stylesheet" href="../_V4/_lte/plugins/iCheck/all.css">
|
|
<!-- Bootstrap Color Picker -->
|
|
<link rel="stylesheet" href="../_V4/_lte/plugins/colorpicker/bootstrap-colorpicker.min.css">
|
|
<!-- Bootstrap time Picker -->
|
|
<link rel="stylesheet" href="../_V4/_lte/plugins/timepicker/bootstrap-timepicker.min.css">
|
|
<!-- Select2 -->
|
|
<link rel="stylesheet" href="../_V4/_lte/plugins/select2/select2.min.css">
|
|
<!-- ajax loading css style -->
|
|
<link rel="stylesheet" href="../_V4/_css/ajaxLoading.css">
|
|
<!-- image loading css style -->
|
|
<link rel="stylesheet" href="../_V4/_css/loadImg.css">
|
|
<!-- Theme style -->
|
|
<link rel="stylesheet" href="../_V4/_lte/dist/css/AdminLTE.min.css">
|
|
<!-- AdminLTE Skins. Choose a skin from the css/skins
|
|
folder instead of downloading all of them to reduce the load. -->
|
|
<link rel="stylesheet" href="../_V4/_lte/dist/css/skins/_all-skins.min.css">
|
|
<!-- Morris chart
|
|
<link rel="stylesheet" href="../_V4/_lte/plugins/morris/morris.css">-->
|
|
<!-- jvectormap -->
|
|
<link rel="stylesheet" href="../_V4/_lte/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
|
|
<!-- bootstrap wysihtml5 - text editor -->
|
|
<link rel="stylesheet" href="../_V4/_lte/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<p>campo di ricerca ajax CR</p>
|
|
<div class="col-lg-6">
|
|
<label for="txtRicerca">Cliente/Fornitore CR:</label>
|
|
<input readonly name="id_cliente" type="hidden" value="<%= CR.getId_cliente() %>" />
|
|
<div class="input-group input-group-sm">
|
|
<input name="descrizioneCliente" type="text" class="form-control input-sm ajSearchText mandatory" id="descrizioneCliente" value="<ab:inputTextFormat><%= CR.getCliente().getNominativo()%></ab:inputTextFormat>" maxlength="60" <%=Ab.jsAjSearchTextS4("/admin/anag/Cliente.abl?txtRicerca=","descrizioneCliente","listaClienti","main.id_cliente,main.descrizioneCliente",0)%> />
|
|
<span class="input-group-addon "><a href="javascript:Ab.clrField('main','id_cliente','descrizioneCliente');"><i class="fa fa-refresh fa-sm"></i> </a></span> </div> <%=Ab.divAjSearchDiv4("listaClienti")%>
|
|
|
|
<p>--------------- CAMPO DI RICERCA SU DETTAGLIO</p>
|
|
|
|
<input readonly name="id_cliente" type="hidden" value="<%= bean.getId_cliente() %>" />
|
|
<div class="input-group input-group-sm">
|
|
<input name="descrizioneCliente" type="text" class="form-control input-sm ajSearchText mandatory" id="descrizioneCliente" value="<ab:inputTextFormat><%= bean.getCliente().getNominativo()%></ab:inputTextFormat>" maxlength="60" <%=Ab.jsAjSearchText4("/admin/anag/Cliente.abl?txtRicerca=","descrizioneCliente","listaClienti","main.id_cliente,main.descrizioneCliente",0,"oggettto")%> />
|
|
<span class="input-group-addon "><a href="javascript:Ab.clrField('main','id_cliente','descrizioneCliente');"><i class="fa fa-refresh fa-sm" title="pulisci campi"></i> </a> <a href="javascript:modificaCliente();"><i class="fa fa-edit fa-sm" title="modifica cliente"></i> </a> <a href="javascript:nuovoCliente();"><i class="fa fa-file-o fa-sm" title="nuovo cliente"></i> </a></span> </div> <%=Ab.divAjSearchDiv4("listaClienti")%>
|
|
<p>--- RICERCA -----
|
|
<p>box ricerca</p>
|
|
<div class="row hidden-print">
|
|
<div class="col-lg-12">
|
|
<div class="box box-ricerca">
|
|
<div class="box-body">
|
|
<div class="row">
|
|
<div class="col-lg-4"> xxxx </div>
|
|
</div>
|
|
<div class="box-footer"> <a class="btn btn-app btn-app-sm pull-right" href="javascript:searching()"> <i class="fa fa-search" title="Cerca"></i>Cerca </a><a class="btn btn-app btn-app-sm pull-right" href="javascript:report()"> <i class="fa fa-bar-chart" title="Cerca"></i>Report </a> </div>
|
|
</div>
|
|
</div>
|
|
<p>TABELLE RESPONSIVE LISTA RICERCA: </p>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="box">
|
|
<!-- .box-header -->
|
|
<div class="box-header clearfix hidden-print">
|
|
<jsp:include page="../_V4/_inc/_inc_paginazione.jsp" flush="true" />
|
|
</div>
|
|
<!-- /.box-header -->
|
|
<div class="box-body table-responsive">
|
|
<table class="table table-bordered table-hover table-striped dataTable">
|
|
<thead>
|
|
<tr >
|
|
<th > </th>
|
|
<th >Val.</th>
|
|
<th >Op.</th>
|
|
<th >News</th>
|
|
<th > Utente </th>
|
|
<th >Login</th>
|
|
<th >Password</th>
|
|
<th >Email</th>
|
|
<th>Profilo</th>
|
|
</tr>
|
|
</thead>
|
|
<ab:whilevec rowbeanclass="com.ablia.anag.Users" vectumerator="list">
|
|
<tr>
|
|
<td class="text-center"><div class="inline text-center hidden-print"><a href="javascript:modifyCommand(<%=rowBean.getId_users()%>);"><i class="fa fa-edit" title="Modifica Record"></i></a> <a href="javascript:deleteCommandCR(<%=rowBean.getId_users()%>,'<%= rowBean.getLastUpdTmstString() %>');"><i class="fa fa-trash-o" title="Cancella Record"></i></a></div></td>
|
|
<td class="text-center"><ab:if wherecondition='<%=rowBean.getFlgValido().equals("S")%>'><i class="fa fa-check" title="Utente Valido"></i></ab:if></td>
|
|
<td class="text-center"><ab:if wherecondition='<%=rowBean.getFlgOperatore()==1%>'><i class="fa fa-check" title="Operatore"></i></ab:if></td>
|
|
<td class="text-center"><ab:if wherecondition='<%=rowBean.getFlgNews()==1%>'><i class="fa fa-check" title="Ricezione News abilitata"></i></ab:if></td>
|
|
<td ><%= rowBean.getId_users() %> - <%= rowBean.getCognome() %> <%= rowBean.getNome() %></td>
|
|
<td ><%= rowBean.getLogin() %></td>
|
|
<td ><ab:if wherecondition='<%=utenteLogon.getId_userProfile()==1 %>'><%= rowBean.getPwd() %></ab:if>
|
|
<ab:else>****</ab:else></td>
|
|
<td><a href="mailto:<%=rowBean.getEMail()%>"><%= rowBean.getEMail() %></a></td>
|
|
<td ><%= rowBean.getUserProfile().getDescrizione() %></td>
|
|
</tr>
|
|
</ab:whilevec>
|
|
</table>
|
|
</div>
|
|
<div class="box-footer clearfix">
|
|
<jsp:include page="../_V4/_inc/_inc_paginazione.jsp" flush="true" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
STRUTTURA VUOTA LISTA RICERCA
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="box">
|
|
<!-- .box-header -->
|
|
<div class="box-header clearfix hidden-print">
|
|
<jsp:include page="../_V4/_inc/_inc_paginazione.jsp" flush="true" />
|
|
</div>
|
|
<!-- /.box-header -->
|
|
<div class="box-body table-responsive">TABELLA</div>
|
|
<div class="box-footer clearfix">
|
|
<jsp:include page="../_V4/_inc/_inc_paginazione.jsp" flush="true" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p> </p>
|
|
<p>---- DETTAGLIO -----</p>
|
|
<p>box dettaglio </p>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="box box-dettaglio">
|
|
<div class="box-body">
|
|
<div class="row">
|
|
<div class="col-lg-3"> colonna di 3 </div>
|
|
<div class="col-lg-3"> colonna di 3 </div>
|
|
<div class="col-lg-3"> colonna di 3 </div>
|
|
<div class="col-lg-3"> colonna di 3 </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
TABS:<br>
|
|
e' all'interno del box-body del dettaglio
|
|
|
|
----
|
|
<div class="box-body">
|
|
------
|
|
parte di dettaglio
|
|
-------
|
|
<div class="row tabs">
|
|
<div class="col-lg-12">
|
|
<!-- Custom Tabs -->
|
|
<div class="nav-tabs-custom">
|
|
<ul class="nav nav-tabs" id="tabs">
|
|
<li class="active"><a href="#PERM" data-toggle="tab">Permessi</a></li>
|
|
<li><a href="#GRPERM" data-toggle="tab">Gruppo Permessi</a></li>
|
|
<li><a href="#LOG" data-toggle="tab">LOG</a></li>
|
|
<li><a href="#CLI" data-toggle="tab">Clienti</a></li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="PERM">
|
|
<div class="box">
|
|
<div class="box-body">
|
|
<!--- parte di dettaglio -->
|
|
<div class="row">
|
|
<div class="col-lg-5">
|
|
<label for="txtRicerca">Permesso:</label>
|
|
<input name="id_userAccess" type="hidden" id="id_userAccess">
|
|
<select class="form-control select2" style="width: 100%;" name="id_access" id="id_access" >
|
|
<ab:optionvec boundcolumn="id_access" desccolumn="descrizione" vectumerator="listaPermessi" > </ab:optionvec>
|
|
</select>
|
|
<input name="id_userAcces" type="hidden" id="id_userAcces">
|
|
</div>
|
|
<div class="col-lg-5">
|
|
<label for="txtRicerca">Lettura/Scrittura:</label>
|
|
<select class="form-control select2" style="width: 100%;" name="flgRW" >
|
|
<option value="1" ><%=com.ablia.db.DBAdapter.getAccessType(1)%></option>
|
|
<option value="2" ><%=com.ablia.db.DBAdapter.getAccessType(2)%></option>
|
|
<option value="3" ><%=com.ablia.db.DBAdapter.getAccessType(3)%></option>
|
|
<option value="4" ><%=com.ablia.db.DBAdapter.getAccessType(4)%></option>
|
|
</select>
|
|
</div>
|
|
<div class="col-lg-2"> <a class="btn btn-success btn-associative" href="javascript:addPermesso();">Aggiungi Permesso</a></div>
|
|
</div>
|
|
<!--- FINE parte di dettaglio -->
|
|
<!--- RIGA VUOTA -->
|
|
<div class="row">
|
|
<div class="col-lg-12"> </div>
|
|
</div>
|
|
<!--- FINE RIGA VUOTA -->
|
|
<!--- parte di LISTA -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered table-hover table-striped dataTable">
|
|
<ab:if wherecondition='<%=utenteLogon.getId_userProfile()==1%>'> </ab:if>
|
|
<thead>
|
|
<tr >
|
|
<th align="left" width="5%"> </th>
|
|
<th align="left" width="75%">Descrizione</th>
|
|
<th width="20%">R/M/W/D</th>
|
|
</tr>
|
|
</thead>
|
|
<ab:whilevec rowbeanclass="com.ablia.common.UserAccess" vectumerator="listaUserAccess">
|
|
<tr >
|
|
<td align="left" width="5%"><a href="javascript:delPermesso('<%=rowBean.getId_userAccess()%>');"><i class="fa fa-trash-o" title="Cancella Record"></i></a></td>
|
|
<td align="left" width="75%"><%= rowBean.getAccess().getDescrizione() %></td>
|
|
<td width="20%"><%= rowBean.getRW() %></td>
|
|
</tr>
|
|
</ab:whilevec>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--- FINE PARTE DI LISTA -->
|
|
</div>
|
|
<!--- FINE BOX BODY -->
|
|
</div>
|
|
<!--- FINEBOX -->
|
|
</div>
|
|
<!--- FINE TAB PANE -->
|
|
<div class="tab-pane active" id="GRPERM"> GRPERM </div>
|
|
<div class="tab-pane active" id="LOG"> LOG </div>
|
|
<div class="tab-pane active" id="CLI"> CLI </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p> </p>
|
|
<p>bottone per associative<br>
|
|
<a class="btn btn-success btn-default btn-associative" href="javascript:addPermesso();">Aggiungi Permesso</a> <br>
|
|
</p>
|
|
<p>tasti modifica cancella sulle liste</p>
|
|
<div class="inline text-center hidden-print"><a href="javascript:modifyCommand('<%=rowBean.getId_access()%>');"><i class="fa fa-edit" title="Modifica Record"></i></a> <a href="javascript:deleteCommandCR('<%=rowBean.getId_access()%>','<%= rowBean.getLastUpdTmstString() %>');"><i class="fa fa-trash-o" title="Cancella Record"></i></a></div>
|
|
<BR>
|
|
-----
|
|
</p>
|
|
CLASSI PER SELECT<BR>
|
|
class="form-control select2"
|
|
|
|
<!-- jQuery 2.1.4 -->
|
|
<script src="../_V4/_lte/plugins/jQuery/jQuery-2.1.4.min.js"></script>
|
|
<!-- jQuery UI 1.11.4 -->
|
|
<script src="../_V4/_lib/jquery-ui/jquery-ui.min.js"></script>
|
|
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
|
|
<script>
|
|
$.widget.bridge('uibutton', $.ui.button);
|
|
</script>
|
|
|
|
<!-- Bootstrap 3.3.5 -->
|
|
<script src="../_V4/_lte/bootstrap/js/bootstrap.min.js"></script>
|
|
<!-- Morris.js charts
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
|
|
<script src="../_V4/_lte/plugins/morris/morris.min.js"></script> -->
|
|
<!-- Select2 -->
|
|
<script src="../_V4/_lte/plugins/select2/select2.full.min.js"></script>
|
|
<!-- InputMask -->
|
|
<script src="../_V4/_lte/plugins/input-mask/jquery.inputmask.js"></script>
|
|
<script src="../_V4/_lte/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
|
|
<script src="../_V4/_lte/plugins/input-mask/jquery.inputmask.extensions.js"></script>
|
|
<!-- daterangepicker -->
|
|
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script> -->
|
|
<script src="../_V4/_js/moment-with-locales.js"></script>
|
|
<script src="../_V4/_lte/plugins/daterangepicker/daterangepicker.js"></script>
|
|
<!-- datepicker -->
|
|
<script src="../_V4/_lte/plugins/datepicker/bootstrap-datepicker.js"></script>
|
|
<!-- bootstrap color picker -->
|
|
<script src="../_V4/_lte/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
|
|
<!-- bootstrap time picker -->
|
|
<script src="../_V4/_lte/plugins/timepicker/bootstrap-timepicker.min.js"></script>
|
|
<!-- SlimScroll 1.3.0 -->
|
|
<script src="../_V4/_lte/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
<!-- iCheck 1.0.1 -->
|
|
<script src="../_V4/_lte/plugins/iCheck/icheck.min.js"></script>
|
|
<!-- FastClick -->
|
|
<script src="../_V4/_lte/plugins/fastclick/fastclick.min.js"></script>
|
|
<!-- Sparkline -->
|
|
<script src="../_V4/_lte/plugins/sparkline/jquery.sparkline.min.js"></script>
|
|
<!-- jvectormap -->
|
|
<script src="../_V4/_lte/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
|
|
<script src="../_V4/_lte/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
|
|
<!-- jQuery Knob Chart -->
|
|
<script src="../_V4/_lte/plugins/knob/jquery.knob.js"></script>
|
|
<!-- Bootstrap WYSIHTML5 -->
|
|
<script src="../_V4/_lte/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
|
|
<!-- AdminLTE App -->
|
|
<script src="../_V4/_lte/dist/js/app.min.js"></script>
|
|
<!-- AdminLTE dashboard demo (This is only for demo purposes)
|
|
<script src="../_V4/_lte/dist/js/pages/dashboard.js"></script> -->
|
|
<!-- AdminLTE for demo purposes
|
|
<script src="../_V4/_lte/dist/js/demo.js"></script> -->
|
|
<!-- iCheck -->
|
|
<script src="../_V4/_lte/plugins/iCheck/icheck.min.js"></script>
|
|
<script src="../_V4/_lib/jquery.toaster-master/jquery.toaster.js"></script>
|
|
<link href="../_V4/_lib/CodeSeven-toastr/build/toastr.css" rel="stylesheet" type="text/css" />
|
|
<script src="../_V4/_lib/CodeSeven-toastr/build/toastr.min.js"></script>
|
|
<!--Ablia-->
|
|
<link rel="stylesheet" href="../_V4/_lte/_css/abliaLte.css">
|
|
<p>
|
|
<script src="../_V4/_js/_ablia.js"></script>
|
|
<script src="../_V4/_js/ajaxFunc.js"></script>
|
|
<script src="../_V4/_js/ajaxTextBoxSearch.js"></script>
|
|
<script src="../_V4/_js/ab-addImg.js"></script>
|
|
<script src="../_V4/_js/logon.js"></script>
|
|
<script src="../_V4/_js/_bean.js"></script>
|
|
</p>
|
|
<p>--------- numero : se voglio il submit aggiungo <%=Ab.jsCrS()%></p>
|
|
<input name="valorePraticaM" <%=Ab.jsCrS("fatturaPratica("+bean.getId_pratica()+")")%> type="text" class="form-control input-sm numberinput" id="valorePraticaM" size="10" maxlength="10" value="<%= nf.format(bean.getValorePratica()) %>" />
|
|
<p>--------- DATA</p>
|
|
<input type="text" class="form-control input-sm datemask" id="dataArchiviazioneA" name="dataArchiviazioneA" maxlength="10" value="<%= df.format(CR.getDataArchiviazioneA()) %>" >
|
|
<p> </p>
|
|
</body>
|
|
</html>
|