pods-framework / pods-visualize Goto Github PK
View Code? Open in Web Editor NEWPods Visualize lets you visualize the relationship connections between your pods configs
License: GNU General Public License v2.0
Pods Visualize lets you visualize the relationship connections between your pods configs
License: GNU General Public License v2.0
=== Pods Visualize === Contributors: pglewis Donate link: http://pods.io/ Tags: pods Requires at least: 3.8.1 Tested up to: 3.8.1 Stable tag: 1.0.0 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Visualize your Pods Framework relationships at a high-level with a simple diagram. No learning curve. A menu item is created under the Pods Admin menu; you click, you see. Requires Pods Framework version 2.3.18 or later.
from @sc0ttkclark
I know this code is old, but, I just recently discovered Pods, I'm working my way through setting relationship diagrams, and ran across the very interesting sounding... pods-visualize via the Pods PodCast #2: Data Structure Planning
Anyway, after downloading, installing, and activating this plug-in... when I go to Pods Admin > Pods Visualize... I see a blank page with nothing but "Pods Visualize" displayed.
The console error I'm seeing is as follows:
http://dev.beckatl.com/wp-content/plugins/pods-visualize-master/includes/jointjs/joint.min.js?ver=4.9.4
Uncaught TypeError: _.merge is not a function
at J.c.constructor (joint.min.js?ver=4.9.4:1)
at J.c [as constructor] (joint.min.js?ver=4.9.4:1)
at J.c [as constructor] (joint.min.js?ver=4.9.4:1)
at new J.c (joint.min.js?ver=4.9.4:1)
at Object.pods_visualize.render (pods-visualize.js?ver=1.0.0:2)
at HTMLDocument.<anonymous> (pods-visualize.js?ver=1.0.0:1)
at l (joint.min.js?ver=4.9.4:1)
at Object.fireWith [as resolveWith] (joint.min.js?ver=4.9.4:1)
at Function.ready (joint.min.js?ver=4.9.4:1)
at HTMLDocument.nb (joint.min.js?ver=4.9.4:1)
...
Time to give some control over what's shown.
Pre-process the pod information on the PHP side to cut down on the amount of transferred JSON as much as possible and to ease some of the programming on the javascript side.
Shows up in white on white
Please
If a Pod has many relationships it can become difficult to tell which of the connections the bidirectional arrowhead belongs to. Ideas:
Large numbers of relationships get a bit messy with the default connection mechanism.
Colors, box sizes, link connection styling, fonts and sizes
We might want to try and make a standard system for showing/ checking this in Pods plugins.
The list is currently in the order returned by load_pods()
. Alphabetical makes a lot more sense.
...
Chrome removed support for getTransformToElement()
Add Polyfill?
http://jointjs.com/blog/get-transform-to-element-polyfill.html
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.