fenix-ui-filter
Version:
463 lines (288 loc) • 10.3 kB
HTML
<!DOCTYPE html>
<html>
<head>
<title>FENIX Filter: test</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="FENIX Filter: test">
<meta name="author" content="Daniele Salvatore <daniele.salvatore [at] fao.org>">
</head>
<body>
<div class="alert alert-warning" role="alert">Open console for logs</div>
<div class="container">
<div class="row">
<div class="col-xs-12">
<h1>FENIX Filter: test</h1>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="row">
<h2>From FENIX resource </h2>
<div class="col-xs-12">
<div id="fenix-resource"></div>
</div>
<div id="fenix-resource-summary"></div>
</div>
</div>
</div>
</div>
<!-- AMIS -->
<div class="container">
<div class="row">
<div class="col-xs-12">
<button id="amis-get-values-btn" class="btn btn-default pull-right" type="button">
<span class="glyphicon glyphicon-sunglasses" aria-hidden="true"></span>
</button>
<button id="amis-remove-btn" class="btn btn-default pull-right" type="button">
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
<button id="amis-add-btn" class="btn btn-default pull-right" type="button">
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
</button>
</div>
</div>
<hr>
<div id="amis"></div>
</div>
<hr>
<!-- Set sources
<div class="container">
<div class="row" id="sources">
<h2> Set Sources
<button id="sources-btn" class="btn btn-default" type="button">
Set Source
</button>
</h2>
<div class="col-xs-6">
<div data-selector="tree"></div>
</div>
<div class="col-xs-6">
<div data-selector="dropdown"></div>
</div>
</div>
</div>
<hr>
-->
<!-- Model 2
<div class="container">
<div class="row" id="countrystat">
<h2> CountrySTAT </h2>
<div class="col-xs-6">
<div data-selector="tree"></div>
</div>
<div class="col-xs-6">
<div data-selector="dropdown"></div>
</div>
</div>
</div>
<hr>
-->
<!-- Dependencies
<div class="container">
<div class="row">
<div class="col-xs-12">
<h2>Dependencies</h2>
<div id="dependencies">
<div class="row">
<div class="col-xs-6">
<div data-selector="from"></div>
</div>
<div class="col-xs-6">
<div data-selector="to"></div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div data-selector="parentsector_code"></div>
</div>
<div class="col-xs-6">
<div data-selector="purposecode"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
-->
<!-- Model 2
<div class="container">
<div class="row">
<h2> Model 2 </h2>
<div class="col-xs-12">
<div id="model2">model2</div>
</div>
</div>
</div>
<hr>
-->
<!-- Sync
<div class="container">
<div class="row">
<h2>Sync model
<button id="sync-btn" type="button" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
</button>
</h2>
<div class="col-xs-6">
<div id="sync-src">sync-src</div>
<div id="sync-src-summary">sync-src-summary</div>
</div>
<div class="col-xs-6">
<div id="sync-target">sync-target</div>
</div>
</div>
</div>
<hr>
-->
<!-- Events
<div class="container">
<div class="row">
<div class="col-xs-10">
<h2>Events</h2>
<div id="table-tab">
</div>
</div>
<div id="event-counters" class="col-xs-2">
<h3># event triggered</h3>
<button data-event="ready" class="btn btn-default" type="button">
'ready' <span class="badge">0</span>
</button>
<button data-event="change" class="btn btn-default" type="button">
'change' <span class="badge">0</span>
</button>
<hr>
<button id="event-values-btn" type="button" class="btn btn-default btn-lg btn-block">
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
</button>
<button id="event-dispose" type="button" class="btn btn-default btn-lg btn-block">
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
</div>
</div>
</div>
<hr>
-->
<!--
All
<div class="container">
<div class="row">
<div class="col-xs-12">
<h2>All</h2>
<div id="all">
<div class="row">
<div class="col-md-12"><h2>Inputs</h2></div>
</div>
<div class="row">
<div data-selector="checkbox" class="col-md-6"></div>
<div data-selector="radio" class="col-md-6"></div>
<div data-selector="text" class="col-md-6"></div>
</div>
<hr>
<div class="row">
<div class="col-md-12"><h2>Trees</h2></div>
</div>
<div class="row">
<div data-selector="tree" class="col-md-6"></div>
<div data-semantic="tripleTree" class="col-md-6"></div>
</div>
<hr>
<div class="row">
<div class="col-md-12"><h2>Dropdowns</h2></div>
<div data-selector="dropdown" class="col-md-6"></div>
</div>
<hr>
<div class="row">
<div class="col-md-12"><h2>Ranges</h2></div>
<div data-selector="range" class="col-md-6"></div>
<div data-selector="doubleRange" class="col-md-6"></div>
</div>
<hr>
<div class="row">
<div class="col-md-12"><h2>Sortable</h2></div>
<div data-selector="sortable" class="col-md-6"></div>
<div data-selector="drag" class="col-md-6"></div>
</div>
<hr>
<div class="row">
<div class="col-md-12"><h2>Time</h2></div>
<div data-selector="time" class="col-md-6"></div>
</div>
<hr>
<div class="row">
<div class="col-md-12">
<div class="well" id="all-summary"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
-->
<!--
<!– FENIX –>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="row">
<h2>From FENIX resource </h2>
<div class="col-xs-12">
<div id="fenix-resource"></div>
</div>
<div id="fenix-resource-summary"></div>
</div>
</div>
</div>
</div>
<hr>-->
<!--
DYNAMIC
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="row">
<h2>Dynamic </h2>
<div class="col-xs-1">
<button id="model-1-dynamic-add-btn" type="button" class="btn btn-default btn-lg btn-block">
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
</button>
<button id="model-1-dynamic-values-btn" type="button" class="btn btn-default btn-lg btn-block">
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
</button>
<button id="model-1-dynamic-clear-btn" type="button" class="btn btn-default btn-lg btn-block">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
</button>
</div>
<div class="col-xs-11">
<div id="model-1-dynamic">model-1-dynamic</div>
</div>
<div id="model-1-dynamic-summary"></div>
</div>
</div>
</div>
</div>
<hr>
<!– BASE TEMPLATE –>
<div class="container">
<div class="row">
<h2>Model_1 + base template</h2>
<div class="col-xs-12">
<div id="model-1-base">model-1-base</div>
<div id="model-1-base-summary">model-1-base-summary</div>
<button id="model-1-btn" type="button" class="btn btn-default btn-lg btn-block">
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
</button>
</div>
</div>
</div>-->
<hr>
</body>
</html>