Skip to content

Instantly share code, notes, and snippets.

@amb26

amb26/todo-list-assign-index.html

Last active July 16, 2025 13:27
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save amb26/53b3de4664e00a465e91dce5ca7597bf to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save amb26/53b3de4664e00a465e91dce5ca7597bf to your computer and use it in GitHub Desktop.
Download ZIP
Raw
todo-list-assign-index.html
<!DOCTYPE html>
<html>
<head>
<title>Infusion Todo List With Assignees</title>
<script src="../../dist/FluidInfusion.js"></script>
<fluid-url-base id="todoUrlBase" src="./"></fluid-url-base>
<!-- definitions for base app -->
<fluid-import layer="fluid.demos.todoApp" src="@{todoUrlBase}/sfc/fluid-demos-todoApp.vue"></fluid-import>
<fluid-import layer="fluid.demos.todoList" src="@{todoUrlBase}/sfc/fluid-demos-todoList.vue"></fluid-import>
<fluid-import layer="fluid.demos.todoItem" src="@{todoUrlBase}/sfc/fluid-demos-todoItem.vue"></fluid-import>
<!-- definitions for filtering per se -->
<fluid-import layer="fluid.UISelect" src="@{todoUrlBase}/sfc/fluid-UISelect.vue"></fluid-import>
<fluid-import layer="fluid.demos.filter" src="@{todoUrlBase}/sfc/fluid-demos-filter.vue"></fluid-import>
<fluid-import layer="fluid.demos.filters" src="@{todoUrlBase}/sfc/fluid-demos-filters.vue"></fluid-import>
<fluid-import layer="fluid.demos.filterCompleted" src="@{todoUrlBase}/sfc/fluid-demos-filterCompleted.vue"></fluid-import>
<fluid-url-base id="assigneeUrlBase" src="https://some.assigning.author/app/"></fluid-url-base>
<!-- block of imports to enable assignees -->
<fluid-import layer="fluid.demos.assignee" src="@{assigneeUrlBase}/sfc/fluid-demos-assignee.vue"></fluid-import>
<fluid-import layer="fluid.demos.assigneeControl" src="@{assigneeUrlBase}/sfc/fluid-demos-assigneeControl.vue"></fluid-import>
<fluid-import layer="fluid.demos.todoList.withAssignee" src="@{assigneeUrlBase}/sfc/fluid-demos-todoList-withAssignee.vue"></fluid-import>
<fluid-import layer="fluid.demos.todoItem.withAssignee" src="@{assigneeUrlBase}/sfc/fluid-demos-todoItem-withAssignee.vue"></fluid-import>
<fluid-import layer="fluid.demos.filterAssignee" src="@{assigneeUrlBase}/sfc/fluid-demos-filterAssignee.vue"></fluid-import>
<fluid-import layer="fluid.demos.filters.withAssignee" src="@{assigneeUrlBase}/sfc/fluid-demos-filters-withAssignee.vue"></fluid-import>
<!-- facet checkbox definition to make assignees infusable -->
<fluid-import layer="fluid.demos.facets" src="@{assigneeUrlBase}/sfc/fluid-demos-facets.vue"></fluid-import>
<fluid-url-base id="editUrlBase" src="../../src/framework/edit"></fluid-url-base>
<!-- Add this import to make the app editable -->
<fluid-import layer="fluid.fullPageEditor" src="@{editUrlBase}/sfc/FluidEdit.vue"></fluid-import>
</head>
<body>
<div>
<!-- Instantiate the app on this div -->
<div fluid-layers="fluid.demos.todoApp">
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment