Wikidata Propbrowse - Hay's tools

<!doctype html> <html ng-app="propbrowse"> <head>  <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Wikidata Propbrowse - Hay's tools</title> <meta property="og:title" content="Wikidata Propbrowse"> <meta property="og:description" content="Browse and view all properties on Wikidata"> <meta property="og:url" content="/propbrowse"> <meta property="og:site_name" content="Hay's tools"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@hayify"> <link rel="stylesheet" href="/vendor/bootstrap/dist/css/bootstrap.min.css" /> <link rel="stylesheet" href="/common/style.css" /> <link rel="stylesheet" href="/propbrowse/css/style.css"> </head> <body> <div id="wrapper" class="container"> <header class="tools-header"> <ul class="nav nav-header nav-pills pull-right tools-nav"> <li><a href="../">Home</a></li> <li><a href="https://github.com/hay/wiki-tools">Source</a></li> </ul> <h3 class="tools-title text-muted"><a href="../">Hay's tools</a></h3> </header> <hr /> <main><section id="content"> <div class="flexrow"> <h1>Wikidata Propbrowse</h1> </div> <p class="lead">Browse and view all properties on Wikidata</p> <div id="app" v-cloak> <p v-show="loading">Loading...</p> <div class="progress" v-show="loading"></div> <div v-show="!loading"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <div class="input-group"> <span class="input-group-addon"> <span class="glyphicon glyphicon-filter"></span> </span> <input class="form-control" type="search" v-bind:placeholder="'Type at least ' + MINIMUM_QUERY_LENGTH + ' characters to start filtering'" v-model.trim="q" /> </div> </div> <div class="col-md-3" v-show="hasLength"> <div class="btn-group pull-right" id="listview"> <button type="button" v-bind:class="[ view === 'detailed' ? 'active' : '']" v-on:click="view = 'detailed'" class="btn btn-default"> <span class="glyphicon glyphicon-th-large"></span> Detailed </button> <button type="button" v-bind:class="[ view === 'compact' ? 'active' : '']" v-on:click="view = 'compact'" class="btn btn-default"> <span class="glyphicon glyphicon-th"></span> Compact </button> </div> </div> </div> <br /> <div class="alert alert-info buffer-top-3" v-if="!hasLength && allproperties"> Filter through {{allproperties.length}} properties by typing something in the box above. Or <span class="text-link" v-on:click="showAll = true">show all properties</span> (can be slow). </div> <br /> <div class="text-center" v-show="properties && hasLength"> <span class="spacing-btn">Found {{properties.length}} results</span> <button class="btn btn-text" v-on:click="resetFilter">Reset filter</button> <button class="btn btn-link" v-on:click="toggleDatatypes"> Filter by datatype </button> <div v-show="showDatatypes"> <button class="btn btn-link" v-on:click="setDatatypes(true)"> Select all </button> <button class="btn btn-link" v-on:click="setDatatypes(false)"> Deselect all </button> <ul class="list-datatypes"> <li v-for="(bool, datatype) in datatypes" class="checkbox"> <label> <input type="checkbox" v-model="datatypes[datatype]" /> {{datatype}} </label> </li> </ul> </div> </div> <p v-show="hasLength && view === 'detailed'">Click on the column headers to sort by that column.</p> <ul class="list" v-if="view === 'compact'"> <li v-for="prop in properties"> <a v-bind:href="prop.url" target="_blank" v-bind:title="prop.description"> <strong>{{prop.id}}</strong> <span>{{prop.label}}</span> </a> </li> </ul> <div v-if="view === 'detailed'"> <div class="alert alert-warning" v-show="properties.length > MAX_DETAILED_LIST_LENGTH"> Showing {{MAX_DETAILED_LIST_LENGTH}} items of {{properties.length}}. </div> <table class="table"> <thead> <tr> <th v-for="(label, key) in headers" v-bind:key="key" v-bind:is-current="key === sortKey" v-on:click="setSort(key)"> {{label}} <span v-if="sortDirection === 1 && key === sortKey">猬嗭笍</span> <span v-if="sortDirection === -1 && key === sortKey">猬囷笍</span> </th> <th>Example</th> </tr> </thead> <tbody> <tr v-for="prop in properties.slice(0, MAX_DETAILED_LIST_LENGTH)"> <td> <a v-bind:href="prop.url" target="_blank">{{prop.id}}</a> </td> <td>{{prop.label}}</td> <td>{{prop.description}}</td> <td>{{prop.types}}</td> <td>{{prop.datatype}}</td> <td> <ul v-if="prop.aliasesList" class="proplist"> <li v-for="item in prop.aliasesList">{{item}}</li> </ul> </td> <td> <ul v-if="prop.example"> <li v-for="ex in prop.example"> <a v-bind:href="'https://www.wikidata.org/wiki/Q' + ex">Q{{ex}}</a> </li> </ul> </td> </tr> </tbody> </table> </div> </div> </div> <a href="props.json" download class="center-block btn btn-link">Download all properties as JSON</a> </section> </main> <hr /> <footer class="footer"> <p><small> Unless stated otherwise all code on these pages is under the <a href="http://opensource.org/licenses/MIT">MIT license</a> and all text and other media is under the <a href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-Sharealike (BY-SA) license</a>. Data that originated from Wikidata is available under <a href="https://creativecommons.org/publicdomain/zero/1.0/">the Creative Commons CC0 License</a>. </small></p> </footer> </div>  <script src="/propbrowse/bundle.js"></script></body> </html>

CINXE.COM

Wikidata Propbrowse - Hay's tools