mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-12 23:14:18 +01:00
Allow to set a customized placeholder for ajax tabs in scrollable mode
This commit is contained in:
Stephen Abello
79
images/placeholders/skeleton-dashboard.svg
Normal file
79
images/placeholders/skeleton-dashboard.svg
Normal file
@@ -0,0 +1,79 @@
|
||||
<svg
|
||||
role="img"
|
||||
aria-labelledby="loading-aria"
|
||||
viewBox="0 0 540 100"
|
||||
preserveAspectRatio="none"
|
||||
>
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="100%"
|
||||
height="100%"
|
||||
clip-path="url(#dashboard-clip-path)"
|
||||
style='fill: url("#dashboard-fill");'
|
||||
></rect>
|
||||
<defs>
|
||||
<clipPath id="dashboard-clip-path">
|
||||
<circle cx="231" cy="30" r="30" />
|
||||
<rect x="8" y="6" rx="2" ry="2" width="140" height="10" />
|
||||
<rect x="8" y="28" rx="2" ry="2" width="20" height="10" />
|
||||
<rect x="397" y="4" rx="2" ry="2" width="20" height="20" />
|
||||
<rect x="38" y="28" rx="2" ry="2" width="20" height="10" />
|
||||
<rect x="68" y="28" rx="2" ry="2" width="20" height="10" />
|
||||
<rect x="98" y="28" rx="2" ry="2" width="20" height="10" />
|
||||
<rect x="8" y="60" rx="2" ry="2" width="130" height="10" />
|
||||
<rect x="8" y="80" rx="2" ry="2" width="40" height="10" />
|
||||
<rect x="274" y="14" rx="3" ry="3" width="61" height="6" />
|
||||
<rect x="274" y="24" rx="3" ry="3" width="61" height="6" />
|
||||
<rect x="274" y="34" rx="3" ry="3" width="61" height="6" />
|
||||
<rect x="204" y="70" rx="0" ry="0" width="30" height="10" />
|
||||
<rect x="204" y="90" rx="0" ry="0" width="150" height="10" />
|
||||
<rect x="425" y="9" rx="0" ry="0" width="120" height="10" />
|
||||
<rect x="402" y="90" rx="2" ry="2" width="20" height="11" />
|
||||
<rect x="432" y="40" rx="2" ry="2" width="20" height="60" />
|
||||
<rect x="462" y="70" rx="2" ry="2" width="20" height="30" />
|
||||
<rect x="492" y="60" rx="2" ry="2" width="20" height="40" />
|
||||
</clipPath>
|
||||
<linearGradient id="dashboard-fill">
|
||||
<stop
|
||||
offset="0.599964"
|
||||
stop-color="#f3f3f3"
|
||||
stop-opacity="1"
|
||||
>
|
||||
<animate
|
||||
attributeName="offset"
|
||||
values="-2; -2; 1"
|
||||
keyTimes="0; 0.25; 1"
|
||||
dur="2s"
|
||||
repeatCount="indefinite"
|
||||
></animate>
|
||||
</stop>
|
||||
<stop
|
||||
offset="1.59996"
|
||||
stop-color="#ecebeb"
|
||||
stop-opacity="1"
|
||||
>
|
||||
<animate
|
||||
attributeName="offset"
|
||||
values="-1; -1; 2"
|
||||
keyTimes="0; 0.25; 1"
|
||||
dur="2s"
|
||||
repeatCount="indefinite"
|
||||
></animate>
|
||||
</stop>
|
||||
<stop
|
||||
offset="2.59996"
|
||||
stop-color="#f3f3f3"
|
||||
stop-opacity="1"
|
||||
>
|
||||
<animate
|
||||
attributeName="offset"
|
||||
values="0; 0; 3"
|
||||
keyTimes="0; 0.25; 1"
|
||||
dur="2s"
|
||||
repeatCount="indefinite"
|
||||
></animate>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
81
images/placeholders/skeleton-list.svg
Normal file
81
images/placeholders/skeleton-list.svg
Normal file
@@ -0,0 +1,81 @@
|
||||
<svg
|
||||
role="img"
|
||||
aria-labelledby="loading-aria"
|
||||
viewBox="0 0 540 100"
|
||||
preserveAspectRatio="none"
|
||||
>
|
||||
<title id="loading-aria">Loading...</title>
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="100%"
|
||||
height="100%"
|
||||
clip-path="url(#list-clip-path)"
|
||||
style='fill: url("#list-fill");'
|
||||
></rect>
|
||||
<defs>
|
||||
<clipPath id="list-clip-path">
|
||||
<rect x="0" y="0" rx="3" ry="3" width="67" height="11" />
|
||||
<rect x="76" y="0" rx="3" ry="3" width="140" height="11" />
|
||||
<rect x="377" y="0" rx="3" ry="3" width="53" height="11" />
|
||||
<rect x="438" y="0" rx="3" ry="3" width="100" height="11" />
|
||||
<rect x="226" y="0" rx="3" ry="3" width="140" height="11" />
|
||||
<rect x="0" y="30" rx="3" ry="3" width="67" height="11" />
|
||||
<rect x="76" y="30" rx="3" ry="3" width="140" height="11" />
|
||||
<rect x="377" y="30" rx="3" ry="3" width="53" height="11" />
|
||||
<rect x="438" y="30" rx="3" ry="3" width="100" height="11" />
|
||||
<rect x="226" y="30" rx="3" ry="3" width="140" height="11" />
|
||||
<rect x="0" y="60" rx="3" ry="3" width="67" height="11" />
|
||||
<rect x="76" y="60" rx="3" ry="3" width="140" height="11" />
|
||||
<rect x="377" y="60" rx="3" ry="3" width="53" height="11" />
|
||||
<rect x="438" y="60" rx="3" ry="3" width="100" height="11" />
|
||||
<rect x="226" y="60" rx="3" ry="3" width="140" height="11" />
|
||||
<rect x="0" y="90" rx="3" ry="3" width="67" height="11" />
|
||||
<rect x="76" y="90" rx="3" ry="3" width="140" height="11" />
|
||||
<rect x="377" y="90" rx="3" ry="3" width="53" height="11" />
|
||||
<rect x="438" y="90" rx="3" ry="3" width="100" height="11" />
|
||||
<rect x="226" y="90" rx="3" ry="3" width="140" height="11" />
|
||||
</clipPath>
|
||||
<linearGradient id="list-fill">
|
||||
<stop
|
||||
offset="0.599964"
|
||||
stop-color="#f3f3f3"
|
||||
stop-opacity="1"
|
||||
>
|
||||
<animate
|
||||
attributeName="offset"
|
||||
values="-2; -2; 1"
|
||||
keyTimes="0; 0.25; 1"
|
||||
dur="2s"
|
||||
repeatCount="indefinite"
|
||||
></animate>
|
||||
</stop>
|
||||
<stop
|
||||
offset="1.59996"
|
||||
stop-color="#ecebeb"
|
||||
stop-opacity="1"
|
||||
>
|
||||
<animate
|
||||
attributeName="offset"
|
||||
values="-1; -1; 2"
|
||||
keyTimes="0; 0.25; 1"
|
||||
dur="2s"
|
||||
repeatCount="indefinite"
|
||||
></animate>
|
||||
</stop>
|
||||
<stop
|
||||
offset="2.59996"
|
||||
stop-color="#f3f3f3"
|
||||
stop-opacity="1"
|
||||
>
|
||||
<animate
|
||||
attributeName="offset"
|
||||
values="0; 0; 3"
|
||||
keyTimes="0; 0.25; 1"
|
||||
dur="2s"
|
||||
repeatCount="indefinite"
|
||||
></animate>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
87
images/placeholders/skeleton-object.svg
Normal file
87
images/placeholders/skeleton-object.svg
Normal file
@@ -0,0 +1,87 @@
|
||||
<svg
|
||||
role="img"
|
||||
aria-labelledby="loading-aria"
|
||||
viewBox="0 0 540 100"
|
||||
preserveAspectRatio="none"
|
||||
>
|
||||
<title id="loading-aria">Loading...</title>
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="100%"
|
||||
height="100%"
|
||||
clip-path="url(#object-clip-path)"
|
||||
style='fill: url("#object-fill");'
|
||||
></rect>
|
||||
<defs>
|
||||
<clipPath id="object-clip-path">
|
||||
<rect x="0" y="0" rx="0" ry="0" width="NaN" height="NaN" />
|
||||
<rect x="343" y="14" rx="0" ry="0" width="30" height="10" />
|
||||
<circle cx="36" cy="20" r="20" />
|
||||
<rect x="64" y="4" rx="5" ry="5" width="150" height="10" />
|
||||
<rect x="84" y="23" rx="5" ry="5" width="55" height="10" />
|
||||
<circle cx="-28" cy="121" r="18" />
|
||||
<rect x="-49" y="98" rx="5" ry="5" width="30" height="10" />
|
||||
<rect x="-20" y="114" rx="5" ry="5" width="60" height="10" />
|
||||
<rect x="49" y="49" rx="5" ry="5" width="50" height="10" />
|
||||
<rect x="49" y="89" rx="5" ry="5" width="80" height="10" />
|
||||
<rect x="49" y="69" rx="5" ry="5" width="30" height="10" />
|
||||
<rect x="278" y="130" rx="5" ry="5" width="163" height="10" />
|
||||
<rect x="278" y="110" rx="5" ry="5" width="163" height="10" />
|
||||
<rect x="64" y="23" rx="5" ry="5" width="10" height="10" />
|
||||
<rect x="86" y="111" rx="5" ry="5" width="60" height="10" />
|
||||
<rect x="155" y="46" rx="5" ry="5" width="40" height="10" />
|
||||
<rect x="155" y="86" rx="5" ry="5" width="10" height="10" />
|
||||
<rect x="155" y="66" rx="5" ry="5" width="45" height="10" />
|
||||
<rect x="383" y="14" rx="0" ry="0" width="30" height="10" />
|
||||
<rect x="423" y="14" rx="0" ry="0" width="30" height="10" />
|
||||
<rect x="261" y="49" rx="5" ry="5" width="33" height="10" />
|
||||
<rect x="261" y="89" rx="5" ry="5" width="70" height="10" />
|
||||
<rect x="261" y="69" rx="5" ry="5" width="60" height="10" />
|
||||
<rect x="367" y="46" rx="5" ry="5" width="40" height="10" />
|
||||
<rect x="367" y="86" rx="5" ry="5" width="44" height="10" />
|
||||
<rect x="367" y="66" rx="5" ry="5" width="38" height="10" />
|
||||
</clipPath>
|
||||
<linearGradient id="object-fill">
|
||||
<stop
|
||||
offset="0.599964"
|
||||
stop-color="#f3f3f3"
|
||||
stop-opacity="1"
|
||||
>
|
||||
<animate
|
||||
attributeName="offset"
|
||||
values="-2; -2; 1"
|
||||
keyTimes="0; 0.25; 1"
|
||||
dur="2s"
|
||||
repeatCount="indefinite"
|
||||
></animate>
|
||||
</stop>
|
||||
<stop
|
||||
offset="1.59996"
|
||||
stop-color="#ecebeb"
|
||||
stop-opacity="1"
|
||||
>
|
||||
<animate
|
||||
attributeName="offset"
|
||||
values="-1; -1; 2"
|
||||
keyTimes="0; 0.25; 1"
|
||||
dur="2s"
|
||||
repeatCount="indefinite"
|
||||
></animate>
|
||||
</stop>
|
||||
<stop
|
||||
offset="2.59996"
|
||||
stop-color="#f3f3f3"
|
||||
stop-opacity="1"
|
||||
>
|
||||
<animate
|
||||
attributeName="offset"
|
||||
values="0; 0; 3"
|
||||
keyTimes="0; 0.25; 1"
|
||||
dur="2s"
|
||||
repeatCount="indefinite"
|
||||
></animate>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
@@ -1,48 +1,42 @@
|
||||
<svg
|
||||
role="img"
|
||||
aria-labelledby="loading-aria"
|
||||
viewBox="0 0 1000 300"
|
||||
viewBox="0 0 540 100"
|
||||
preserveAspectRatio="none"
|
||||
>
|
||||
<title id="loading-aria">Loading...</title>
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="100%"
|
||||
height="100%"
|
||||
clip-path="url(#clip-path)"
|
||||
style='fill: url("#fill");'
|
||||
clip-path="url(#misc-clip-path)"
|
||||
style='fill: url("#misc-fill");'
|
||||
></rect>
|
||||
<defs>
|
||||
<clipPath id="clip-path">
|
||||
<clipPath id="misc-clip-path">
|
||||
<rect x="0" y="0" rx="0" ry="0" width="NaN" height="NaN" />
|
||||
<rect x="36" y="16" rx="5" ry="5" width="326" height="15" />
|
||||
<circle cx="14" cy="68" r="12" />
|
||||
<rect x="36" y="61" rx="5" ry="5" width="326" height="15" />
|
||||
<circle cx="13" cy="26" r="12" />
|
||||
<rect x="405" y="16" rx="0" ry="0" width="163" height="146" />
|
||||
<circle cx="45" cy="135" r="42" />
|
||||
<rect x="103" y="104" rx="5" ry="5" width="156" height="15" />
|
||||
<rect x="104" y="146" rx="5" ry="5" width="257" height="15" />
|
||||
<rect x="584" y="14" rx="5" ry="5" width="326" height="15" />
|
||||
<rect x="922" y="14" rx="5" ry="5" width="69" height="15" />
|
||||
<rect x="584" y="46" rx="5" ry="5" width="326" height="15" />
|
||||
<rect x="922" y="46" rx="5" ry="5" width="69" height="15" />
|
||||
<rect x="584" y="78" rx="5" ry="5" width="326" height="15" />
|
||||
<rect x="922" y="78" rx="5" ry="5" width="69" height="15" />
|
||||
<rect x="584" y="110" rx="5" ry="5" width="326" height="15" />
|
||||
<rect x="922" y="110" rx="5" ry="5" width="69" height="15" />
|
||||
<rect x="440" y="186" rx="5" ry="5" width="326" height="15" />
|
||||
<circle cx="418" cy="238" r="12" />
|
||||
<rect x="440" y="231" rx="5" ry="5" width="326" height="15" />
|
||||
<circle cx="417" cy="196" r="12" />
|
||||
<rect x="410" y="269" rx="5" ry="5" width="352" height="27" />
|
||||
<rect x="805" y="176" rx="0" ry="0" width="163" height="146" />
|
||||
<circle cx="44" cy="250" r="42" />
|
||||
<rect x="102" y="219" rx="5" ry="5" width="156" height="15" />
|
||||
<rect x="103" y="261" rx="5" ry="5" width="257" height="15" />
|
||||
<rect x="20" y="1" rx="5" ry="5" width="103" height="10" />
|
||||
<circle cx="6" cy="6" r="6" />
|
||||
<rect x="247" y="2" rx="0" ry="0" width="72" height="64" />
|
||||
<circle cx="18" cy="80" r="18" />
|
||||
<rect x="41" y="66" rx="5" ry="5" width="70" height="10" />
|
||||
<rect x="428" y="78" rx="0" ry="0" width="75" height="67" />
|
||||
<circle cx="6" cy="26" r="6" />
|
||||
<rect x="20" y="41" rx="5" ry="5" width="183" height="10" />
|
||||
<circle cx="6" cy="46" r="6" />
|
||||
<rect x="41" y="81" rx="5" ry="5" width="55" height="10" />
|
||||
<circle cx="19" cy="121" r="18" />
|
||||
<rect x="42" y="107" rx="5" ry="5" width="30" height="10" />
|
||||
<rect x="42" y="122" rx="5" ry="5" width="60" height="10" />
|
||||
<rect x="20" y="21" rx="5" ry="5" width="143" height="10" />
|
||||
<rect x="334" y="8" rx="5" ry="5" width="163" height="10" />
|
||||
<rect x="334" y="48" rx="5" ry="5" width="163" height="10" />
|
||||
<rect x="334" y="28" rx="5" ry="5" width="163" height="10" />
|
||||
<rect x="252" y="89" rx="5" ry="5" width="163" height="10" />
|
||||
<rect x="252" y="129" rx="5" ry="5" width="163" height="10" />
|
||||
<rect x="252" y="109" rx="5" ry="5" width="163" height="10" />
|
||||
</clipPath>
|
||||
<linearGradient id="fill">
|
||||
<linearGradient id="misc-fill">
|
||||
<stop
|
||||
offset="0.599964"
|
||||
stop-color="#f3f3f3"
|
||||
|
||||
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 2.7 KiB |
Reference in New Issue
Block a user