| <!-- |
| TODO(b/276319002): The <cross-device-internals> element will eventually |
| replace the <nearby-internals> object as main page. However |
| cross-device-internals needs to be built out first which is low priority. |
| Until it is complete, cross-device-internals will be used as a part of the |
| ui-triggers-tab. |
| --> |
| <style include="shared-style md-select cros-color-overrides"></style> |
| |
| <body> |
| <section id='controls'> |
| <header> |
| <div class='title'>Cross Device Internals</div> |
| </header> |
| <div class='controls-panel'> |
| <div class="control"> |
| <div id='logControlSplit'> |
| <log-types id="logType"></log-types> |
| <div id="logFilters"> |
| <div class="input-div"> |
| <label id="logSearchLabel">Search</label> |
| <input aria-labelledby="logSearchLabel" id="logSearch" |
| type="text"> |
| </div> |
| <label id="logLevelLabel">Min Log Level</label> |
| <select aria-labelledby="logLevelLabel" id="logLevelSelector"> |
| <template is="dom-repeat" items="[[logLevelList_]]"> |
| <option |
| value="[[item.value]]"> |
| [[item.name]] |
| </option> |
| </template> |
| </select> |
| <div id="filterApplyDiv"> |
| <cr-button class="internals-button" id="filterApply" |
| on-click="addLogFilter_">Apply Filters</cr-button> |
| </div> |
| </div> |
| </div> |
| |
| <div id="buttons"> |
| <cr-button disabled="[[!logList_.length]]" class="internals-button" |
| on-click="onSaveUnfilteredLogsButtonClicked_"> |
| Save All Logs |
| </cr-button> |
| <cr-button disabled="[[!logList_.length]]" class="internals-button" |
| on-click="onSaveFilteredLogsButtonClicked_"> |
| Save Filtered Logs |
| </cr-button> |
| <cr-button disabled="[[!logList_.length]]" class="internals-button" |
| on-click="onClearLogsButtonClicked_"> |
| Clear Logs |
| </cr-button> |
| </div> |
| </div> |
| </div> |
| |
| <div class='controls-panel'> |
| <div class='control'> |
| <div id="actions"> |
| <div class="select-div"> |
| <label id="ActionGroupLabel">Feature: </label> |
| <select aria-labelledby="ActionGroupLabel" name="ActionGroup" |
| id="actionGroup" class="md-select" |
| on-change="updateActionsSelect_"> |
| <template is="dom-repeat" items="[[featuresList_]]"> |
| <option |
| value="[[item.value]]"> |
| [[item.name]] |
| </option> |
| </template> |
| </select> |
| </div> |
| |
| <div class="select-div"> |
| <label id="ActionSelectLabel">Action: </label> |
| <select aria-labelledby="ActionSelectLabel" name="Action" |
| id="actionSelect" class="md-select"> |
| <template is="dom-repeat" items="{{actionsSelectList_}}" |
| as="action"> |
| <option value="{{action.value}}"> |
| {{action.name}} |
| </option> |
| </template> |
| </select> |
| </div> |
| <cr-button id="executeButton" class="internals-button" |
| on-click="performAction_">Execute |
| </cr-button> |
| </div> |
| </div> |
| </div> |
| |
| <div class='control' id='remoteDevicesControl'> |
| <div class='control-title'>Returned Objects</div> |
| <iron-list items="[[npDiscoveredDevicesList_]]" as="generic-object" |
| id="devicesSection"> |
| <template> |
| <np-object device="[[generic-object]]"> |
| </np-object> |
| </template> |
| </iron-list> |
| </div> |
| </section> |
| |
| <div id="logsPanel"> |
| <iron-list id="log-iron-list" items="[[filteredLogList_]]" as="log"> |
| <template> |
| <log-object log-message="[[log]]"> |
| </log-object> |
| </template> |
| </iron-list> |
| </div> |
| </body> |
