RubyGems - playbook_ui - Versions diffs - 12.18.0 → 12.19.0.pre.alpha.movemarkdown637 - Mend

playbook_ui 12.18.0 → 12.19.0.pre.alpha.movemarkdown637

Files changed (1469) hide show

data/app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.html.erb DELETED Viewed

@@ -1,43 +0,0 @@
-<%= pb_rails("timeline", props: {orientation: "vertical"}) do %>
-    <%= pb_rails("timeline/item", props: {icon: "user", icon_color: "royal"}) do %>
-        <%= pb_rails("body", props: {
-            text: "Conversation started",
-            color: "light"
-        }) %>
-    <% end %>
-    <%= pb_rails("timeline/item", props: {icon: "check", icon_color: "teal"}) do %>
-        <%= pb_rails("body", props: {
-            text: "Trip #12422",
-            color: "light"
-        }) %>
-    <% end %>
-    <%= pb_rails("timeline/item", props: {icon: "credit-card", icon_color: "red"}) do %>
-        <%= pb_rails("body", props: {
-            text: "Refund issue #12422",
-            color: "light"
-        }) %>
-    <% end %>
-    <%= pb_rails("timeline/item", props: {icon: "smile", icon_color: "green"}) do %>
-        <%= pb_rails("body", props: {
-            text: "Conversation resolved",
-            color: "light"
-    }) %>
-    <% end %>
-<% end %>
-<br /><br />
-<%= pb_rails("timeline", props: {orientation: "vertical"}) do %>
-    <%= pb_rails("timeline/item", props: {icon: "user", icon_color: "royal", line_style: "dotted"}) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Jackson Heights",
-            detail: "37-27 74th Street"
-        }) %>
-    <% end %>
-    <%= pb_rails("timeline/item", props: {icon: "check", icon_color: "teal" }) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Greenpoint",
-            detail: "81 Gate St Brooklyn"
-        }) %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx DELETED Viewed

@@ -1,87 +0,0 @@
-import React from 'react'
-import Timeline from '../_timeline'
-import Body from '../../pb_body/_body'
-import TitleDetail from '../../pb_title_detail/_title_detail'
-const TimelineVertical = (props) => (
-  <div>
-    <Timeline orientation="vertical">
-      <Timeline.Item
-          icon="user"
-          iconColor="royal"
-          {...props}
-      >
-        <Body
-            color="light"
-            text="Conversation started"
-            {...props}
-        />
-      </Timeline.Item>
-      <Timeline.Item
-          icon="check"
-          iconColor="teal"
-          {...props}
-      >
-        <Body
-            color="light"
-            text="Trip #12422"
-            {...props}
-        />
-      </Timeline.Item>
-      <Timeline.Item
-          icon="credit-card"
-          iconColor="red"
-          {...props}
-      >
-        <Body
-            color="light"
-            text="Refund issue #12422"
-            {...props}
-        />
-      </Timeline.Item>
-      <Timeline.Item
-          icon="smile"
-          iconColor="green"
-          {...props}
-      >
-        <Body
-            color="light"
-            text="Conversation resolved"
-            {...props}
-        />
-      </Timeline.Item>
-    </Timeline>
-    <br />
-    <br />
-    <Timeline orientation="vertical">
-      <Timeline.Item
-          icon="user"
-          iconColor="royal"
-          lineStyle="dotted"
-          {...props}
-      >
-        <TitleDetail
-            detail="37-27 74th Street"
-            title="Jackson Heights"
-            {...props}
-        />
-      </Timeline.Item>
-      <Timeline.Item
-          icon="check"
-          iconColor="teal"
-          {...props}
-      >
-        <TitleDetail
-            detail="81 Gate St Brooklyn"
-            title="Greenpoint"
-            {...props}
-        />
-      </Timeline.Item>
-    </Timeline>
-  </div>
-)
-export default TimelineVertical

data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.html.erb DELETED Viewed

@@ -1,67 +0,0 @@
-<%= pb_rails("timeline", props: {orientation: "horizontal", show_date: true}) do %>
-    <%= pb_rails("timeline/item", props: {icon: "user", icon_color: "royal", line_style: "solid", date: Date.today }) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Jackson Heights",
-            detail: "37-27 74th Street"
-        }) %>
-    <% end %>
-    <%= pb_rails("timeline/item", props: {icon: "check", icon_color: "teal", line_style: "dotted" }) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Greenpoint",
-            detail: "81 Gate St Brooklyn"
-        }) %>
-    <% end %>
-    <%= pb_rails("timeline/item", props: {icon: "map-marker-alt", icon_color: "purple", date: Date.today+1 }) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Society Hill",
-            detail: "72 E St Astoria"
-        }) %>
-    <% end %>
-<% end %>
-<br /><br /><br />
-<%= pb_rails("timeline", props: {orientation: "vertical", show_date: true}) do %>
-    <%= pb_rails("timeline/item", props: {icon: "user", icon_color: "royal", line_style: "solid", date: Date.today }) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Jackson Heights",
-            detail: "37-27 74th Street"
-        }) %>
-    <% end %>
-    <%= pb_rails("timeline/item", props: {icon: "check", icon_color: "teal", line_style: "dotted" }) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Greenpoint",
-            detail: "81 Gate St Brooklyn"
-        }) %>
-    <% end %>
-    <%= pb_rails("timeline/item", props: {icon: "map-marker-alt", icon_color: "purple", date: Date.today+1 }) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Society Hill",
-            detail: "72 E St Astoria"
-        }) %>
-    <% end %>
-<% end %>
-<br /><br /><br />
-<%= pb_rails("timeline", props: {orientation: "vertical", show_date: true}) do %>
-    <%= pb_rails("timeline/item", props: {icon: "user", icon_color: "royal", line_style: "solid", date: Date.new(2018, 03, 20) }) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Jackson Heights",
-            detail: "37-27 74th Street"
-        }) %>
-    <% end %>
-    <%= pb_rails("timeline/item", props: {icon: "check", icon_color: "teal", line_style: "dotted" }) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Greenpoint",
-            detail: "81 Gate St Brooklyn"
-        }) %>
-    <% end %>
-    <%= pb_rails("timeline/item", props: {icon: "map-marker-alt", icon_color: "purple", date: Date.new(2018, 05, 20) }) do %>
-        <%= pb_rails("title_detail", props: {
-            title: "Society Hill",
-            detail: "72 E St Astoria"
-        }) %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.jsx DELETED Viewed

@@ -1,147 +0,0 @@
-import React from 'react'
-import Timeline from '../_timeline'
-import TitleDetail from '../../pb_title_detail/_title_detail'
-const TimelineWithDate = (props) => (
-  <div>
-    <Timeline
-        orientation="horizontal"
-        showDate
-        {...props}
-    >
-      <Timeline.Item
-          date={new Date()}
-          icon="user"
-          iconColor="royal"
-          {...props}
-      >
-        <TitleDetail
-            detail="37-27 74th Street"
-            title="Jackson Heights"
-            {...props}
-        />
-      </Timeline.Item>
-      <Timeline.Item
-          icon="check"
-          iconColor="teal"
-          lineStyle="dotted"
-          {...props}
-      >
-        <TitleDetail
-            detail="81 Gate St Brooklyn"
-            title="Greenpoint"
-            {...props}
-        />
-      </Timeline.Item>
-      <Timeline.Item
-          date={new Date().setDate(new Date().getDate() + 1)}
-          icon="map-marker-alt"
-          iconColor="purple"
-          {...props}
-      >
-        <TitleDetail
-            detail="72 E St Astoria"
-            title="Society Hill"
-            {...props}
-        />
-      </Timeline.Item>
-    </Timeline>
-    <br />
-    <br />
-    <br />
-    <Timeline
-        orientation="vertical"
-        showDate
-        {...props}
-    >
-      <Timeline.Item
-          date={new Date()}
-          icon="user"
-          iconColor="royal"
-          {...props}
-      >
-        <TitleDetail
-            detail="37-27 74th Street"
-            title="Jackson Heights"
-            {...props}
-        />
-      </Timeline.Item>
-      <Timeline.Item
-          icon="check"
-          iconColor="teal"
-          lineStyle="dotted"
-          {...props}
-      >
-        <TitleDetail
-            detail="81 Gate St Brooklyn"
-            title="Greenpoint"
-            {...props}
-        />
-      </Timeline.Item>
-      <Timeline.Item
-          date={new Date().setDate(new Date().getDate() + 1)}
-          icon="map-marker-alt"
-          iconColor="purple"
-          {...props}
-      >
-        <TitleDetail
-            detail="72 E St Astoria"
-            title="Society Hill"
-            {...props}
-        />
-      </Timeline.Item>
-    </Timeline>
-    <br/>
-    <br/>
-    <br/>
-    <Timeline
-        orientation="vertical"
-        showDate
-        {...props}
-    >
-      <Timeline.Item
-          date={new Date('20 Mar 2018')}
-          icon="user"
-          iconColor="royal"
-          {...props}
-      >
-        <TitleDetail
-            detail="37-27 74th Street"
-            title="Jackson Heights"
-            {...props}
-        />
-      </Timeline.Item>
-      <Timeline.Item
-          icon="check"
-          iconColor="teal"
-          lineStyle="dotted"
-          {...props}
-      >
-        <TitleDetail
-            detail="81 Gate St Brooklyn"
-            title="Greenpoint"
-            {...props}
-        />
-      </Timeline.Item>
-      <Timeline.Item
-          date={new Date('20 May 2018')}
-          icon="map-marker-alt"
-          iconColor="purple"
-          {...props}
-      >
-        <TitleDetail
-            detail="72 E St Astoria"
-            title="Society Hill"
-            {...props}
-        />
-      </Timeline.Item>
-    </Timeline>
-  </div>
-)
-export default TimelineWithDate

data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.md DELETED Viewed

	@@ -1 +0,0 @@
1	- Use the optional `showDate` prop to render the timeline kit with a visible date. If the date is from the current year, the year will not be displayed, however if date is NOT from the current year, the kit will display the year as well.

data/app/pb_kits/playbook/pb_timeline/docs/example.yml DELETED Viewed

@@ -1,13 +0,0 @@
-examples:
-  rails:
-  - timeline_default: Default
-  - timeline_vertical: Vertical
-  - timeline_with_date: With Date
-  react:
-  - timeline_default: Default
-  - timeline_vertical: Vertical
-  - timeline_with_date: With Date

data/app/pb_kits/playbook/pb_timeline/docs/index.js DELETED Viewed

@@ -1,3 +0,0 @@
-export { default as TimelineDefault } from './_timeline_default.jsx'
-export { default as TimelineVertical } from './_timeline_vertical.jsx'
-export { default as TimelineWithDate } from './_timeline_with_date.jsx'

data/app/pb_kits/playbook/pb_timestamp/docs/_description.md DELETED Viewed

	@@ -1 +0,0 @@
1	- This low profile kit displays time. Elapsed, current, future, or otherwise.

data/app/pb_kits/playbook/pb_timestamp/docs/_footer.md DELETED Viewed

	@@ -1,2 +0,0 @@
1	- ## Things To Avoid
2	- Leave the text style as is. Don’t use timestamps to display important or sensitive time information.

data/app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md DELETED Viewed

	@@ -1 +0,0 @@
1	- Use these only to display status updates in areas that has a lot of data.

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb DELETED Viewed

@@ -1,93 +0,0 @@
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  align: "left"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: true,
-  align: "left"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years,
-  show_date: true,
-  align: "left"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year,
-  show_date: true,
-  align: "left"
-}) %>
-<br><br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  align: "center"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: true,
-  align: "center"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years,
-  show_date: true,
-  align: "center"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year,
-  show_date: true,
-  align: "center"
-}) %>
-<br><br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  align: "right"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: true,
-  align: "right"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years,
-  show_date: true,
-  align: "right"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year,
-  show_date: true,
-  align: "right"
-}) %>

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx DELETED Viewed

@@ -1,128 +0,0 @@
-import React from 'react'
-import Timestamp from '../_timestamp'
-const todaysDate = new Date()
-const futureYear = new Date().getFullYear() + 4
-const pastYear = new Date().getFullYear() - 1
-const month = new Date().getMonth()
-const date = new Date().getDate()
-const hours = new Date().getHours()
-const minutes = new Date().getMinutes()
-const futureDate = new Date(futureYear, month, date, hours, minutes)
-const pastDate = new Date(pastYear, month, date, hours, minutes)
-const TimestampAlign = (props) => {
-  return (
-    <div>
-      <Timestamp
-          align="left"
-          showDate={false}
-          timestamp={todaysDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={todaysDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={futureDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={pastDate}
-          {...props}
-      />
-      <br />
-      <br />
-      <Timestamp
-          align="center"
-          showDate={false}
-          timestamp={todaysDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="center"
-          showDate
-          timestamp={todaysDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="center"
-          showDate
-          timestamp={futureDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="center"
-          showDate
-          timestamp={pastDate}
-          {...props}
-      />
-      <br />
-      <br />
-      <Timestamp
-          align="right"
-          showDate={false}
-          timestamp={todaysDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="right"
-          showDate
-          timestamp={todaysDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="right"
-          showDate
-          timestamp={futureDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="right"
-          showDate
-          timestamp={pastDate}
-          {...props}
-      />
-    </div>
-  )
-}
-export default TimestampAlign

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb DELETED Viewed

@@ -1,29 +0,0 @@
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  align: "left"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: true,
-  align: "left"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years,
-  show_date: true,
-  align: "left"
-}) %>
-<br>
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year,
-  show_date: true,
-  align: "left"
-}) %>

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx DELETED Viewed

@@ -1,54 +0,0 @@
-import React from 'react'
-import Timestamp from '../_timestamp'
-const todaysDate = new Date()
-const futureYear = new Date().getFullYear() + 4
-const pastYear = new Date().getFullYear() - 1
-const month = new Date().getMonth()
-const date = new Date().getDate()
-const hours = new Date().getHours()
-const minutes = new Date().getMinutes()
-const futureDate = new Date(futureYear, month, date, hours, minutes)
-const pastDate = new Date(pastYear, month, date, hours, minutes)
-const TimestampDefault = (props) => {
-  return (
-    <div>
-      <Timestamp
-          align="left"
-          showDate={false}
-          timestamp={todaysDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={todaysDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={futureDate}
-          {...props}
-      />
-      <br />
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={pastDate}
-          {...props}
-      />
-    </div>
-  )
-}
-export default TimestampDefault