frontend/marko/page/data/components/file/index.marko

<if (!state.deleted)>
  <a class="anchor" id=input.data.id />  
  <compact-list-property primary long label="Name" value=input.data.name />
  <compact-list-property short label="Date" value=state.date />
  <compact-list-property short label="Type" value=input.data.mimeType />
  <compact-list-property short label="Author" value=input.data.author />
  <compact-list-property short label="Size" value=component.sizeString(input.data.size) />
  <compact-list-options long>
    <a key="link" class="color-menu" on-click("open", "link")>Link</a>
    <if(input.data.kind === "upload")>
      <if-permitted user=input.user author=input.data.author permission="file.edit">
        <a key="edit" on-click("open", "edit", input.data)>Edit</a>
      </if-permitted>
      <if-permitted user=input.user author=input.data.author permission="file.remove">
        <a key="remove" on-click("open", "remove", input.data)>Remove</a>
      </if-permitted>
    </if>
  </compact-list-options>
  <link-file-modal enabled=(state.modal === "link") file=input.data on-close("close") />
  <edit-file-modal enabled=(state.modal === "edit") file=input.data on-edited("emit", "edited") on-close("close") />
  <remove-file-modal enabled=(state.modal === "remove") file=input.data on-removed("removed") on-close("close") />
</if>