key={ node.__id }
index={ index }
link={ node }
/>
))
}
</div>
{/* <div className='flex ml4 mv3 gray'>
<div className='pointer' onClick={() => this._loadMore()}>More</div>
</div> */}
</div>
)
}
}
export default createFragmentContainer(LinkList, graphql`
fragment LinkList_viewer on Viewer {
allLinks(last: 100, orderBy: createdAt_DESC) @connection(key: "LinkList_allLinks", filters: []) {
edges {
node {
...Link_link
}
}
}
}
`)
/*
@connection directive - used for caching
*/
/* @flow */
import { graphql, createFragmentContainer } from "react-relay";
const Comp = () => <span>component</span>;
const CompFragmentContainer = createFragmentContainer(Comp, {
viewer: graphql`
fragment Comp_viewer on Viewer {
id
}
`
});
user={this.props.user}
/>
)}
</section>
<footer className="info">
<p>Double-click to edit a todo</p>
<p>
Created by the{' '}
<a href="https://facebook.github.io/relay/">Relay team</a>
</p>
<p>
Part of <a href="http://todomvc.com">TodoMVC</a>
</p>
</footer>
</div>
);
}
}
export default createFragmentContainer(TodoApp, {
user: graphql`
fragment TodoApp_user on User {
id
userId
totalCount
...TodoListFooter_user
...TodoList_user
}
`,
});
<p>{forgottenPasswordMessage}</p>
<form onSubmit={this.sendReset}>
<div>
<TextField
floatingLabelText="E-postadresse"
name="email"
onChange={this.onChangeEmail}
required
type="email"
value={this.state.email}
/>
</div>
<div>
<RaisedButton label="Send" type="submit" primary />
</div>
</form>
</div>
)}
</Paper>
</section>
);
}
}
export default createFragmentContainer(Reset, {
organization: graphql`
fragment Reset_organization on Organization {
id
}
`,
});
export default createFragmentContainer(Group, {
organization: graphql`
fragment Group_organization on Organization {
isAdmin
users {
id
name
username
}
group(groupId: $groupId) {
id
name
email
groupLeaderEmail
members {
id
user(active: true) {
id
name
}
roles {
id
name
}
}
externallyHidden
}
instrumentGroups {
id
}
roles(first: 100) {
edges {
node {
id
name
}
}
}
}
`,
viewer: graphql`
fragment Group_viewer on User {
id
}
`,
});
horizontal: 'right',
}}
transformOrigin={{
vertical: -56,
horizontal: 82,
}}
/>
</>
) : (
<Button className={s.button} color="inherit" component={LoginLink}>
Sign In
</Button>
)}
</Toolbar>
</AppBar>
);
}
export default withStyles(styles)(
createFragmentContainer(
LayoutToolbar,
graphql`
fragment LayoutToolbar on User {
id
displayName
photoURL
}
`,
),
);
}
export default createFragmentContainer(Contact, {
organization: graphql`
fragment Contact_organization on Organization {
isAdmin
contacts {
id
user {
...ContactUser_user
}
roles {
id
name
}
}
contactText
mapUrl
mapText
mailAddress
postcode
city
visitorLocation
visitorAddress
organizationNumber
publicBankAccount
...ContactRoles_organization
}
`,
});
src={user.profilePicture.normalPath}
alt={`Bilde av ${user.name}`}
className="responsive"
/>
) : (
<Person
alt={`Bilde av ${user.name}`}
style={{
height: 100,
width: "100%",
color: theme.palette.pickerHeaderColor,
}}
/>
)}
</div>
);
}
}
export default createFragmentContainer(ProfilePicture, {
user: graphql`
fragment ProfilePicture_user on User {
id
name
profilePicture {
normalPath
}
}
`,
});
type="submit"
label="Login"
secondary
fullWidth
style={submitMargin}
/>
<RaisedButton
label="Register"
primary
fullWidth
style={submitMargin}
onClick={() => this.props.router.push('/register')}
/>
</Formsy.Form>
</div>
)
}
}
export default createFragmentContainer(
LoginPage,
graphql`
fragment Login_viewer on Viewer {
isLoggedIn
}
`,
)
<img
src={'/img/social/' + title.toLowerCase() + '.svg'}
alt={title}
/>
</SocialLink>
);
})
) : null}
</SocialLinks>
</Container>
);
}
}
export default createFragmentContainer(
Profile,
// This `_list` fragment name suffix corresponds to the prop named `list` that
// is expected to be populated with server data by the `<TodoList>` component.
graphql`
fragment Profile_profile on Profile {
name
image
bio
social {
title
url
}
}
`,
);
)
}
HeaderUserMenu.propTypes = {
viewer: PropTypes.shape({
isLoggedIn: PropTypes.bool,
canPublish: PropTypes.bool,
}),
relay: PropTypes.shape({
environment: PropTypes.any.isRequired,
}).isRequired,
router: routerShape.isRequired,
}
HeaderUserMenu.defaultProps = {
viewer: {},
}
export default createFragmentContainer(
withRouter(HeaderUserMenu),
graphql`
fragment HeaderUserMenu_viewer on Viewer {
isLoggedIn
canPublish
user {
id
}
}
`,
)
import React from 'react'
import { createFragmentContainer, graphql } from 'react-relay'
import BlogPostPreview from './BlogPostPreview'
const BlogPosts = props => {
return (
<div>
<h1>Blog posts</h1>
{props.viewer.allBlogPosts.edges.map(({ node }) =>
<BlogPostPreview key={node.id}post={node} />
)}
</div>
)
}
export default createFragmentContainer(BlogPosts, {
viewer: graphql`
fragment BlogPosts_viewer on Viewer {
allBlogPosts(first: 10, orderBy: createdAt_DESC) {
edges {
node {
...BlogPostPreview_post
id
}
}
}
}
`
})
{', '}
<FormattedRelative value={web.updatedAt} />
{userIsOwner && (
<Text>
{', '}
<DeleteWeb disabled={pending} onPress={this.deleteWeb} />
</Text>
)}
</Text>
</Set>
</Box>
);
}
}
const WebListItemWithMutation = withMutation(WebListItem);
export default createFragmentContainer(WebListItemWithMutation, {
web: graphql`
fragment WebListItem_web on Web {
updatedAt
domain
owner {
id
}
id
name
}
`,
});
/**
* React Starter Kit for Firebase
* https://github.com/kriasoft/react-firebase-starter
* Copyright (c) 2015-present Kriasoft | MIT License
*/
/* @flow */
import React from 'react';
import { graphql, createFragmentContainer } from 'react-relay';
function Layout({ children }) {
return <div>{children}</div>;
}
export default createFragmentContainer(
Layout,
graphql`
fragment LayoutAdmin on Query {
me {
id
}
}
`,
);
export default createFragmentContainer(Event, {
viewer: graphql`
fragment Event_viewer on User {
id
...EventForm_viewer
}
`,
organization: graphql`
fragment Event_organization on Organization {
isMember
event(eventid: $eventId) {
id
title
location
start
end
projects {
id
year
tag
title
}
mdtext
permissions {
public
groups {
id
name
}
users {
id
name
}
}
highlighted
}
...EventForm_organization
}
`,
});
export default createFragmentContainer(MemberItem, {
member: graphql`
fragment MemberItem_member on Member {
id
user(active: true) {
id
name
username
email
phone
membershipStatus
instrument
profilePicture {
thumbnailPath
}
}
roles {
id
name
email
}
organizationRoles {
id
name
email
}
}
`,
});
export default createFragmentContainer(Page, {
organization: graphql`
fragment Page_organization on Organization {
isMember
memberGroup {
id
}
page(slug: $slug) {
id
slug
title
summary
mdtext
permissions {
public
groups {
id
name
}
users {
id
name
}
}
created
updated
updator {
name
}
}
}
`,
viewer: graphql`
fragment Page_viewer on User {
id
groups {
id
name
}
}
`,
});
flex: "1 1 50%",
}}
>
<ProjectListPrevious
organization={this.props.organization}
title="Tidligere prosjekter"
/>
</div>
</div>
</section>
);
}
}
export default createFragmentContainer(Projects, {
organization: graphql`
fragment Projects_organization on Organization {
isMember
...ProjectListPrevious_organization
...ProjectListUpcoming_organization
...ProjectForm_organization
}
`,
viewer: graphql`
fragment Projects_viewer on User {
id
...ProjectForm_viewer
}
`,
});
listItem: (dir: FlexDirection) => ({
padding: '0px 2px',
marginTop: dir === 'column' ? 1 : undefined,
marginRight: 10,
whiteSpace: 'nowrap',
}),
input: width => ({ width }),
add: {
display: 'inline-block',
marginTop: 5,
color: '#444',
},
remove: { color: '#444' },
configLine: {
marginTop: 7,
},
indented: {
marginLeft: 15,
},
info: {
cursor: 'pointer',
},
};
// ==========================================
// Public API
// ==========================================
const Container = Relay.createFragmentContainer(Settings, gqlFragments);
export default Container;
export { Settings as _Settings };
group={group}
key={group.id}
isMember={isMember}
isAdmin={isAdmin}
/>
);
})}
</Paper>
);
}
}
export default createFragmentContainer(Members, {
organization: graphql`
fragment Members_organization on Organization {
isMember
isAdmin
instrumentGroups {
id
name
...GroupItem_group
}
users {
id
name
username
}
}
`,
});
</div>
<div>
<TextField
floatingLabelText="Nytt passord"
onChange={this.onChangeNewPassword}
type="password"
value={this.state.newPassword}
/>
</div>
<div>
<RaisedButton label="Lagre" type="submit" primary />
</div>
</form>
</Paper>
);
}
}
export default createFragmentContainer(MemberReset, {
organization: graphql`
fragment MemberReset_organization on Organization {
id
}
`,
viewer: graphql`
fragment MemberReset_viewer on User {
id
}
`,
});
<PermissionField
permissions={this.state.permissions}
onChange={this.onPermissionChange}
groups={viewer.groups}
users={[]}
memberGroupId={this.props.memberGroupId}
/>
<TagField
fileTags={this.state.tags}
onChange={this.onTagChange}
organization={this.props.organization}
/>
</div>
<div style={{ width: "50%", minWidth: 300, flexGrow: "1" }}>
<h3>2. Last opp</h3>
<p>Du kan dra filer til, eller klikke i firkanten</p>
<Dropzone onDrop={this.onDrop} />
</div>
</div>
);
}
}
export default createFragmentContainer(FileUpload, {
organization: graphql`
fragment FileUpload_organization on Organization {
...TagField_organization
}
`,
});
</Data>
</Container>
<Container>
<h2>{strings.experience}</h2>
<Experience list={this.props.experienceList} />
</Container>
</CV>
);
}
}
export default createFragmentContainer(
CVPage,
graphql`
fragment CVPage_profile on Profile {
name
image
bio
social {
title
url
}
dateOfBirth
placeOfBirth
nationality
maritalStatus
languages
}
`,
);
export default createFragmentContainer(Organization, {
organization: graphql`
fragment Organization_organization on Organization {
id
summaries {
id
title
slug
}
organizationEventPersonResponsibilities {
id
name
reminderDaysBefore
reminderAtHour
reminderText
}
organizationEventGroupResponsibilities {
id
name
reminderDaysBefore
reminderAtHour
reminderText
}
pages(first: 100) {
edges {
cursor
node {
id
title
slug
}
}
}
}
`,
});
);
}
}
export default createFragmentContainer(EventPersonResponsibilityChooser, {
event: graphql`
fragment EventPersonResponsibilityChooser_event on Event {
id
contributors {
id
user {
name
}
role {
id
name
}
}
}
`,
organizationEventPersonResponsibility: graphql`
fragment EventPersonResponsibilityChooser_organizationEventPersonResponsibility on OrganizationEventPersonResponsibility {
id
name
last {
id
}
}
`,
});
/>
);
})}
</List>
</Paper>
);
}
}
export default createFragmentContainer(Roles, {
organization: graphql`
fragment Roles_organization on Organization {
isAdmin
roles(first: 100) {
edges {
node {
id
name
email
users {
id
name
email
}
}
}
}
}
`,
});
import GridTile from 'material-ui/GridList/GridTile'
const PostListItem = ({ post, onClick }) => (
<GridTile style={{ cursor: 'pointer' }} title={post.title} onClick={onClick}>
<img
style={{ width: '100%', height: '100%' }}
src={post.image}
alt={post.title}
/>
</GridTile>
)
PostListItem.propTypes = {
post: PropTypes.shape({
title: PropTypes.string.isRequired,
image: PropTypes.string.isRequired,
}).isRequired,
onClick: PropTypes.func.isRequired,
}
export default createFragmentContainer(
PostListItem,
graphql`
fragment PostListItem_post on Post {
title
image
}
`,
)
export default createFragmentContainer(
ProjectPage,
graphql`
fragment ProjectPage_project on Project {
title
description
logo
dateStart
dateEnd
aspects
media {
type
url
urls {
title
url
}
description
shortLink {
title
url
}
}
technologies {
title
items
}
references {
title
url
}
links {
title
url
}
header
headerColor1
headerColor2
}
`,
);
fullWidth
/>
{this.state.users.map((user) => {
return (
<Chip
key={user.id}
onRequestDelete={() => {
this.removeUser(user);
}}
>
{user.name}
</Chip>
);
})}
</div>
);
}
}
export default createFragmentContainer(UserField, {
organization: graphql`
fragment UserField_organization on Organization {
id
users {
id
name
}
}
`,
});
);
}
}
export default createFragmentContainer(EventItem, {
event: graphql`
fragment EventItem_event on Event {
id
title
location
start
end
isEnded
highlighted
tags
permissions {
public
groups {
id
name
}
users {
id
name
}
}
mdtext
}
`,
});