src/angular/pages/main/key/p3xr-main-key-hash.html

<div layout-gt-xs="row" layout="column" layout-align="start center" md-colors="{ background: 'primary-300' }">
    <div flex="15">
        &nbsp;
        {{ $root.p3xr.strings.page.key.hash.table.hashkey }}
    </div>
    <div flex="60">
        {{ $root.p3xr.strings.page.key.hash.table.value }}
    </div>
    <div flex="20" style="text-align: right">
        <md-button class="md-icon-button " ng-click="$ctrl.addHash({ $event: $event})">
            <md-tooltip>{{ $root.p3xr.strings.intention.add }}</md-tooltip>
            <md-icon>add</md-icon>
        </md-button>
    </div>
</div>

<span ng-if="$root.p3xr.settings.maxValueDisplay > 0 && value.length > $root.p3xr.settings.maxValueDisplay">
                {{ value.substring(0, $root.p3xr.settings.maxValueDisplay) }}...
            </span>
            <span ng-if="$root.p3xr.settings.maxValueDisplay === 0 || value.length <= $root.p3xr.settings.maxValueDisplay">
                {{ value }}
            </span>
        </span>

</div>
    <div flex="20" style="text-align: right; ">
        <md-button class="md-icon-button md-accent" ng-click="$ctrl.showJson({ value: value})">
            <md-tooltip>{{ $root.p3xr.strings.intention.jsonViewShow }}</md-tooltip>
            <md-icon>table_chart</md-icon>
        </md-button>

<md-button class="md-icon-button md-primary"
                   ng-click="$ctrl.editValue({ hashKey: key, value: value, $event: $event})">
            <md-tooltip>{{ $root.p3xr.strings.intention.edit }}</md-tooltip>
            <md-icon>edit</md-icon>
        </md-button>

<md-button class="md-icon-button md-warn" ng-click="$ctrl.deleteHashKey({ hashKey: key, $event: $event})">
            <md-tooltip>{{ $root.p3xr.strings.intention.delete }}</md-tooltip>
            <md-icon>delete</md-icon>
        </md-button>

</div>
</div>

`/`	Focus search
`?`	Show this help
`Esc`	Unfocus input