Update www/m with new statusbar and split view

This commit is contained in:
pancake 2016-07-04 01:33:49 +02:00
parent 4c97858e31
commit fdfd731a30
4 changed files with 836 additions and 190 deletions

View File

@ -256,3 +256,24 @@ ifneq (${EXT_AR},a)
-cp -f capstone/libcapstone.a capstone/libcapstone.${EXT_AR}
endif
endif
www-sync-m:
cp -rf ../../radare2-webui/dist/m www/m.tmp
rm -rf www/m
mv www/m.tmp www/m
git add www/m
www-sync-p:
cp -rf ../../radare2-webui/dist/p www/p.tmp
rm -rf www/p
mv www/p.tmp www/p
git add www/p
www-sync-t:
cp -rf ../../radare2-webui/dist/t www/t.tmp
rm -rf www/t
mv www/t.tmp www/t
git add www/p
www-sync: www-sync-m www-sync-p www-sync-t
@echo webui sync done

View File

@ -83,19 +83,21 @@
<ul class="mdl-menu mdl-js-menu mdl-js-ripple-effect mdl-menu--bottom-right" for="hdrbtn">
<li class="mdl-menu__item"><a target=_blank href="./">New Window</a></li>
<li onclick="singlePanel()" class="mdl-menu__item">Single Panel</li>
<li onclick="hSplit()" class="mdl-menu__item">Horiz Split</li>
<li onclick="vSplit()" class="mdl-menu__item">Vert Split</li>
<li onclick="widgetContainer.merge()" class="mdl-menu__item">Single Panel</li>
<!--<li onclick="hSplit()" class="mdl-menu__item">Horiz Split</li>-->
<li onclick="widgetContainer.split(widgetContainer.Layout.VERTICAL);" class="mdl-menu__item">Vert Split</li>
<li id='menu_seek' class="mdl-menu__item">Seek</li>
<!-- <li id='menu_console' class="mdl-menu__item">Console</li> -->
<li id='menu_settings' class="mdl-menu__item">Settings</li>
<li id='menu_about' class="mdl-menu__item">About</li>
<li id='menu_mail' class="mdl-menu__item">Contact</li>
</ul>
<div id="widgetTools"></div>
</div>
</header>
<div class="demo-drawer mdl-layout__drawer mdl-color--blue-grey-900">
<div class="demo-drawer mdl-layout__drawer mdl-color--blue-grey-900 hoverable">
<header class="demo-drawer-header">
<p class="mdl-typography--text-center">
<a href="./">
@ -119,7 +121,7 @@
</header>
<nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons">home</i>Overview</a>
<a id='menu_overview' class="mdl-navigation__link"><i class="mdl-color-text--blue-grey-400 material-icons">home</i>Overview</a>
<a id='menu_headers' class="mdl-navigation__link"><i class="mdl-color-text--blue-grey-400 material-icons">people</i>Headers</a>
<a id='menu_disasm' class="mdl-navigation__link"><i class="mdl-color-text--blue-grey-400 material-icons">receipt</i>Disassembly</a>
<a id='menu_hexdump' class="mdl-navigation__link"><i class="mdl-color-text--blue-grey-400 material-icons">dashboard</i>Hexdump</a>
@ -138,99 +140,14 @@
</nav>
</div>
<main class="mdl-layout__content" id="content">
<div class="mdl-grid demo-content">
<div class="demo-graphs mdl-shadow--2dp mdl-color--white mdl-cell mdl-cell--8-col">
<div id="info"> </div>
<br />
<a id='info_headers' class="mdl-buton mdl-js-buttom mdl-js-ripple-effect" style="cursor:pointer">read more...</a>
<h3>Entropy</h3>
<svg fill="currentColor" viewBox="0 0 500 80" id="entropy-graph"></svg>
</div>
<div class="demo-cards mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-grid mdl-grid--no-spacing">
<div class="demo-updates mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--12-col-desktop">
<div class="mdl-card__title mdl-card--expand mdl-color--teal-300">
<h2 class="mdl-card__title-text">Fortunes</h2>
</div>
<div class="mdl-card__supporting-text mdl-color-text--grey-600" id='fortune'>
Always use r2 from git
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="javascript:updateFortune()" class="mdl-button mdl-js-button mdl-js-ripple-effect">Next</a>
</div>
</div>
<div class="demo-separator mdl-cell--1-col"></div>
<div class="demo-options mdl-card mdl-color--teal-300 mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--3-col-tablet mdl-cell--12-col-desktop">
<div class="mdl-card__supporting-text mdl-color-grey-600">
<h3 class="mdl-cart__title-text">Analysis Options</h3>
<ul>
<li>
<label for="anal_symbols" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
<input type="checkbox" id="anal_symbols" class="mdl-checkbox__input" />
<span id="anal_symbols" class="mdl-checkbox__label">Analyze symbols</span>
</label>
</li>
<li>
<label for="anal_calls" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
<input id="anal_calls" type="checkbox" class="mdl-checkbox__input" />
<span class="mdl-checkbox__label">Analyze calls</span>
</label>
</li>
<li>
<label for="anal_emu" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
<input id="anal_emu" type="checkbox" class="mdl-checkbox__input" />
<span class="mdl-checkbox__label">Emulate code</span>
</label>
</li>
<li>
<label for="anal_prelude" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
<input id="anal_prelude" type="checkbox" class="mdl-checkbox__input" />
<span class="mdl-checkbox__label">Find preludes</span>
</label>
</li>
<li>
<label for="anal_autoname" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
<input type="checkbox" id="anal_autoname" class="mdl-checkbox__input" />
<span id="anal_autoname" class="mdl-checkbox__label">Autoname fcns</span>
</label>
</li>
</ul>
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="#" id="analyze_button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-color--blue-grey-50 mdl-color-text--blue-greu-50">Analyze</a>
<div class="mdl-layout-spacer"></div>
<i class="material-icons">room</i>
</div>
</div>
</div>
<div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
<svg fill="currentColor" width="200px" height="200px" viewBox="0 0 1 1" class="demo-chart mdl-cell mdl-cell--4-col mdl-cell--3-col-desktop clickable" onclick="panelDisasm();seek('entry0');" title="Go to disassembly">
<use xlink:href="#piechart" mask="url(#piemask)" />
<text x="0.3" y="0.2" font-family="Roboto" font-size="0.1" fill="#888" text-anchor="top" dy="0.1">code</text>
<text x="0.5" y="0.5" font-family="Roboto" font-size="0.3" fill="#888" text-anchor="middle" dy="0.1">82<tspan font-size="0.2" dy="-0.07">%</tspan></text>
</svg>
<svg fill="currentColor" width="200px" height="200px" viewBox="0 0 1 1" class="demo-chart mdl-cell mdl-cell--4-col mdl-cell--3-col-desktop clickable" onclick="panelHexdump();seek('0x00');" title="Go to hexdump">
<use xlink:href="#piechart2" mask="url(#piemask)" />
<text x="0.3" y="0.2" font-family="Roboto" font-size="0.1" fill="#888" text-anchor="top" dy="0.1">data</text>
<text x="0.5" y="0.5" font-family="Roboto" font-size="0.3" fill="#888" text-anchor="middle" dy="0.1">22<tspan dy="-0.07" font-size="0.2">%</tspan></text>
</svg>
<svg fill="currentColor" width="200px" height="200px" viewBox="0 0 1 1" class="demo-chart mdl-cell mdl-cell--4-col mdl-cell--3-col-desktop clickable" onclick="panelStrings()" title="Go to strings">
<use xlink:href="#piechart" mask="url(#piemask)" />
<text x="0.3" y="0.2" font-family="Roboto" font-size="0.1" fill="#888" text-anchor="top" dy="0.1">strings</text>
<text x="0.5" y="0.5" font-family="Roboto" font-size="0.3" fill="#888" text-anchor="middle" dy="0.1">4<tspan dy="-0.07" font-size="0.2">%</tspan></text>
</svg>
<svg fill="currentColor" width="200px" height="200px" viewBox="0 0 1 1" class="demo-chart mdl-cell mdl-cell--4-col mdl-cell--3-col-desktop clickable" onclick="panelFunctions()" title="Go to functions">
<use xlink:href="#piechart" mask="url(#piemask)" />
<text x="0.3" y="0.2" font-family="Roboto" font-size="0.1" fill="#888" text-anchor="top" dy="0.1">functions</text>
<text x="0.5" y="0.5" font-family="Roboto" font-size="0.3" fill="#888" text-anchor="middle" dy="0.1">82<tspan dy="-0.07" font-size="0.2">%</tspan></text>
</svg>
</div>
</div>
<main class="mdl-layout__content" id="container">
<div id="ruler"></div>
<div id="content"></div>
</main>
<footer class="mdl-mini-footer statusbar">
<div id="statusbar"></div>
<footer class="mdl-mini-footer statusbar" id="statusbar_scroll">
<div class="statusbar_title" id="statusbar_title" style="width:100%"></div>
<div class="statusbar_body" id="statusbar"></div>
</footer>
</div>

File diff suppressed because it is too large Load Diff

View File

@ -1,3 +1,5 @@
.mydropdown>.ddcontent{display:none;position:absolute;right:0;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);width:400px;margin:0;padding:0}ul.ddcontent li{display:block;padding:5px 10px;margin:0;border-bottom:1px solid silver;overflow:hidden;font-family:"DejaVu Sans Mono";font-size:11px}ul.ddcontent li.active{background-color:#eee}ul.ddcontent li:last-child{border:none}
.next-attempt{display:none}
.demo-drawer .mdl-menu .mdl-menu__item,.demo-drawer-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.demo-options ul,ul{list-style-type:none}.clickable,.mdl-navigation__link:hover,.statusbar:hover{cursor:pointer}body,html{font-family:Roboto,Helvetica,sans-serif}.demo-avatar{width:48px;height:48px;border-radius:24px;margin-top:22px}.demo-layout .demo-header .mdl-textfield{padding-top:27px}.demo-layout .mdl-layout__header .mdl-layout__drawer-button{color:rgba(0,0,0,.54)}.mdl-layout__drawer .avatar{margin-bottom:16px}.demo-drawer{border:none}.demo-drawer .mdl-menu__container{z-index:-1}.demo-drawer .demo-navigation{z-index:-2}.demo-drawer .mdl-menu .mdl-menu__item{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.demo-drawer-header{box-sizing:border-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:16px;text-align:top;height:128px}.demo-avatar-dropdown,.demo-graphs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-direction:normal}.demo-avatar-dropdown{display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.demo-navigation{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.demo-layout .demo-navigation .mdl-navigation__link{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0;color:rgba(255,255,255,.56);font-weight:500}.demo-layout .demo-navigation .mdl-navigation__link:hover{background-color:#00BCD4;color:#37474F!important}.demo-navigation .mdl-navigation__link .material-icons{font-size:24px;color:rgba(255,255,255,.56);margin-right:32px}.demo-content{max-width:1080px}.demo-charts{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.demo-chart:nth-child(1){color:#ACEC00}.demo-chart:nth-child(2){color:#00BBD6}.demo-chart:nth-child(3){color:#BA65C9}.demo-chart:nth-child(4){color:#EF3C79}.demo-graphs{padding:16px 32px;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}:root .demo-graphs,_:-ms-input-placeholder{min-height:664px}:root .demo-graph,_:-ms-input-placeholder{max-height:300px}.demo-graph:nth-child(1){color:#00b9d8}.demo-graph:nth-child(2){color:#d9006e}.demo-cards{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.demo-cards .demo-separator{height:32px}.demo-cards .mdl-card__title.mdl-card__title{color:#fff;font-size:24px;font-weight:400}.demo-cards ul{padding:0}.demo-cards h3{font-size:1em}.demo-updates .mdl-card__title{min-height:200px;background-image:url(images/icon.png);background-position:90% 100%;background-repeat:no-repeat}.demo-cards .mdl-card__actions a{color:#00BCD4;text-decoration:none}a{color:#a0bcd4!important}.demo-options h3{margin:0}.demo-options .mdl-checkbox__box-outline{border-color:rgba(255,255,255,.89)}.demo-options ul{margin:0}.demo-options li{margin:4px 0}.demo-options .material-icons{color:rgba(255,255,255,.89)}.demo-options .mdl-card__actions{height:64px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.pre,pre{font-family:"DejaVu Sans Mono",Console,Courier New,monospace;color:grey;white-space:pre}input{background-color:#f0f0f0!important;color:#000!important;font-family:monospace;width:100%}.output,.statusbar{font-family:"DejaVu Sans Mono",Console,Courier New,monospace}td{text-align:left!important}.output{border:1px solid red;width:90%;margin-left:16px;margin-top:16px;margin-bottom:16px;background-color:#fff;white-space:pre;display:inline-block}select{-webkit-appearance:none;height:2.3em;margin:.3em;background-color:#3199FF;padding-left:16px;padding-right:16px;border:10px}.statusbar{padding:0!important;z-index:100}.statusbar.bigger>div{height:40vh}@media screen and (min-width:1024px){.statusbar{margin-left:240px}}#statusbar{width:100%;padding:3px}
.demo-drawer .mdl-menu .mdl-menu__item,.demo-drawer-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.demo-options ul,ul{list-style-type:none}.clickable,.mdl-navigation__link:hover,.statusbar.small{cursor:pointer}body,html{font-family:Roboto,Helvetica,sans-serif}.demo-avatar{width:48px;height:48px;border-radius:24px;margin-top:22px}.demo-layout .demo-header .mdl-textfield{padding-top:27px}.demo-layout .mdl-layout__header .mdl-layout__drawer-button{color:rgba(0,0,0,.54)}.mdl-layout__drawer .avatar{margin-bottom:16px}.demo-drawer{border:none}.demo-drawer .mdl-menu__container{z-index:-1}.demo-drawer .demo-navigation{z-index:-2}.demo-drawer .mdl-menu .mdl-menu__item{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.demo-drawer-header{box-sizing:border-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:16px;text-align:top;height:128px}.demo-avatar-dropdown,.demo-graphs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-direction:normal}.demo-avatar-dropdown{display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.demo-navigation{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.demo-layout .demo-navigation .mdl-navigation__link{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0;color:rgba(255,255,255,.56);font-weight:500}.demo-layout .demo-navigation .mdl-navigation__link:hover{background-color:#00BCD4;color:#37474F!important}.demo-navigation .mdl-navigation__link .material-icons{font-size:24px;color:rgba(255,255,255,.56);margin-right:32px}.demo-content{max-width:1080px}.demo-charts{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.demo-chart:nth-child(1){color:#ACEC00}.demo-chart:nth-child(2){color:#00BBD6}.demo-chart:nth-child(3){color:#BA65C9}.demo-chart:nth-child(4){color:#EF3C79}.demo-graphs{padding:16px 32px;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}:root .demo-graphs,_:-ms-input-placeholder{min-height:664px}:root .demo-graph,_:-ms-input-placeholder{max-height:300px}.demo-graph:nth-child(1){color:#00b9d8}.demo-graph:nth-child(2){color:#d9006e}.demo-cards{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.demo-cards .demo-separator{height:32px}.demo-cards .mdl-card__title.mdl-card__title{color:#fff;font-size:24px;font-weight:400}.demo-cards ul{padding:0}.demo-cards h3{font-size:1em}.demo-updates .mdl-card__title{min-height:200px;background-image:url(images/icon.png);background-position:90% 100%;background-repeat:no-repeat}.demo-cards .mdl-card__actions a{color:#00BCD4;text-decoration:none}a{color:#a0bcd4!important}.demo-options h3{margin:0}.demo-options .mdl-checkbox__box-outline{border-color:rgba(255,255,255,.89)}.demo-options ul{margin:0}.demo-options li{margin:4px 0}.demo-options .material-icons{color:rgba(255,255,255,.89)}.demo-options .mdl-card__actions{height:64px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.pre,pre{font-family:"DejaVu Sans Mono",Console,Courier New,monospace;color:grey;white-space:pre}input{background-color:#f0f0f0!important;color:#000!important;font-family:monospace;width:100%}.output,.statusbar{font-family:"DejaVu Sans Mono",Console,Courier New,monospace}td{text-align:left!important}.output{border:1px solid red;width:90%;margin-left:16px;margin-top:16px;margin-bottom:16px;background-color:#fff;white-space:pre;display:inline-block}.statusbar_title{position:fixed;bottom:0;height:1.4em;width:100%;text-align:left}.statusbar{position:absolute;border-top:2px solid green;z-index:100;display:block;bottom:0;right:0;left:0;padding:0!important;background-color:#303030;height:2em;overflow-y:auto}#statusbar{line-height:2em}#container{margin-bottom:2em}#container.sbIsHalf{margin-bottom:50vh}#container.sbIsFull{margin-bottom:120vh}.statusbar.half{height:40vh}.statusbar.full{height:100vh}.hoverable:hover{z-index:999999}
.terminal,.terminal_input,.terminal_output{color:#fff;width:100%;font-family:monospace}.terminal{left:5;right:5;border-radius:10px;background-color:#000}.terminal_output{border-radius:10px;overflow:scroll;white-space:pre-wrap;padding-bottom:1em}.terminal_input,.terminal_prompt{overflow:hidden}.terminal_input{border:none;position:fixed;bottom:2em;background:#000}
#container{clear:both;position:relative;height:100%}.rwidget{height:100%;overflow:auto;box-sizing:border-box}.rwidget.horizontal{height:50%}.rwidget.vertical{width:49.5%;position:absolute}.rwidget.vertical:first-child{left:0}.rwidget.vertical:nth-child(2){right:0}#ruler{position:absolute;margin-left:50%;height:100%;border-right:4px solid #5C5C5C;z-index:1000;cursor:col-resize;display:none}