Created
March 16, 2016 22:02
-
-
Save cici004/8f3de90be67b741fa741 to your computer and use it in GitHub Desktop.
Search Widget-HTML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="cmvSearchwidget"> | |
<div class="pmNode"> | |
<button data-dojo-type="dijit.form.Button" data-dojo-attach-point="myButton" data-dojo-attach-event="onClick:showTabcontainer"> | |
Search for EA/SR | |
</button> | |
<div data-dojo-type="dijit.layout.TabContainer" data-dojo-attach-point="tabContainer" tabStrip="true"> | |
<div id="tabByAttribute" data-dojo-attach-point="tabByAttribute" data-dojo-type="dijit/layout/ContentPane" title="${i18n.Labels.tabTitleByAttribute}" class="searchTab" selected="true"> | |
<div class="selectALayer"> | |
<label>${i18n.Labels.selectALayer}:</label><br> | |
<select style="width:100%;" data-dojo-attach-point="selectLayerByAttribute" data-dojo-type="dijit/form/Select" data-dojo-attach-event="onChange:onAttributeLayerChange"></select> | |
</div> | |
<div data-dojo-attach-point="divAttributeQuerySelect" id="divAttributeQuerySelect" class="searchSelector"> | |
<label>${i18n.Labels.selectAQuery}:</label><br> | |
<select style="width:100%;" data-dojo-attach-point="selectAttributeQuery" data-dojo-type="dijit/form/Select" data-dojo-props="disabled:true" data-dojo-attach-event="onChange:onAttributeQueryChange"></select> | |
</div> | |
<div id="divAttributeQueryFields" class="searchSelector searchFields"> | |
<label data-dojo-attach-point="labelSearchTerm0"> </label> | |
<input type="text" style="width:100%;" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="inputSearchTerm0" data-dojo-props="trim:true,disabled:true" /> | |
<select style="width:100%; display:none;" data-dojo-attach-point="selectSearchTerm0" data-dojo-type="dijit/form/Select"></select> | |
<div data-dojo-attach-point="queryContainsDom"> | |
<input type="checkbox" data-dojo-attach-point="containsSearchText" data-dojo-type="dijit/form/CheckBox" data-dojo-props="'class':'optionsCheckBox'"/> | |
<label>${i18n.Labels.exactMatches}</label> | |
</div> | |
<label data-dojo-attach-point="labelSearchTerm1"> </label> | |
<input type="text" style="width:100%;" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="inputSearchTerm1" data-dojo-props="trim:true,disabled:true" /> | |
<select style="width:100%; display:none;" data-dojo-attach-point="selectSearchTerm1" data-dojo-type="dijit/form/Select"></select> | |
<label data-dojo-attach-point="labelSearchTerm2"> </label> | |
<input type="text" style="width:100%;" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="inputSearchTerm2" data-dojo-props="trim:true,disabled:true" /> | |
<select style="width:100%; display:none;" data-dojo-attach-point="selectSearchTerm2" data-dojo-type="dijit/form/Select"></select> | |
<label data-dojo-attach-point="labelSearchTerm3"> </label> | |
<input type="text" style="width:100%;" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="inputSearchTerm3" data-dojo-props="trim:true,disabled:true" /> | |
<select style="width:100%; display:none;" data-dojo-attach-point="selectSearchTerm3" data-dojo-type="dijit/form/Select"></select> | |
<label data-dojo-attach-point="labelSearchTerm4"> </label> | |
<input type="text" style="width:100%;" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="inputSearchTerm4" data-dojo-props="trim:true,disabled:true" /> | |
<select style="width:100%; display:none;" data-dojo-attach-point="selectSearchTerm4" data-dojo-type="dijit/form/Select"></select> | |
</div> | |
<div data-dojo-attach-point="divAttributeSpatialFilter" class="searchSelector"> | |
<label>${i18n.Labels.spatialFilter}:</label><br> | |
<select style="width:100%;" data-dojo-attach-point="selectAttributeSpatialFilter" data-dojo-type="dijit/form/Select"></select> | |
</div> | |
<div data-dojo-attach-point="divAttributeAddToExisting" class="searchSelector"> | |
<table> | |
<tr valign="top"> | |
<td> | |
<label style="margin-left:10px;margin-right:5px;">${i18n.Labels.attributeAddToExisting}:</label> | |
</td> | |
<td> | |
<input type="checkbox" data-dojo-attach-point="checkAttributeAddToExisting" data-dojo-type="dijit/form/CheckBox" /> | |
</td> | |
</tr> | |
</table> | |
</div> | |
<div class="searchSelector bottomButtons"> | |
<button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'fa fa-search fa-fw',showLabel:true,disabled:true" data-dojo-attach-point="btnAttributeSearch" data-dojo-attach-event="click:doAttributeSearch">${i18n.Buttons.search}</button> | |
<button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'fa fa-wrench fa-fw',showLabel:true,disabled:true" data-dojo-attach-point="btnQueryBuilder" data-dojo-attach-event="click:openQueryBuilder">${i18n.Buttons.openQueryBuilder}</button> | |
</div> | |
</div> | |
<div id="tabByShape" data-dojo-attach-point="tabByShape" data-dojo-type="dijit/layout/ContentPane" class="searchTab" title="${i18n.Labels.tabTitleByShape}"> | |
<div class="selectALayer"> | |
<label>${i18n.Labels.selectALayer}:</label><br/> | |
<select style="width:100%;" data-dojo-attach-point="selectLayerByShape" data-dojo-type="dijit/form/Select" data-dojo-attach-event="onChange:onShapeLayerChange"></select> | |
</div> | |
<div id="divShapeBufferSelection" class="searchSelector"> | |
<table id="tblBufferInput"> | |
<tr valign="top"> | |
<td align="right"> | |
<label>${i18n.Labels.buffer}:</label> | |
</td> | |
<td> | |
<input type="text" style="width:50px;" data-dojo-type="dijit/form/NumberTextBox" data-dojo-attach-point="inputBufferDistance" data-dojo-props="trim:true" data-dojo-attach-event="onChange:onSpatialBufferChange" value="0"/> | |
</td> | |
<td> | |
<select style="width:90px;" data-dojo-attach-point="selectBufferUnits" data-dojo-type="dijit/form/Select" data-dojo-attach-event="onChange:onSpatialBufferChange"></select> | |
</td> | |
</tr> | |
</table> | |
<table id="tblDisplayBufferOnly"> | |
<tr valign="top"> | |
<td> | |
<label style="margin-left:10px;margin-right:5px;">${i18n.Labels.displayBuffer}:</label> | |
</td> | |
<td> | |
<input type="checkbox" data-dojo-attach-point="checkBufferOnly" data-dojo-type="dijit/form/CheckBox" /> | |
</td> | |
</tr> | |
</table> | |
</div> | |
<div id="divShapeTypeSelection" class="searchSelector"> | |
<label>${i18n.Labels.selectFeaturesBy}:</label><br/> | |
<button data-dojo-type="dijit/form/ToggleButton" data-dojo-attach-point="searchRectangleButtonDijit" data-dojo-props="iconClass:'draw-icon-rectangle',showLabel:false" data-dojo-attach-event="onClick:drawRectangle" title="${i18n.Buttons.selectByRectangle}"></button> | |
<button data-dojo-type="dijit/form/ToggleButton" data-dojo-attach-point="searchCircleButtonDijit" data-dojo-props="iconClass:'draw-icon-circle',showLabel:false" data-dojo-attach-event="onClick:drawCircle" title="${i18n.Buttons.selectByCircle}"></button> | |
<button data-dojo-type="dijit/form/ToggleButton" data-dojo-attach-point="searchPointButtonDijit" data-dojo-props="iconClass:'draw-icon-point',showLabel:false" data-dojo-attach-event="onClick:drawPoint" title="${i18n.Buttons.selectByPoint}"></button> | |
<button data-dojo-type="dijit/form/ToggleButton" data-dojo-attach-point="searchPolylineButtonDijit" data-dojo-props="iconClass:'draw-icon-polyline',showLabel:false" data-dojo-attach-event="onClick:drawPolyline" title="${i18n.Buttons.selectByPolyline}"></button> | |
<button data-dojo-type="dijit/form/ToggleButton" data-dojo-attach-point="searchFreehandPolylineButtonDijit" data-dojo-props="iconClass:'draw-icon-freehand-polyline',showLabel:false" data-dojo-attach-event="onClick:drawFreehandPolyline" title="${i18n.Buttons.selectByFreehandPolyline}"></button> | |
<button data-dojo-type="dijit/form/ToggleButton" data-dojo-attach-point="searchPolygonButtonDijit" data-dojo-props="iconClass:'draw-icon-polygon',showLabel:false" data-dojo-attach-event="onClick:drawPolygon" title="${i18n.Buttons.selectByPolygon}"></button> | |
<button data-dojo-type="dijit/form/ToggleButton" data-dojo-attach-point="searchFreehandPolygonButtonDijit" data-dojo-props="iconClass:'draw-icon-freehand-polygon',showLabel:false" data-dojo-attach-event="onClick:drawFreehandPolygon" title="${i18n.Buttons.selectByFreehandPolygon}"></button> | |
<button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'fa fa-stop',showLabel:false" data-dojo-attach-point="searchStopDrawingButtonDijit" data-dojo-attach-event="onClick:stopDrawing" title="${i18n.Buttons.stopDrawing}"></button> | |
<button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'fa fa-info-circle',showLabel:false,disabled:true" data-dojo-attach-point="searchIdentifyButtonDijit" data-dojo-attach-event="onClick:useIdentifiedFeatures" title="${i18n.Buttons.selectByIdentify}"></button> | |
<button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'fa fa-binoculars',showLabel:false,disabled:true" data-dojo-attach-point="searchSelectedButtonDijit" data-dojo-attach-event="onClick:useSelectedFeatures" title="${i18n.Buttons.selectBySelected}"></button> | |
</div> | |
<div data-dojo-attach-point="divSpatialAddToExisting" class="searchSelector"> | |
<table> | |
<tr valign="top"> | |
<td> | |
<label style="margin-left:10px;margin-right:5px;">${i18n.Labels.spatialAddToExisting}:</label> | |
</td> | |
<td> | |
<input type="checkbox" data-dojo-attach-point="checkSpatialAddToExisting" data-dojo-type="dijit/form/CheckBox" /> | |
</td> | |
</tr> | |
</table> | |
</div> | |
<div class="searchSelector bottomButtons"> | |
<button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'fa fa-search fa-fw',showLabel:true,disabled:true" data-dojo-attach-point="btnSpatialSearch" data-dojo-attach-event="click:doSpatialSearch">${i18n.Buttons.search}</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment