import{b as x}from"./Utilities-DayKp0i-.js";function h(){return`<form class="row panel panel-default filter-accordion widget" action="#" name="filterForm">
	<button type="button" class="search-title row panel-heading" data-toggle="collapse" data-target="#filter-accordion-panel-1" aria-expanded="true"> FILTRA PER 
		<span class="fa fa-chevron-up"></span>
	</button>
	<div id="filter-accordion-panel-1" class="row collapse in panel-body body-form-grey" role="region" aria-expanded="true">
		<div class="row">
			<div class="form-group col-xs-7 noPaddingLeft">
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 noPadding">
					<label class="control-label" for="input-filtro-base-1">Inserire descrizione input</label>
					<input type="text" class="form-control" id="input-filtro-base-1" placeholder="placeholder">
					</div>
				</div>
				<div class="col-xs-12 marginTop">
					<button type="reset" class="btn btn-link">Annulla</button>
					<button type="submit" class="btn btn-primary pull-right">Filtra</button>
				</div>
			</div>
		</div>
	</form>`}function F(){return`<form class="row panel panel-default filter-accordion widget" action="#" name="filterForm" id="filtro-complesso-1">
	<button type="button" class="search-title row panel-heading" data-toggle="collapse" data-target="#filter-accordion-panel-2" aria-expanded="true"> FILTRA PER 
		<span class="fa fa-chevron-up"></span>
	</button>
	<div id="filter-accordion-panel-2" class="row collapse in panel-body body-form-grey" role="region">
		<div class="row">
			<div class="form-group col-xs-12 col-lg-4 noPadding">
				<div class="input-relative">
					<label for="select-accordion-13" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-11 noPaddingLeft"> Select 1 
						<select class="form-control" id="select-accordion-13">
							<option value="">Scegli una opzione</option>
							<option value="">Opzione 1</option>
							<option value="">Opzione 2</option>
							<option value="">Opzione 3</option>
						</select>
					</label>
				</div>
			</div>
			<div class="form-inline date-range col-xs-12 col-lg-8 noPaddingLeft">
				<p>Periodo</p>
				<div class="date datePicker">
					<div class="form-group">
						<div class="input-relative">
							<label class="control-label" for="form-data-5">Dal</label>
							<input id="form-data-5" class="form-control" title="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text">
								<em class="fa fa-calendar" title="Calendario"></em>
							</div>
						</div>
						<div class="form-group">
							<div class="input-relative">
								<label class="control-label" for="form-data-6">al</label>
								<input id="form-data-6" class="form-control" title="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text">
									<em class="fa fa-calendar" title="Calendario"></em>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-12 marginTop">
						<button type="reset" class="btn btn-link">Annulla</button>
						<button type="submit" class="btn btn-primary pull-right">Filtra</button>
					</div>
				</div>
			</div>
		</form>`}function A(){return`<form class="row panel panel-default filter-accordion widget" action="#" name="filterForm" id="filtro-complesso-2">
	<button type="button" class="search-title row panel-heading" data-toggle="collapse" data-target="#filter-accordion-panel-3" aria-expanded="true"> FILTRA PER 
		<span class="fa fa-chevron-up"></span>
	</button>
	<div id="filter-accordion-panel-3" class="row collapse in panel-body body-form-grey" role="region">
		<div class="row">
			<div class="row">
				<div class="form-group col-xs-12 col-lg-4 noPadding">
					<div class="input-relative">
						<label for="select-accordion-13a" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-11 noPaddingLeft"> Select 1 
							<select class="form-control" id="select-accordion-13a">
								<option value="">Scegli una opzione</option>
								<option value="">Opzione 1</option>
								<option value="">Opzione 2</option>
								<option value="">Opzione 3</option>
							</select>
						</label>
					</div>
				</div>
				<div class="form-inline date-range col-xs-12 col-lg-8 noPaddingLeft">
					<p>Periodo</p>
					<div class="date datePicker">
						<div class="form-group">
							<div class="input-relative">
								<label class="control-label" for="form-data-5a">Dal</label>
								<input id="form-data-5a" class="form-control" title="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text">
									<em class="fa fa-calendar" title="Calendario"></em>
								</div>
							</div>
							<div class="form-group">
								<div class="input-relative">
									<label class="control-label" for="form-data-6a">al</label>
									<input id="form-data-6a" class="form-control" title="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text">
										<em class="fa fa-calendar" title="Calendario"></em>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="form-group col-xs-12 col-lg-4 noPadding">
							<div class="input-relative">
								<label for="select-accordion-13b" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-11 noPaddingLeft"> Select 2 
									<select class="form-control" id="select-accordion-13b">
										<option value="">Scegli una opzione</option>
										<option value="">Opzione 1</option>
										<option value="">Opzione 2</option>
										<option value="">Opzione 3</option>
									</select>
								</label>
							</div>
						</div>
					</div>
					<div class="col-xs-12 marginTop row">
						<button type="reset" class="btn btn-link">Annulla</button>
						<button type="submit" class="btn btn-primary pull-right">Filtra</button>
					</div>
				</div>
			</div>
		</form>`}function y(){return` 
<form class="row panel panel-default filter-accordion widget" action="#" name="filterForm" id="filtro-complesso-7">
	<button type="button" class="search-title row panel-heading" data-toggle="collapse" data-target="#filter-accordion-panel-7" aria-expanded="true"> FILTRA PER 
		<span class="fa fa-chevron-up"></span>
	</button>
	<div id="filter-accordion-panel-7" class="row collapse in panel-body body-form-grey" role="region">
		<div class="row">
			<div class="form-group col-xs-8 col-sm-12 col-md-12 col-lg-6 noPadding">
				<div class="input-relative">
					<label for="select-accordion-13c" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-11 noPaddingLeft"> Select 
						<select class="form-control" id="select-accordion-13c">
							<option value="">Scegli una opzione</option>
							<option value="">Opzione 1</option>
							<option value="">Opzione 2</option>
							<option value="">Opzione 3</option>
						</select>
					</label>
				</div>
			</div>
			<div class="form-group col-xs-12 col-sm-8 col-md-6 col-lg-6 noPaddingLeft">
				<p>Checkboxes:</p>
				<div class="checkbox">
					<label class="checkbox-inline" for="filter-accordion-checkbox-1">
						<input id="filter-accordion-checkbox-1" type="checkbox" value="" title="checkbox">Checkbox 1 
						</label>
						<label class="checkbox-inline" for="filter-accordion-checkbox-2">
							<input id="filter-accordion-checkbox-2" type="checkbox" value="" title="checkbox">Checkbox 2 
							</label>
						</div>
					</div>
					<div class="col-xs-12 marginTop">
						<button type="reset" class="btn btn-link">Annulla</button>
						<button type="submit" class="btn btn-primary pull-right">Filtra</button>
					</div>
				</div>
			</div>
		</form>`}const w="N.D.",z={title:"Components/Griglie e strutture/Esempi strutture Filtri",tags:["autodocs"],parameters:{docs:{description:{component:"I box presenti nella dashboard possono essere utilizzati come widget per l'accesso rapido a: news, applicazioni, avvisi.<br /><br />Nel caso di news ed avvisi è possibile accedere ad un approfondimento attraverso al link “Tutti i dettagli”, posto in basso a destra del box.<br /><br />Nell'esempio viene mostrato un box di ricerca a titolo esemplificativo, infatti è possibile integrare un widget di un'applicazione per una <br /> rapida ricerca interna. Es: Ricerca Pratica, Ricerca Codice Sede.<br /><br />Il Carousel Box Dashboard permette di integrare più Box Dashboard. Sono obbligatori in questo caso i controlli di navigazione: Frecce:<br /> per andare avanti e indietro nel carousel Indicatori Circolari: per esplicitare la presenza di altri elementi oltre a quelli visibili sulla pagina "},mdxPage:w}},decorators:[(f,g)=>x(f,g,1,["static-webkit/js/custom-webkit.js","static/js/main.js"],!1)]},e={name:"Filtri base",render:()=>h()},o={name:"Filtro con campi su una riga",render:()=>F()},a={name:"Filtro con campi su più righe",render:()=>A()},l={name:"Filtro con checkbox:",render:()=>y()};var t,i,r;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
  name: "Filtri base",
  render: () => {
    return createBaseFilter();
  }
}`,...(r=(i=e.parameters)==null?void 0:i.docs)==null?void 0:r.source}}};var n,c,s;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`{
  name: "Filtro con campi su una riga",
  render: () => {
    return createComplexFilter();
  }
}`,...(s=(c=o.parameters)==null?void 0:c.docs)==null?void 0:s.source}}};var d,p,u;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{
  name: "Filtro con campi su più righe",
  render: () => {
    return createComplexFilterMultiLine();
  }
}`,...(u=(p=a.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};var m,b,v;l.parameters={...l.parameters,docs:{...(m=l.parameters)==null?void 0:m.docs,source:{originalSource:`{
  name: "Filtro con checkbox:",
  render: () => {
    return createFormWithCheckbox();
  }
}`,...(v=(b=l.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};const P=["BaseFilter","ComplexFilterononeLine","FormwithMultiline","FormWithFilter"];export{e as BaseFilter,o as ComplexFilterononeLine,l as FormWithFilter,a as FormwithMultiline,P as __namedExportsOrder,z as default};
