debug pannel

This commit is contained in:
pengfei.zhou 2019-08-12 11:33:57 +08:00
parent 945fb626d9
commit c2bc92288e
6 changed files with 32 additions and 32 deletions

View File

@ -20,7 +20,7 @@ public class MainActivity extends AppCompatActivity {
protected void onCreate(Bundle savedInstanceState) { protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState); super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); setContentView(R.layout.activity_main);
DoricContext doricContext = DoricContext.create(this, DoricUtils.readAssetFile("demo/demo.js"), "demo"); DoricContext doricContext = DoricContext.create(this, DoricUtils.readAssetFile("demo/demo.js"), "demo for test");
doricContext.callEntity("__init__", new JSONBuilder() doricContext.callEntity("__init__", new JSONBuilder()
.put("width", ViewGroup.LayoutParams.MATCH_PARENT) .put("width", ViewGroup.LayoutParams.MATCH_PARENT)
.put("height", ViewGroup.LayoutParams.MATCH_PARENT)); .put("height", ViewGroup.LayoutParams.MATCH_PARENT));

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

View File

@ -1,13 +1,12 @@
<template> <template>
<div id="app"> <div id="app">
<img alt="Vue logo" src="./assets/logo.png" /> <img alt="Vue logo" width="200px" src="./assets/doric.svg" />
<!-- <HelloWorld msg="Welcome to Your Vue.js App" /> --> <!-- <HelloWorld msg="Welcome to Your Vue.js App" /> -->
<Debug msg="Debugger" /> <Debug title="Doric Debug Pannel" />
</div> </div>
</template> </template>
<script> <script>
import HelloWorld from "./components/HelloWorld.vue";
import Debug from "./components/Debug.vue"; import Debug from "./components/Debug.vue";
import axios from "axios"; import axios from "axios";
@ -15,7 +14,6 @@ console.log(typeof vm);
export default { export default {
name: "app", name: "app",
components: { components: {
// HelloWorld,
Debug Debug
} }
}; };

View File

@ -0,0 +1 @@
<svg height="512pt" viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m256 138c2.628906 0 5.210938-1.070312 7.070312-2.929688 1.859376-1.859374 2.929688-4.441406 2.929688-7.070312s-1.070312-5.210938-2.929688-7.070312c-1.859374-1.859376-4.441406-2.929688-7.070312-2.929688s-5.210938 1.070312-7.070312 2.929688c-1.859376 1.859374-2.929688 4.441406-2.929688 7.070312s1.070312 5.210938 2.929688 7.070312c1.859374 1.859376 4.441406 2.929688 7.070312 2.929688zm0 0"/><path d="m502 452h-12v-30c0-5.523438-4.476562-10-10-10h-6v-15.832031c0-10.828125-6.605469-20.136719-16-24.113281v-33.722657c0-5.523437-4.476562-10-10-10s-10 4.476563-10 10v31.667969h-20v-142h20v32.355469c0 5.523437 4.476562 10 10 10s10-4.476563 10-10v-34.410157c9.394531-3.976562 16-13.289062 16-24.113281v-15.832031h6c5.523438 0 10-4.476562 10-10v-38h1c4.636719 0 8.660156-3.183594 9.730469-7.695312 1.070312-4.507813-1.101563-9.164063-5.242188-11.242188l-235-118c-2.824219-1.417969-6.152343-1.417969-8.976562 0l-235 118c-4.140625 2.082031-6.3125 6.734375-5.242188 11.242188 1.070313 4.511718 5.09375 7.695312 9.730469 7.695312h1v38c0 5.523438 4.476562 10 10 10h6v15.832031c0 10.824219 6.605469 20.136719 16 24.109375v146.113282c-9.394531 3.976562-16 13.285156-16 24.109374v15.835938h-6c-5.523438 0-10 4.476562-10 10v30h-12c-5.523438 0-10 4.476562-10 10v40c0 5.523438 4.476562 10 10 10h492c5.523438 0 10-4.476562 10-10v-40c0-5.523438-4.476562-10-10-10zm-54.167969-62c3.402344 0 6.167969 2.765625 6.167969 6.167969v15.832031h-52v-15.832031c0-3.402344 2.765625-6.167969 6.167969-6.167969zm-88.5 22v-15.832031c0-10.824219-6.605469-20.136719-16-24.113281v-146.109376c9.394531-3.976562 16-13.289062 16-24.113281v-15.832031h22.667969v15.832031c0 10.824219 6.605469 20.136719 16 24.109375v146.113282c-9.394531 3.976562-16 13.285156-16 24.109374v15.835938zm-114.664062 0v-15.832031c0-10.828125-6.609375-20.136719-16-24.113281v-146.109376c9.390625-3.976562 16-13.289062 16-24.113281v-15.832031h22.667969v15.832031c0 10.824219 6.605468 20.136719 16 24.109375v146.113282c-9.394532 3.976562-16 13.285156-16 24.109374v15.835938zm-114.667969 0v-15.832031c0-10.828125-6.605469-20.136719-16-24.113281v-146.109376c9.394531-3.976562 16-13.289062 16-24.113281v-15.832031h22.667969v15.832031c0 10.824219 6.605469 20.136719 16 24.109375v146.113282c-9.394531 3.976562-16 13.285156-16 24.109374v15.835938zm-56-184h20v142h-20zm114.667969 0h20v142h-20zm36-26.167969c0 3.402344-2.765625 6.167969-6.167969 6.167969h-39.667969c-3.398437 0-6.167969-2.765625-6.167969-6.167969v-15.832031h52v15.832031zm-52 194.335938c0-3.402344 2.765625-6.167969 6.167969-6.167969h39.664062c3.398438 0 6.167969 2.765625 6.167969 6.167969v15.832031h-52zm130.664062-168.167969h20v142h-20zm36-26.167969c0 3.402344-2.765625 6.167969-6.167969 6.167969h-39.664062c-3.398438 0-6.167969-2.765625-6.167969-6.167969v-15.832031h52zm-52 194.335938c0-3.402344 2.765625-6.167969 6.167969-6.167969h39.667969c3.398437 0 6.167969 2.765625 6.167969 6.167969v15.832031h-52v-15.832031zm166.667969-194.335938c0 3.402344-2.765625 6.167969-6.167969 6.167969h-39.667969c-3.398437 0-6.164062-2.765625-6.164062-6.167969v-15.832031h52zm-247.667969-63.832031c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10h-143.132812l192.800781-96.808594 192.800781 96.808594h-139.800781c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h161v28h-428v-28zm-96.332031 48v15.832031c0 3.402344-2.765625 6.167969-6.167969 6.167969h-39.664062c-3.402344 0-6.167969-2.765625-6.167969-6.167969v-15.832031zm-52 210.167969c0-3.402344 2.765625-6.167969 6.167969-6.167969h39.667969c3.398437 0 6.164062 2.765625 6.164062 6.167969v15.832031h-52zm-16 35.832031h428v20h-428zm450 60h-472v-20h472zm0 0"/><path d="m448 289c-2.628906 0-5.210938 1.070312-7.070312 2.929688-1.859376 1.859374-2.929688 4.441406-2.929688 7.070312s1.070312 5.210938 2.929688 7.070312c1.859374 1.859376 4.441406 2.929688 7.070312 2.929688s5.210938-1.070312 7.070312-2.929688c1.859376-1.859374 2.929688-4.441406 2.929688-7.070312s-1.070312-5.210938-2.929688-7.070312c-1.859374-1.859376-4.441406-2.929688-7.070312-2.929688zm0 0"/></svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -1,42 +1,44 @@
<template> <template>
<div class="hello"> <div class="hello">
<h1>{{ msg }}</h1> <h1>{{ title }}</h1>
<p> <p>
For a guide and recipes on how to configure / customize this project,<br> Dev tools for doric.
check out the <br />
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>. <a href="https://github.com/penfeizhou/doric" target="_blank" rel="noopener">Doric</a>.
</p> </p>
<h3>Installed CLI Plugins</h3> <h3>Running Contexts</h3>
<ul> <ul>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li> <li v-for="item in runningContexts" :key="item.id">
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li> <a>source: {{item.source}} id: {{item.id}}</a>
</ul> </li>
<h3>Essential Links</h3>
<ul>
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
</ul>
<h3>Ecosystem</h3>
<ul>
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
</ul> </ul>
</div> </div>
</template> </template>
<script> <script>
import axios from "axios";
export default { export default {
name: 'HelloWorld', name: "Debug",
props: { props: {
msg: String title: String
},
data: () => {
return {
runningContexts: [{ source: "xxxx", id: "xxx" }]
};
},
methods: {
getRunningContexts: function() {
axios.get("/api/allContexts").then(res => {
this.runningContexts = res.data;
});
}
},
mounted: function() {
this.getRunningContexts();
} }
} };
</script> </script>
<!-- Add "scoped" attribute to limit CSS to this component only --> <!-- Add "scoped" attribute to limit CSS to this component only -->

View File

@ -5,6 +5,5 @@ Vue.config.productionTip = false
var vm = new Vue({ var vm = new Vue({
render: h => h(App), render: h => h(App),
allContext: [{ "source": "demo", "id": "1" }],
}) })
vm.$mount('#app') vm.$mount('#app')