src/angular/dialog/p3xr-dialog-key-new-or-set.html

<md-dialog aria-label="{{$root.p3xr.strings.form.key.label.formName}}" class="fullscreen-dialog fullscreen-dialog-fix-width">
    <form novalidate name="p3xrKeyNewForm" ng-submit="submit()">
        <md-toolbar md-theme="{{ $root.p3xr.state.themeLayout }}" class="md-hue-3">
            <div class="md-toolbar-tools">
                <h2 flex md-truncate>
                    {{ options.type === 'edit' ? $root.p3xr.strings.form.key.label.formName.edit : ( options.type ===
                    'append' ? $root.p3xr.strings.form.key.label.formName.append :
                    $root.p3xr.strings.form.key.label.formName.add ) }}
                </h2>
                <md-button class="md-icon-button" ng-click="cancel()">
                    <md-icon>close</md-icon>
                </md-button>
            </div>
        </md-toolbar>
        <md-dialog-content md-theme="{{ $root.p3xr.state.theme }}">
            <md-content>
                <div class="p3xr-padding">
                    <md-input-container class="md-block">
                        <label>{{ $root.p3xr.strings.form.key.field.key }}</label>
                        <input required minlength="1" ng-model="model.key" name="key" ng-disabled="options.type !== 'add'">
                        <div ng-messages="p3xrKeyNewForm.key.$error">
                            <div ng-message-exp="['required', 'minlength']">
                                {{ $root.p3xr.strings.form.key.error.key }}
                            </div>
                        </div>
                    </md-input-container>

<md-input-container class="md-block">
                        <label>{{ $root.p3xr.strings.form.key.field.type }}</label>
                        <md-select ng-model="model.type" name="type" ng-disabled="options.type !== 'add'">
                            <md-option ng-repeat="type in types" ng-value="type">
                                {{ $root.p3xr.strings.redisTypes[type] }}
                            </md-option>
                        </md-select>
                    </md-input-container>

<span ng-switch="model.type">
                        <span ng-switch-when="list">
                            <md-input-container class="md-block">
                                <label>{{ $root.p3xr.strings.form.key.field.index }}</label>
                                 <input type="number" step="1" ng-model="model.index" name="index">
                            </md-input-container>
                             <div class="p3xr-md-input-container-bottom-info">
                                {{ $root.p3xr.strings.label.redisListIndexInfo }}
                            </div>
                        </span>
                        <span ng-switch-when="hash">
                            <md-input-container class="md-block">
                                <label>{{ $root.p3xr.strings.form.key.field.hashKey }}</label>
                                <input required minlength="1" ng-model="model.hashKey" name="hashKey">
                                <div ng-messages="p3xrKeyNewForm.hashKey.$error">
                                    <div ng-message-exp="['required', 'minlength']">
                                        {{ $root.p3xr.strings.form.key.error.hashKey }}
                                    </div>
                                </div>
                            </md-input-container>
                        </span>
                        <span ng-switch-when="zset">
                            <md-input-container class="md-block">
                                <label>{{ $root.p3xr.strings.form.key.field.score }}</label>
                                 <input type="number" required ng-model="model.score" name="score">
                                <div ng-messages="p3xrKeyNewForm.score.$error">
                                    <div ng-message-exp="['required']">
                                        {{ $root.p3xr.strings.form.key.error.score }}
                                    </div>
                                </div>
                            </md-input-container>
                        </span>
                        <span ng-switch-when="stream">
                            <md-input-container class="md-block">
                                <label>{{ $root.p3xr.strings.form.key.field.streamTimestamp }}</label>
                                <input type="text" required ng-model="model.streamTimestamp" name="streamTimestamp">
                                <div ng-messages="p3xrKeyNewForm.streamTimestamp.$error">
                                    <div ng-message-exp="['required']">
                                        {{ $root.p3xr.strings.form.key.error.streamTimestamp }}
                                    </div>
                                </div>
                                 <div class="p3xr-md-input-container-bottom-info">
                                    {{ $root.p3xr.strings.label.streamTimestampId }}
                                </div>
                            </md-input-container>
                        </span>
                    </span>

<input type="file" id="p3xr-main-key-new-upload-buffer" style="display: none" onchange="angular.element(this).scope().readFileAsBuffer(event)"/>
                    <md-button class="md-button md-raised md-primary" ng-click="setBufferUpload({ $event: $event})" ng-if="model.type !== 'stream'">
                        <md-icon>upload</md-icon>
                        <span hide-sm hide-xs>{{ $root.p3xr.strings.intention.setBuffer }}</span>
                        <md-tooltip ng-if="$root.$mdMedia('sm') || $root.$mdMedia('xs')" md-direction="bottom">{{
                            $root.p3xr.strings.intention.setBuffer }}
                        </md-tooltip>
                    </md-button>

<md-button class="md-button md-raised md-primary" ng-if="$root.p3xr.state.donated" ng-click="jsonEditor({ $event: $event, value: model.value})">
                        <i class="fas fa-file-alt"></i>
                        <span hide-sm hide-xs>{{ $root.p3xr.strings.intention.jsonViewEditor }}</span>
                        <md-tooltip ng-if="$root.$mdMedia('sm') || $root.$mdMedia('xs')" md-direction="bottom">{{
                            $root.p3xr.strings.intention.jsonViewEditor }}
                        </md-tooltip>
                    </md-button>

<md-button class="md-button md-raised md-primary" ng-click="formatJson({ $event: $event})">
                        <md-icon>format_line_spacing</md-icon>
                        <span hide-sm hide-xs>{{ $root.p3xr.strings.intention.formatJson }}</span>
                        <md-tooltip ng-if="$root.$mdMedia('sm') || $root.$mdMedia('xs')" md-direction="bottom">{{
                            $root.p3xr.strings.intention.formatJson }}
                        </md-tooltip>
                    </md-button>

<md-button class="md-button md-raised md-accent" ng-click="jsonViewer({ $event: $event, value: model.value})">
                        <md-icon>table_chart</md-icon>
                        <span hide-sm hide-xs>{{ $root.p3xr.strings.intention.jsonViewShow }}</span>
                        <md-tooltip ng-if="$root.$mdMedia('sm') || $root.$mdMedia('xs')" md-direction="bottom">{{
                            $root.p3xr.strings.intention.jsonViewShow }}
                        </md-tooltip>
                    </md-button>

<md-button class="md-icon-button md-accent" ng-click="copy({ $event: $event, value: model.value})" >
                        <md-tooltip>{{ $root.p3xr.strings.intention.copy }}</md-tooltip>
                        <md-icon>content_copy</md-icon>
                    </md-button>

<md-switch ng-model="validateJson" class="md-accent" style="margin-top: 0px;">
                        {{ $root.p3xr.strings.label.validateJson }}
                    </md-switch>

<div ng-if="model.type === 'stream'" class="p3xr-md-input-container-bottom-info">
                        {{ $root.p3xr.strings.label.streamValue }}
                    </div>

<div ng-if="valueType === 'object'" class="p3xr-md-input-container-bottom-info">
                        {{ $root.p3xr.strings.label.isBuffer({ maxValueAsBuffer: $root.p3xr.settings.prettyBytes($root.p3xr.settings.maxValueAsBuffer)}) }} {{ bufferDisplay(model.value) }}
                    </div>

<md-input-container class="md-block">
                        <label>{{ $root.p3xr.strings.form.key.field.value }}</label>
                        <textarea ng-model="model.value" required p3x-validate-json
                                  p3x-validate-json-required="validateJson" name="value"></textarea>
                        <div ng-messages="p3xrKeyNewForm.value.$error">
                            <div ng-message="required">
                                {{ $root.p3xr.strings.form.key.error.value }}
                            </div>
                            <div ng-message="p3xValidateJson">
                                {{ $root.p3xr.strings.label.jsonViewNotParsable }}
                            </div>
                        </div>
                    </md-input-container>

</div>

</md-content>
        </md-dialog-content>

<md-dialog-actions  md-theme="{{ $root.p3xr.state.theme }}">

<md-button class="md-raised md-warn" ng-click="cancel()" md-autofocus>
                <md-icon>cancel</md-icon>
                {{ $root.p3xr.strings.intention.cancel }}
            </md-button>

<md-button class="md-raised md-primary" type="submit"  ng-if="$root.p3xr.state.connection.readonly !== true">
                <md-icon>{{ options.type === 'edit' ? 'edit' : 'add'}}</md-icon>
                {{ options.type === 'edit' ? $root.p3xr.strings.intention.save : $root.p3xr.strings.intention.add }}
            </md-button>

</md-dialog-actions>
    </form>
</md-dialog>

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