lxm_front/eruda
1
0
Fork 0
mirror of https://github.com/liriliri/eruda.git synced 2026-04-01 10:18:35 +08:00
Code Issues Projects Releases Wiki Activity

feat: move http view from sources to network

Browse Source
This commit is contained in:
surunzi
2019-10-13 15:54:17 +08:00
parent 7d9445a59f
commit 0ae4b9fa66
7 changed files with 129 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/Sources/Sources.js
View File

@@ -2,15 +2,7 @@ import Tool from '../DevTools/Tool'
import beautify from 'js-beautify'
import JsonViewer from '../lib/JsonViewer'
import Settings from '../Settings/Settings'
import {
evalCss,
ajax,
isEmpty,
escape,
trim,
isStr,
highlight
} from '../lib/util'
import { evalCss, ajax, escape, trim, isStr, highlight } from '../lib/util'
export default class Sources extends Tool {
constructor() {
@@ -112,31 +104,10 @@ export default class Sources extends Tool {
delete this._data
}
})
this._$el.on('click', '.eruda-http .eruda-response', () => {
const data = this._data.val
const resTxt = data.resTxt
switch (data.subType) {
case 'css':
return this.set('css', resTxt)
case 'html':
return this.set('html', resTxt)
case 'javascript':
return this.set('js', resTxt)
case 'json':
return this.set('json', resTxt)
}
switch (data.type) {
case 'image':
return this.set('img', data.url)
}
})
}
_loadTpl() {
this._codeTpl = require('./code.hbs')
this._imgTpl = require('./image.hbs')
this._httpTpl = require('./http.hbs')
this._jsonTpl = require('./json.hbs')
this._rawTpl = require('./raw.hbs')
this._iframeTpl = require('./iframe.hbs')
@@ -192,8 +163,6 @@ export default class Sources extends Tool {
return this._renderCode()
case 'img':
return this._renderImg()
case 'http':
return this._renderHttp()
case 'json':
return this._renderJson()
case 'raw':
@@ -205,14 +174,6 @@ export default class Sources extends Tool {
_renderImg() {
this._renderHtml(this._imgTpl(this._data.val))
}
_renderHttp() {
const val = this._data.val
if (val.resTxt.trim() === '') delete val.resTxt
if (isEmpty(val.resHeaders)) delete val.resHeaders
this._renderHtml(this._httpTpl(this._data.val))
}
_renderCode() {
const data = this._data

38
src/Sources/Sources.scss
View File

@@ -66,44 +66,6 @@
user-select: text;
}
}
.http {
.breadcrumb {
@include breadcrumb();
}
.section {
background: #fff;
h2 {
background: $blue;
padding: $padding;
color: #fff;
font-size: $font-size;
}
margin-bottom: 10px;
table {
* {
user-select: text;
}
td {
font-size: $font-size-s;
padding: 5px 10px;
word-break: break-all;
}
.key {
white-space: nowrap;
}
}
}
.response,
.data {
user-select: text;
@include overflow-auto(x);
background: #fff;
padding: $padding;
font-size: $font-size-s;
margin-bottom: 10px;
white-space: pre-wrap;
}
}
iframe {
width: 100%;
height: 100%;

45
src/Sources/http.hbs
View File

@@ -1,45 +0,0 @@
<div {{{class 'http'}}}>
<div {{{class 'breadcrumb'}}}>{{url}}</div>
{{#if data}}
<pre {{{class 'data'}}}>{{data}}</pre>
{{/if}}
<div {{{class 'section'}}}>
<h2>Request Headers</h2>
<table {{{class 'headers'}}}>
<tbody>
{{#if reqHeaders}}
{{#each reqHeaders}}
<tr>
<td {{{class 'key'}}}>{{@key}}</td>
<td>{{.}}</td>
</tr>
{{/each}}
{{else}}
<tr>
<td>Empty</td>
</tr>
{{/if}}
</tbody>
</table>
<h2>Response Headers</h2>
<table {{{class 'headers'}}}>
<tbody>
{{#if resHeaders}}
{{#each resHeaders}}
<tr>
<td {{{class 'key'}}}>{{@key}}</td>
<td>{{.}}</td>
</tr>
{{/each}}
{{else}}
<tr>
<td>Empty</td>
</tr>
{{/if}}
</tbody>
</table>
</div>
{{#if resTxt}}
<pre {{{class 'response'}}}>{{resTxt}}</pre>
{{/if}}
</div>