<md-dialog aria-label="{{ $root.p3xr.strings.intention.jsonViewShow }}" class="fullscreen-dialog fullscreen-dialog-fix-width"   ng-style="{'minHeight': minHeight}">
    <md-toolbar md-theme="{{$root.p3xr.state.themeLayout}}" class="md-hue-3">
        <div class="md-toolbar-tools">
            <md-icon>edit</md-icon>
            &nbsp;
            {{ $root.p3xr.strings.intention.jsonViewEditor }}
            <span flex></span>
            <md-button class="md-icon-button" ng-click="ok()" aria-label="{{ $root.p3xr.strings.intention.close }}">
                <md-icon>close</md-icon>
            </md-button>
        </div>
    </md-toolbar>

    <md-dialog-content md-theme="{{ $root.p3xr.state.theme }}" class="p3xr-roboto-monospace" style="height:100vh;" ng-if="isJson" id="p3xr-jsoneditor"> 

        <div ng-if="!isJson" layout-padding>
            {{ $root.p3xr.strings.label.jsonViewNotParsable}}
        </div>

    </md-dialog-content>

    <md-dialog-content ng-if="!isJson" md-theme="{{ $root.p3xr.state.theme }}" style="height:100vh; padding: 8px;" class="p3xr-roboto-monospace" >

            {{ $root.p3xr.strings.label.jsonViewNotParsable}}

    </md-dialog-content>

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

        <md-button ng-click="ok()" class="md-raised md-warn" aria-label="{{ $root.p3xr.strings.intention.close }}" md-autofocus>
            <md-icon>cancel</md-icon>
            <span hide-sm hide-xs>{{ $root.p3xr.strings.intention.cancel }}</span>
            <md-tooltip ng-if="$root.$mdMedia('sm') || $root.$mdMedia('xs')" md-direction="top">{{ $root.p3xr.strings.intention.cancel }}</md-tooltip>
        </md-button>

        <md-button ng-if="isJson && $root.p3xr.state.connection.readonly !== true" class="md-raised md-primary" ng-click="save({ format : false})">
            <md-icon>save</md-icon>
            <span hide-sm hide-xs>{{ $root.p3xr.strings.intention.save }}</span>
            <md-tooltip ng-if="$root.$mdMedia('sm') || $root.$mdMedia('xs')" md-direction="top">{{ $root.p3xr.strings.intention.save }}</md-tooltip>
        </md-button>

        <md-button ng-if="isJson && $root.p3xr.state.connection.readonly !== true" class="md-raised md-primary" ng-click="save({ format : true})">
            <md-icon>save</md-icon>
            <md-icon>format_line_spacing</md-icon>
            <span hide-sm hide-xs>{{ $root.p3xr.strings.intention.saveWithFormatJson }}</span>
            <md-tooltip ng-if="$root.$mdMedia('sm') || $root.$mdMedia('xs')" md-direction="top">{{ $root.p3xr.strings.intention.saveWithFormatJson }}</md-tooltip>
        </md-button>


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