style: improve overview example grid
This commit is contained in:
Kiril Peyanski
Родитель
25b81d6951
Коммит
f0f3161949
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"main.css": "static/css/main.427fc237.css",
|
||||
"main.css.map": "static/css/main.427fc237.css.map",
|
||||
"main.js": "static/js/main.bd88eb58.js",
|
||||
"main.js.map": "static/js/main.bd88eb58.js.map"
|
||||
"main.css": "static/css/main.bc76dee6.css",
|
||||
"main.css.map": "static/css/main.bc76dee6.css.map",
|
||||
"main.js": "static/js/main.052ab5ae.js",
|
||||
"main.js.map": "static/js/main.052ab5ae.js.map"
|
||||
}
|
||||
|
|
@ -1 +1 @@
|
|||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"><title>React App</title><script>var baseUrl=""</script><link href="/static/css/main.427fc237.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="homepage-app-demo"></div><script type="text/javascript" src="/static/js/main.bd88eb58.js"></script></body><script>window.renderAwesomeExample()</script></html>
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"><title>React App</title><script>var baseUrl=""</script><link href="/static/css/main.bc76dee6.css" rel="stylesheet"></head><body style="width:1140px;margin:auto"><noscript>You need to enable JavaScript to run this app.</noscript><div id="homepage-app-demo"></div><script type="text/javascript" src="/static/js/main.052ab5ae.js"></script></body><script>window.renderAwesomeExample()</script></html>
|
||||
|
|
@ -1 +1 @@
|
|||
"use strict";var precacheConfig=[["/index.html","400bcb4ddf5fc95e5d0d0282cc3068b3"],["/static/css/main.427fc237.css","514e7517232e7e06cc55e0d3230843ed"],["/static/js/main.bd88eb58.js","6ddde84f99bf1d51ad3646a7ec33fc70"]],cacheName="sw-precache-v3-sw-precache-webpack-plugin-"+(self.registration?self.registration.scope:""),ignoreUrlParametersMatching=[/^utm_/],addDirectoryIndex=function(e,t){var n=new URL(e);return"/"===n.pathname.slice(-1)&&(n.pathname+=t),n.toString()},cleanResponse=function(t){return t.redirected?("body"in t?Promise.resolve(t.body):t.blob()).then(function(e){return new Response(e,{headers:t.headers,status:t.status,statusText:t.statusText})}):Promise.resolve(t)},createCacheKey=function(e,t,n,r){var a=new URL(e);return r&&a.pathname.match(r)||(a.search+=(a.search?"&":"")+encodeURIComponent(t)+"="+encodeURIComponent(n)),a.toString()},isPathWhitelisted=function(e,t){if(0===e.length)return!0;var n=new URL(t).pathname;return e.some(function(e){return n.match(e)})},stripIgnoredUrlParameters=function(e,n){var t=new URL(e);return t.hash="",t.search=t.search.slice(1).split("&").map(function(e){return e.split("=")}).filter(function(t){return n.every(function(e){return!e.test(t[0])})}).map(function(e){return e.join("=")}).join("&"),t.toString()},hashParamName="_sw-precache",urlsToCacheKeys=new Map(precacheConfig.map(function(e){var t=e[0],n=e[1],r=new URL(t,self.location),a=createCacheKey(r,hashParamName,n,/\.\w{8}\./);return[r.toString(),a]}));function setOfCachedUrls(e){return e.keys().then(function(e){return e.map(function(e){return e.url})}).then(function(e){return new Set(e)})}self.addEventListener("install",function(e){e.waitUntil(caches.open(cacheName).then(function(r){return setOfCachedUrls(r).then(function(n){return Promise.all(Array.from(urlsToCacheKeys.values()).map(function(t){if(!n.has(t)){var e=new Request(t,{credentials:"same-origin"});return fetch(e).then(function(e){if(!e.ok)throw new Error("Request for "+t+" returned a response with status "+e.status);return cleanResponse(e).then(function(e){return r.put(t,e)})})}}))})}).then(function(){return self.skipWaiting()}))}),self.addEventListener("activate",function(e){var n=new Set(urlsToCacheKeys.values());e.waitUntil(caches.open(cacheName).then(function(t){return t.keys().then(function(e){return Promise.all(e.map(function(e){if(!n.has(e.url))return t.delete(e)}))})}).then(function(){return self.clients.claim()}))}),self.addEventListener("fetch",function(t){if("GET"===t.request.method){var e,n=stripIgnoredUrlParameters(t.request.url,ignoreUrlParametersMatching),r="index.html";(e=urlsToCacheKeys.has(n))||(n=addDirectoryIndex(n,r),e=urlsToCacheKeys.has(n));var a="/index.html";!e&&"navigate"===t.request.mode&&isPathWhitelisted(["^(?!\\/__).*"],t.request.url)&&(n=new URL(a,self.location).toString(),e=urlsToCacheKeys.has(n)),e&&t.respondWith(caches.open(cacheName).then(function(e){return e.match(urlsToCacheKeys.get(n)).then(function(e){if(e)return e;throw Error("The cached response that was expected is missing.")})}).catch(function(e){return console.warn('Couldn\'t serve response for "%s" from cache: %O',t.request.url,e),fetch(t.request)}))}});
|
||||
"use strict";var precacheConfig=[["/index.html","a1063c460b5313d9f43bded98101ecc6"],["/static/css/main.bc76dee6.css","c28a42421c90fc486454c622c191a53b"],["/static/js/main.052ab5ae.js","d48cea15e8199bbfa34bbf2ca6d9dd21"]],cacheName="sw-precache-v3-sw-precache-webpack-plugin-"+(self.registration?self.registration.scope:""),ignoreUrlParametersMatching=[/^utm_/],addDirectoryIndex=function(e,t){var n=new URL(e);return"/"===n.pathname.slice(-1)&&(n.pathname+=t),n.toString()},cleanResponse=function(t){return t.redirected?("body"in t?Promise.resolve(t.body):t.blob()).then(function(e){return new Response(e,{headers:t.headers,status:t.status,statusText:t.statusText})}):Promise.resolve(t)},createCacheKey=function(e,t,n,r){var a=new URL(e);return r&&a.pathname.match(r)||(a.search+=(a.search?"&":"")+encodeURIComponent(t)+"="+encodeURIComponent(n)),a.toString()},isPathWhitelisted=function(e,t){if(0===e.length)return!0;var n=new URL(t).pathname;return e.some(function(e){return n.match(e)})},stripIgnoredUrlParameters=function(e,n){var t=new URL(e);return t.hash="",t.search=t.search.slice(1).split("&").map(function(e){return e.split("=")}).filter(function(t){return n.every(function(e){return!e.test(t[0])})}).map(function(e){return e.join("=")}).join("&"),t.toString()},hashParamName="_sw-precache",urlsToCacheKeys=new Map(precacheConfig.map(function(e){var t=e[0],n=e[1],r=new URL(t,self.location),a=createCacheKey(r,hashParamName,n,/\.\w{8}\./);return[r.toString(),a]}));function setOfCachedUrls(e){return e.keys().then(function(e){return e.map(function(e){return e.url})}).then(function(e){return new Set(e)})}self.addEventListener("install",function(e){e.waitUntil(caches.open(cacheName).then(function(r){return setOfCachedUrls(r).then(function(n){return Promise.all(Array.from(urlsToCacheKeys.values()).map(function(t){if(!n.has(t)){var e=new Request(t,{credentials:"same-origin"});return fetch(e).then(function(e){if(!e.ok)throw new Error("Request for "+t+" returned a response with status "+e.status);return cleanResponse(e).then(function(e){return r.put(t,e)})})}}))})}).then(function(){return self.skipWaiting()}))}),self.addEventListener("activate",function(e){var n=new Set(urlsToCacheKeys.values());e.waitUntil(caches.open(cacheName).then(function(t){return t.keys().then(function(e){return Promise.all(e.map(function(e){if(!n.has(e.url))return t.delete(e)}))})}).then(function(){return self.clients.claim()}))}),self.addEventListener("fetch",function(t){if("GET"===t.request.method){var e,n=stripIgnoredUrlParameters(t.request.url,ignoreUrlParametersMatching),r="index.html";(e=urlsToCacheKeys.has(n))||(n=addDirectoryIndex(n,r),e=urlsToCacheKeys.has(n));var a="/index.html";!e&&"navigate"===t.request.mode&&isPathWhitelisted(["^(?!\\/__).*"],t.request.url)&&(n=new URL(a,self.location).toString(),e=urlsToCacheKeys.has(n)),e&&t.respondWith(caches.open(cacheName).then(function(e){return e.match(urlsToCacheKeys.get(n)).then(function(e){if(e)return e;throw Error("The cached response that was expected is missing.")})}).catch(function(e){return console.warn('Couldn\'t serve response for "%s" from cache: %O',t.request.url,e),fetch(t.request)}))}});
|
||||
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
|
|
@ -23,7 +23,7 @@
|
|||
var baseUrl = '';
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<body style="width: 1140px; margin: auto">
|
||||
<noscript>
|
||||
You need to enable JavaScript to run this app.
|
||||
</noscript>
|
||||
|
|
|
|||
|
|
@ -85,6 +85,9 @@
|
|||
#homepage-app-demo .project-item {
|
||||
padding:0.5em 2em;
|
||||
}
|
||||
#homepage-app-demo a.k-link {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.k-chart-tooltip p {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -45,12 +45,12 @@ export default class GridContainer extends React.Component {
|
|||
onDataStateChange={this.handleDataStateChange}
|
||||
sortable
|
||||
>
|
||||
<Column field="ProductID" title="ID" sortable={false} width="80px"/>
|
||||
<Column field="ProductName" title="Name"/>
|
||||
<Column field="ProductID" title="ID" sortable={false} width="40px"/>
|
||||
<Column field="ProductName" title="Name" />
|
||||
<Column field="UnitPrice" title="Price" width="100px"/>
|
||||
<Column field="UnitsInStock" title="In stock" width="120px"/>
|
||||
<Column field="PriceHistory" title="Price history" cell={SparkLineChartCell}sortable={false} width="250px"/>
|
||||
<Column field="Discontinued" width="150px"
|
||||
<Column field="UnitsInStock" title="In stock" sortable={false} width="100px"/>
|
||||
<Column field="PriceHistory" title="Price history" cell={SparkLineChartCell}sortable={false} width="200px"/>
|
||||
<Column field="Discontinued" title="Active" sortable={false} width="100px"
|
||||
cell={(props) => (
|
||||
<td>
|
||||
<input type="checkbox" disabled className="k-checkbox" defaultChecked={props.dataItem[props.field]} />
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче