{"id":16086481,"url":"https://github.com/jecisc/seasidecomponents","last_synced_at":"2025-09-03T08:21:50.739Z","repository":{"id":93121310,"uuid":"63340776","full_name":"jecisc/SeasideComponents","owner":"jecisc","description":"For now this is just a little Bazard for some on my Seaside components. If I have many I might push it in the seaside community.","archived":false,"fork":false,"pushed_at":"2018-10-14T22:51:54.000Z","size":32,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-18T11:11:47.068Z","etag":null,"topics":["pharo","seaside","smalltalk","widgets"],"latest_commit_sha":null,"homepage":null,"language":"Smalltalk","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jecisc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-07-14T13:53:26.000Z","updated_at":"2018-10-14T22:51:56.000Z","dependencies_parsed_at":"2023-06-05T00:15:40.287Z","dependency_job_id":null,"html_url":"https://github.com/jecisc/SeasideComponents","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jecisc%2FSeasideComponents","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jecisc%2FSeasideComponents/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jecisc%2FSeasideComponents/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jecisc%2FSeasideComponents/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jecisc","download_url":"https://codeload.github.com/jecisc/SeasideComponents/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247353679,"owners_count":20925324,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["pharo","seaside","smalltalk","widgets"],"created_at":"2024-10-09T13:13:23.329Z","updated_at":"2025-04-05T14:41:26.664Z","avatar_url":"https://github.com/jecisc.png","language":"Smalltalk","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SeasideComponents\nMaster: [![Build Status](https://travis-ci.org/jecisc/SeasideComponents.svg?branch=master)](https://travis-ci.org/jecisc/SeasideComponents) | Development: [![Build Status](https://travis-ci.org/jecisc/SeasideComponents.svg?branch=development)](https://travis-ci.org/jecisc/SeasideComponents)\n\nFor now this is just a little Bazard for some on my Seaside components.\nIf I have many I might push it in the seaside community.\n\nThis project is supported *at least* in Pharo 5 and 6.\n\n## Installation\n\nInstall in your Pharo image:\n\n```Smalltalk\n    Metacello new\n    \tgithubUser: 'jecisc' project: 'SeasideComponents' commitish: 'master' path: 'src';\n    \tbaseline: 'SeasideComponents';\n    \tload\n```\n    \t\nAdd to your project configuration:\n\n```Smalltalk\n    spec\n    \tbaseline: 'SeasideComponents'\n    \twith: [ spec repository: 'github://jecisc/SeasideComponents:master/src' ]\n```\n\nOr\n\n```Smalltalk\n    spec\n    \tbaseline: 'SeasideComponents'\n    \twith: [ spec repository: 'github://jecisc/SeasideComponents:development/src' ]\n```\n\nThen includes the file library to your application.\n\n```Smalltalk\n\t(WAAdmin register: self asApplicationAt: 'myApplication')\n\t\taddLibrary: JQDeploymentLibrary;\n\t\taddLibrary: MDLLibrary;\n\t\taddLibrary: SCLibrary \n```\n\t\n## MDL Extensions\n\nThose components depend on the [Material Design Lite project](http://smalltalkhub.com/#!/~KevinLanvin/MaterialDesignLite) and implements some components are not covered by the `Material Design` standard.\n\n### How to use\n\nThe components should all work as a normal Seaside component. \nAll components have some examples in there class comments. \n\nI order to use the components you should define some colors specific rules for your application in your css. To do so, just define:\n\n```CSS\n    .mdl-pagination__current{\n        box-shadow: inset 0px -4px 0px 0px #XXXXXX !important;\n    }\n```\n\nWhere `XXXXXX` is the hex code of the accent color of your MDL application. \nTo find your code you can select the #500 color in the following page: [https://www.materialui.co/colors](https://www.materialui.co/colors) \n\n### Pagination Widget\n\nThe pagination widget allow the user to easily paginate some content on his page. \nYou can either use it to just manage the pages then use the #currentPage to manage your page on the refresh or pass a block that will have the responsibility to update your page with some ajax. \n\nHere is a screen of the component in use: \n\n![Pagination Widget](https://raw.githubusercontent.com/jecisc/SeasideComponents/master/Resources/Screens/Pagination.png)\n\nFor more information look at the class comment of `SCPaginationWidget`.\n\nExamples:\n\n```Smalltalk\n\t| myColl |\n\tmyColl := 1 to: 150.\n\t(SCPaginationComponent numberOfPages: [ myColl size / 24 roundUpTo: 1 ]) \t\"Note the use of a block. If my collection change, the number of pages will be updated.\"\n\t\tadjacentsPagesToShow: 3;\n\t\tyourself\n```\n\t\t\t\t\n\t\t\t\nUsing Ajax to refresh the page:\n\n```Smalltalk\n\tSCPaginationComponent\n\t\tnumberOfPages: [ self numbersOfPages ]\n\t\tupdateBlock: [ :s :html | \n\t\t\t(s \u003c\u003c (html jQuery id: #'main-content') load)\n\t\t\t\thtml: [ :ajaxHtml | self renderMainContentOn: ajaxHtml ];\n\t\t\t\tonComplete: 'componentHandler.upgradeDom();' ] \"The onComplete will update réinitialize the MDL elements\"\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjecisc%2Fseasidecomponents","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjecisc%2Fseasidecomponents","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjecisc%2Fseasidecomponents/lists"}