@@ -20,60 +20,60 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
2020 <material-button waves-center =" true" rounded =" true" waves-color =" #ddd" onClick =" { toTaglist }"
2121 <i class =" material-icons" i >
2222 </material-button >
23- <h2 >
24- History of { props .image }:{ props .tag } <i class =" material-icons" i >
25- </h2 >
23+ <h2 >History of { props .image }:{ props .tag } <i class =" material-icons" i ></h2 >
2624 </div >
2725 </material-card >
2826 <div if =" { ! state .loadend }" class =" spinner-wrapper"
29- <material-spinner / >
27+ <material-spinner ></ material-spinner >
3028 </div >
3129
32- <material-tabs if =" { state .archs && state .loadend }" useLine =" { true }" tabs =" { state .archs }"
33- onTabChanged =" { onTabChanged }"
30+ <material-tabs
31+ if =" { state .archs && state .loadend }"
32+ useLine =" { true }"
33+ tabs =" { state .archs }"
34+ onTabChanged =" { onTabChanged }"
35+ ></material-tabs >
3436
3537 <material-card each =" { element in state .elements }" class =" tag-history-element"
36- <tag-history-element each =" { entry in element }" if =" { entry .value && entry .value .length > 0 }" entry =" { entry }"
38+ <tag-history-element
39+ each =" { entry in element }"
40+ if =" { entry .value && entry .value .length > 0 }"
41+ entry =" { entry }"
42+ ></tag-history-element >
3743 </material-card >
3844 <script >
39- import {
40- DockerImage
41- } from ' ../../scripts/docker-image'
42- import {
43- bytesToSize
44- } from ' ../../scripts/utils'
45+ import { DockerImage } from ' ../../scripts/docker-image'
46+ import { bytesToSize } from ' ../../scripts/utils'
4547 import router from ' ../../scripts/router'
46- import TagHistoryElement from ' ./tag-history-element.riot'
48+ import TagHistoryElement from ' ./tag-history-element.riot' ;
4749 export default {
4850 components: {
49- TagHistoryElement
51+ TagHistoryElement,
5052 },
5153 onBeforeMount (props , state ) {
5254 state .elements = [];
5355 state .image = new DockerImage (props .image , props .tag , {
5456 list: true ,
5557 registryUrl: props .registryUrl ,
5658 onNotify: props .onNotify ,
57- onAuthentication: props .onAuthentication
59+ onAuthentication: props .onAuthentication ,
5860 });
59- state .image .fillInfo ()
61+ state .image .fillInfo ();
6062 },
6163 onMounted (props , state ) {
6264 state .image .on (' blobs' this .processBlobs );
6365 state .image .on (' list' this .multiArchList );
6466 },
6567 onTabChanged (arch , idx ) {
6668 const state = this .state ;
67- const {
68- registryUrl ,
69- onNotify
70- } = this .props ;
71- state .elements = []
72- state .image .variants [idx] = state .image .variants [idx] ||
69+ const { registryUrl , onNotify } = this .props ;
70+ state .elements = [];
71+ state .image .variants [idx] =
72+ state .image .variants [idx] ||
7373 new DockerImage (this .props .image , arch .digest , {
7474 list: false ,
7575 registryUrl,
76- onNotify
76+ onNotify,
7777 });
7878 if (state .image .variants [idx].blobs ) {
7979 return this .processBlobs (state .image .variants [idx].blobs );
@@ -83,48 +83,52 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
8383 },
8484 processBlobs (blobs ) {
8585 const state = this .state ;
86+ const { historyCustomLabels } = this .props ;
8687
8788 function exec (elt ) {
8889 const guiElements = [];
8990 for (var attribute in elt) {
9091 if (elt .hasOwnProperty (attribute) && attribute != ' empty_layer'
9192 const value = elt[attribute];
9293 const guiElement = {
93- " key" : attribute,
94- " value" : modifySpecificAttributeTypes (attribute, value)
94+ ' key' : attribute,
95+ ' value' : modifySpecificAttributeTypes (attribute, value),
9596 };
9697 guiElements .push (guiElement);
9798 }
9899 }
99100 return guiElements .sort (eltSort);
100101 }
101102 const elements = new Array (blobs .history .length + 1 );
102- elements[0 ] = exec (getConfig (blobs));
103+ elements[0 ] = exec (getConfig (blobs, { historyCustomLabels } ));
103104 blobs .history .forEach (function (elt , i ) {
104- elements[blobs .history .length - i] = exec (elt)
105+ elements[blobs .history .length - i] = exec (elt);
105106 });
106107 this .update ({
107108 elements,
108- loadend: true
109+ loadend: true ,
109110 });
110111 },
111112 multiArchList (manifests ) {
112113 manifests = manifests .manifests || manifests;
113114 const archs = manifests .map (function (manifest ) {
114115 return {
115- title: manifest .platform .os + ' /' + manifest .platform .architecture + (manifest .platform .variant ?
116- manifest .platform .variant : ' '
117- digest: manifest .digest
118- }
116+ title:
117+ manifest .platform .os +
118+ ' /' +
119+ manifest .platform .architecture +
120+ (manifest .platform .variant ? manifest .platform .variant : ' '
121+ digest: manifest .digest ,
122+ };
119123 });
120124 this .update ({
121- archs
125+ archs,
122126 });
123127 },
124128 toTaglist () {
125129 router .taglist (this .props .image );
126- }
127- }
130+ },
131+ };
128132 const eltIdx = function (e ) {
129133 switch (e) {
130134 case ' created'
@@ -158,7 +162,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
158162 return new Date (value).toLocaleString ();
159163 case ' created_by'
160164 const cmd = value .match (/ \/ bin\/ sh * -c * #\( nop\) * ([A-Z ] + )/
161- return (cmd && cmd[1 ]) || ' RUN'
165+ return (cmd && cmd[1 ]) || ' RUN' ;
162166 case ' size'
163167 return bytesToSize (value);
164168 case ' Entrypoint'
@@ -175,26 +179,47 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
175179 return value || ' '
176180 };
177181
178- const getConfig = function (blobs ) {
179- const res = [' architecture' ' User' ' created' ' docker_version' ' os' ' Cmd' ' Entrypoint' ' Env' ' Labels'
180- ' User' ' Volumes' ' WorkingDir' ' author' ' id' ' ExposedPorts'
181- ]
182- .reduce (function (acc , e ) {
183- const value = blobs[e] || blobs .config [e];
184- if (value && e === ' architecture' && blobs .variant ) {
185- acc[e] = value + blobs .variant ;
186- } else if (value) {
187- acc[e] = value;
188- }
189- return acc;
190- }, {});
182+ const getConfig = function (blobs , { historyCustomLabels }) {
183+ console .log (this );
184+ const res = [
185+ ' architecture'
186+ ' User'
187+ ' created'
188+ ' docker_version'
189+ ' os'
190+ ' Cmd'
191+ ' Entrypoint'
192+ ' Env'
193+ ' Labels'
194+ ' User'
195+ ' Volumes'
196+ ' WorkingDir'
197+ ' author'
198+ ' id'
199+ ' ExposedPorts'
200+ ].reduce (function (acc , e ) {
201+ const value = blobs[e] || blobs .config [e];
202+ if (value && e === ' architecture' && blobs .variant ) {
203+ acc[e] = value + blobs .variant ;
204+ } else if (value) {
205+ acc[e] = value;
206+ }
207+ return acc;
208+ }, {});
191209
192- if (! res .author && ( res .Labels && res .Labels .maintainer ) ) {
210+ if (! res .author && res .Labels && res .Labels .maintainer ) {
193211 res .author = blobs .config .Labels .maintainer ;
194212 delete res .Labels .maintainer ;
195213 }
196214
215+ historyCustomLabels
216+ .filter ((label ) => res .Labels [label])
217+ .forEach ((label ) => {
218+ res[` custom-label-${ label} ` = res .Labels [label];
219+ delete res .Labels [label];
220+ });
221+
197222 return res;
198223 };
199224 </script >
200- </tag-history >
225+ </tag-history >
0 commit comments