update size of the cell

pharo-media-center · Jun 13, 2019 · 8d9d480 · 8d9d480
1 parent 1d5890c
commit 8d9d480
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 10 deletions.
diff --git a/src/EMM-Importer/EMMLibraryImporter.class.st b/src/EMM-Importer/EMMLibraryImporter.class.st
@@ -26,6 +26,7 @@ EMMLibraryImporter >> createSongFromFile: file [
 	folder := (self ensureFolderFromFileReference: file parent).
 	folder addSong: song.
 	song folder: folder.
+	song title: id3parser id3v2Tag title.
 	song path: file.
 	^ song
 ]

diff --git a/src/EMM-WebApplication/EMMFoldersModule.class.st b/src/EMM-WebApplication/EMMFoldersModule.class.st
@@ -18,7 +18,6 @@ EMMFoldersModule >> renderContentOn: html [
 		mdlTextColorAccent;
 		with: 'Selected element: ' , (selectedElement ifNil: [ 'No element selected' ] ifNotNil: [ selectedElement name ]).
 	html div
-		style: 'height: 400px';
 		with:
 			((MDLNestedList elements: self session model directories values children: [ :child | #() ])
 				format: [ :emmmDirectory | emmmDirectory name ];

diff --git a/src/EMM-WebApplication/EMMListModule.class.st b/src/EMM-WebApplication/EMMListModule.class.st
@@ -28,32 +28,41 @@ EMMListModule >> initialize [
 { #category : #rendering }
 EMMListModule >> renderContentOn: html [
 	html mdlTable
+		attributeAt: 'width' put: '100%';
 		with: [ html
 				tableHead: [ html
 						tableRow: [ html mdlTableHeading
 								nonNumerical;
 								with: 'Title'.
+							html mdlTableHeading
+								nonNumerical;
+								with: 'Author'.
 							html mdlTableHeading: 'Lenght'.
-							html mdlTableHeading: 'Author'.
-							html mdlTableHeading: 'Play' ] ].
+
+							html mdlTableHeading
+								nonNumerical;
+								with: 'Play' ] ].
 			html
 				tableBody: [ datas
 						do: [ :song | 
 							html
 								tableRow: [ html mdlTableCell
 										nonNumerical;
-										with: song name.
-									html mdlTableCell
-										nonNumerical;
-										with: 'le'.
+										with: song title.
 									html mdlTableCell
 										nonNumerical;
 										with: song artists asOrderedCollection first name.
+									html mdlTableCell with: 'le'.
 									html mdlTableCell
 										nonNumerical;
 										with: [ html mdlAnchorButton
-												callback: [ (EMMMusicPlayer new playSong: song) play. ];
+												callback: [ (EMMMusicPlayer new playSong: song) play ];
 												colored;
 												icon;
 												with: [ html mdlIcon: 'play_arrow' ] ] ] ] ] ]
 ]
+
+{ #category : #accessing }
+EMMListModule >> size [
+	^ 8
+]
diff --git a/src/EMM-WebApplication/EMMModule.class.st b/src/EMM-WebApplication/EMMModule.class.st
@@ -18,3 +18,8 @@ EMMModule class >> modulesToDisplay [
 EMMModule class >> priority [
 	^ self subclassResponsibility
 ]
+
+{ #category : #accessing }
+EMMModule >> size [
+	^ 4
+]
diff --git a/src/EMM-WebApplication/EMMOverviewPage.class.st b/src/EMM-WebApplication/EMMOverviewPage.class.st
@@ -46,7 +46,8 @@ EMMOverviewPage >> renderContentOn: html [
 		with: [ EMMModule modulesToDisplay
 				do: [ :module | 
 					html mdlCell
-						size: 4;
+						style: 'height: 400px; overflow: auto';
+						size: (self moduleInstanceOf: module) size;
 						shadow: 2;
 						with: [ html render: (self moduleInstanceOf: module) ] ] ]
 ]
diff --git a/src/EMM/EMMMSong.class.st b/src/EMM/EMMMSong.class.st
@@ -5,7 +5,8 @@ Class {
 		'folder',
 		'name',
 		'artists',
-		'path'
+		'path',
+		'title'
 	],
 	#category : #EMM
 }
@@ -60,3 +61,13 @@ EMMMSong >> path: anObject [
 EMMMSong >> printOn: aStream [
 	aStream nextPutAll: self name
 ]
+
+{ #category : #accessing }
+EMMMSong >> title [
+	^ title
+]
+
+{ #category : #accessing }
+EMMMSong >> title: anObject [
+	title := anObject
+]