{"id":28828859,"url":"https://github.com/mojotech/marionette-ui","last_synced_at":"2025-10-08T05:09:25.088Z","repository":{"id":139003224,"uuid":"14049705","full_name":"mojotech/marionette-ui","owner":"mojotech","description":"UI Toolkit built on Marionette","archived":false,"fork":false,"pushed_at":"2013-12-13T17:49:01.000Z","size":301,"stargazers_count":3,"open_issues_count":9,"forks_count":1,"subscribers_count":7,"default_branch":"aes/live-input","last_synced_at":"2024-10-15T00:43:51.917Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/mojotech.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}},"created_at":"2013-11-01T17:49:25.000Z","updated_at":"2014-11-05T20:25:00.000Z","dependencies_parsed_at":"2023-03-13T10:51:53.975Z","dependency_job_id":null,"html_url":"https://github.com/mojotech/marionette-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mojotech/marionette-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mojotech%2Fmarionette-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mojotech%2Fmarionette-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mojotech%2Fmarionette-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mojotech%2Fmarionette-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mojotech","download_url":"https://codeload.github.com/mojotech/marionette-ui/tar.gz/refs/heads/aes/live-input","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mojotech%2Fmarionette-ui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260690921,"owners_count":23047102,"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":[],"created_at":"2025-06-19T05:10:39.361Z","updated_at":"2025-10-08T05:09:20.041Z","avatar_url":"https://github.com/mojotech.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"*Working Understanding*\nBy including marionette-ui all we protypically extend Marionette.View to support widgets.\nOn any view you should be able to define a widgets hash as follows:\n\nwidgets:\n  sumbitButton:\n    selector: '.submit'\n    type: \"Button\"\n\nWhere selector is css selector that is present in your view's template. And type is the widget type. By default\nthe widget will use the current view's model/collection. If the current view is a composite view it will use the model\nunless specified.\n\nWhen a view is rendered, if it has widgets all widgets will be shown in that view's onShow method.\nWidgets can then be accessed similar to the ui hash as follows:\n\n@widgets.submitButton.disable()\n\n\n*Marionette.UI.Button*\nThe button widget can take either a hardcoded content string or a contentAttribute. A content attribute will bind the display text of the button to that attribute of the model. If the model's attribute changes, the display will be updated accordingly. If you do not want the display text to be a property of the model, no problem just set the content attribute to a string. If both content and contentAttribute are filled in, content will take priority.\n\nwidgets:\n  sumbitButton:\n    selector: '.submit'\n    type: \"Button\"\n    content: \"A hardcoded string\"\n    contentAttribute: 'name'\n\nPublic methods:\n  disable: Enable the button\n  disable: Disable the button\n  onClick: fired when the button is clicked\n  state: returns either Enabled or Disabled\n  enabled: returns true if the button is enabled\n\nWidget Manager\n\n\nWidgets\n  Button\n  Segmented Control\n  Modal\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmojotech%2Fmarionette-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmojotech%2Fmarionette-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmojotech%2Fmarionette-ui/lists"}