Map

Table

Text

Font Style

</div>
                                                
                                                
                                            </form>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <div class="btn-group pull-left">
                                            <button class="btn btn-danger btn-admin" ng-click="vm.cancel()">Close</button>
                                            <button class="btn btn-primary btn-admin" ng-disabled="!vm.canSave()" ng-click="vm.save()">Save</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row" ng-show="vm.currentType=='map'">
                                    <div class="modal-header">
                                        <h3 class="modal-title">Report Map</h3>
                                    </div>
                                    <div class="modal-body">
                                        <div class="row">
                                            <form class="form-horizontal">
                                                <div class="form-group">
                                                    <label for="txtMap">Webmap</label>
                                                    <select class="form-control metadata-input" style=" color:black" ng-model="vm.reportMap.mapId" ng-change="vm.loadWebMap()" ng-options="map.id as map.title for map in vm.webmaps | webmaps | orderBy:['title'] "></select>
                                                </div>
                                                <div class="form-group">
                                                    <label for="mapType">Extent</label>
                                                    <select class="form-control metadata-input" style=" color:black" title="Whether you want the map to have a fixed extent or dynamic based on the selected feature" ng-model="vm.reportMap.mapTypeKey" ng-options="c.tableKey as c.description for c in vm.mapTypes"></select>
                                                </div>

<div class="form-group">
                                                    <label for="mapType">Print Template</label>
                                                    <select class="form-control metadata-input" style=" color:black" title="The print template to use when creating the map image" ng-model="vm.reportMap.mapTemplate" ng-options="c for c in vm.printTemplates"></select>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="row">
                                            <div id="mapDiv" class="col-md-4">
                                                <div id="webmap" style="width:100%;height:400px;border:solid">

</div>
                                            </div>
                                            <div id="layerDiv" class="col-md-3">
                                                <div id="layers0">

</div>
                                            </div>

</div>
                                    </div>
                                    <div class="modal-footer">
                                        <div class="btn-group pull-left">
                                            <button class="btn btn-danger btn-admin" ng-click="vm.cancel()">Close</button>
                                            <button class="btn btn-primary btn-admin" ng-disabled="!vm.canSave()" ng-click="vm.saveMap()">Save</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row" ng-show="vm.currentType=='table'">
                                    <div class="modal-header">
                                        <h3 class="modal-title">Report Table</h3>
                                    </div>
                                    <div class="modal-body">
                                        <div class="row">
                                            <form class="form-horizontal">
                                                <div class="form-group">
                                                    <label for="txtMap">Table Heading</label>
                                                    <input class="form-control metadata-input" type="text" title="This is the heading that will appear above the table" ng-model="vm.table.tableName" />
                                                </div>
                                                <div class="form-group">
                                                    <label for="txtMap">Table Heading Style</label>
                                                    <select class="form-control metadata-input" title="The style for the table heading" style=" color:black" ng-model="vm.table.headingFontKey" ng-options="style.tableKey as style.styleName for style in vm.fontStyles | orderBy:['styleName'] "></select>
                                                </div>
                                                <div class="form-group">
                                                    <label for="txtMap">Table Type</label>
                                                    <div class="btn-group">
                                                        <button title="Set the table style to have header fields down the left side" ng-class="vm.tableType === 'horizontal' ? 'btn btn-table-type btn btn-table-type-selected':'btn btn-table-type'" ng-click="vm.setTableType('horizontal')">
                                                            <img src="./Images/table-icon-horizontal.png" height="16" width="16" />
                                                        </button>
                                                        <button title="Set the table style to have header fields across the top" ng-class="vm.tableType === 'vertical' ? 'btn btn-table-type btn-table-type-selected':'btn btn-table-type'" ng-click="vm.setTableType('vertical')">
                                                            <img src="./Images/table-icon-vertical.png" height="16" width="16" />
                                                        </button>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="checkbox">
                                                        <label>
                                                            <input type="checkbox" title="Show borders on table" ng-checked="vm.table.showBorders"> Show borders on table?.
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="txtMap">Table Header Style</label>
                                                    <select class="form-control metadata-input" title="The style for the table heading cells" style=" color:black" ng-model="vm.table.headerFontKey" ng-options="style.tableKey as style.styleName for style in vm.fontStyles | orderBy:['styleName'] "></select>
                                                </div>
                                                <div class="form-group">
                                                    <label for="txtMap">Table Cell Style</label>
                                                    <select class="form-control metadata-input" title="The style for the table value cells" style=" color:black" ng-model="vm.table.valueFontKey" ng-options="style.tableKey as style.styleName for style in vm.fontStyles | orderBy:['styleName'] "></select>
                                                </div>
                                                <div class="form-group">
                                                    <label for="txtMap">Table Source</label>
                                                    <select class="form-control metadata-input" title="Where the data for the table will come from" style="color:black" ng-model="vm.table.querySourceKey" ng-options="source.tableKey as source.description for source in vm.tableSources | orderBy:['description'] "></select>
                                                </div>

<div class="form-group" ng-show="vm.table.querySource.lookupName === 'database'">
                                                    <label for="txtMap">Database Queries</label>
                                                    <select class="form-control metadata-input" title="The database query to use" style=" color:black" ng-model="vm.table.dataQueryKey" ng-options="source.tableKey as source.queryName for source in vm.databaseQueries | orderBy:['queryName'] "></select>
                                                </div>
                                                <div class="btn-group" ng-show="vm.table.querySource.lookupName === 'database'">
                                                    <button class="btn btn-primary " ng-click="vm.addQuery('database')">New Query</button>
                                                    <button class="btn btn-primary " ng-click="vm.editQuery('database')">Edit Query</button>
                                                </div>
                                                <div class="form-group" ng-show="vm.table.querySource.lookupName === 'layer'">
                                                    <label for="txtMap">Layer Queries</label>
                                                    <select class="form-control metadata-input" title="The layer query to use" style=" color:black" ng-model="vm.table.layerQueryKey" ng-options="source.tableKey as source.queryName for source in vm.layerQueries | orderBy:['queryName'] "></select>

</div>
                                                <div class="btn-group" ng-show="vm.table.querySource.lookupName === 'layer'">
                                                    <button class="btn btn-primary " ng-click="vm.addQuery('layer')">New Query</button>
                                                    <button class="btn btn-primary " ng-click="vm.editQuery('layer')">Edit Query</button>
                                                </div>
                                                
                                            </form>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <div class="btn-group pull-left">
                                            <button class="btn btn-danger btn-admin" ng-click="vm.cancel()">Close</button>
                                            <button class="btn btn-primary btn-admin" ng-disabled="!vm.canSave()" ng-click="vm.save()">Save</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-foot">
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </section>
</section>

Report Text