Skip to content
Permalink
Browse files

Merge pull request #417 from koenbok/waterkant

NavComponent
  • Loading branch information
koenbok committed Nov 28, 2016
2 parents 9eeeb09 + 17336ac commit 64e95971ca03bf182546598a54db743233139236
Showing with 5,280 additions and 316 deletions.
  1. +25 −0 extras/Studio.framer/app.coffee
  2. +5 −4 extras/Studio.framer/framer/config.json
  3. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-Battery_Icon-n0ffqtve.png
  4. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-Bitmap-mdq4ndhf.png
  5. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-Charge-qtk3rde0.png
  6. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-Signal-qjiwqtjg.png
  7. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-Status_Bar_White-rtgzreq1.png
  8. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-hamburger-qtrdotvb.png
  9. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-inbox-mjyym0ix.png
  10. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-mail-otc2nkjc.png
  11. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-menu-mdffnky0.png
  12. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-row-mtlfotax.png
  13. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-row-mzyxmzhf.png
  14. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-row-otgxota5.png
  15. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-row-ourcmdnf.png
  16. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-row-qtezmzze.png
  17. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-row-qzrcnzle.png
  18. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-status-qznenjg2.png
  19. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-today-rtgwq0i3.png
  20. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-top-m0u5qjaz.png
  21. BIN extras/Studio.framer/imported/Mail2@2x/images/Layer-yesterday-rtzerky4.png
  22. +527 −0 extras/Studio.framer/imported/Mail2@2x/layers.json
  23. +528 −0 extras/Studio.framer/imported/Mail2@2x/layers.json.js
  24. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-Battery_Icon-n0ffqtve.png
  25. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-Bitmap-mdq4ndhf.png
  26. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-Charge-qtk3rde0.png
  27. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-Signal-qjiwqtjg.png
  28. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-Status_Bar_White-rtgzreq1.png
  29. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-hamburger-qtrdotvb.png
  30. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-inbox-mjyym0ix.png
  31. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-mail-otc2nkjc.png
  32. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-menu-mdffnky0.png
  33. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-row-mtlfotax.png
  34. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-row-mzyxmzhf.png
  35. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-row-otgxota5.png
  36. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-row-ourcmdnf.png
  37. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-row-qtezmzze.png
  38. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-row-qzrcnzle.png
  39. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-status-qznenjg2.png
  40. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-today-rtgwq0i3.png
  41. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-top-m0u5qjaz.png
  42. BIN extras/Studio.framer/imported/Mail@1x/images/Layer-yesterday-rtzerky4.png
  43. +527 −0 extras/Studio.framer/imported/Mail@1x/layers.json
  44. +528 −0 extras/Studio.framer/imported/Mail@1x/layers.json.js
  45. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-Battery_Icon-n0ffqtve.png
  46. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-Bitmap-mdq4ndhf.png
  47. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-Charge-qtk3rde0.png
  48. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-Signal-qjiwqtjg.png
  49. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-Status_Bar_White-rtgzreq1.png
  50. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-hamburger-qtrdotvb.png
  51. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-inbox-mjyym0ix.png
  52. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-mail-otc2nkjc.png
  53. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-menu-mdffnky0.png
  54. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-row-mtlfotax.png
  55. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-row-mzyxmzhf.png
  56. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-row-otgxota5.png
  57. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-row-ourcmdnf.png
  58. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-row-qtezmzze.png
  59. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-row-qzrcnzle.png
  60. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-status-qznenjg2.png
  61. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-today-rtgwq0i3.png
  62. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-top-m0u5qjaz.png
  63. BIN extras/Studio.framer/imported/Mail@2x/images/Layer-yesterday-rtzerky4.png
  64. +527 −0 extras/Studio.framer/imported/Mail@2x/layers.json
  65. +528 −0 extras/Studio.framer/imported/Mail@2x/layers.json.js
  66. +0 −29 extras/Studio.framer/imported/test@2x/layers.json
  67. +0 −30 extras/Studio.framer/imported/test@2x/layers.json.js
  68. +39 −0 extras/examples/NavComponent/Mail.framer/.gitignore
  69. +17 −0 extras/examples/NavComponent/Mail.framer/app.coffee
  70. +3 −0 extras/examples/NavComponent/Mail.framer/framer/.bowerrc
  71. +12 −0 extras/examples/NavComponent/Mail.framer/framer/coffee-script.js
  72. +17 −0 extras/examples/NavComponent/Mail.framer/framer/config.json
  73. +196 −0 extras/examples/NavComponent/Mail.framer/framer/mirror.css
  74. +59 −0 extras/examples/NavComponent/Mail.framer/framer/style.css
  75. +1 −0 extras/examples/NavComponent/Mail.framer/framer/version
  76. 0 extras/examples/NavComponent/Mail.framer/images/.gitkeep
  77. BIN extras/examples/NavComponent/Mail.framer/images/framer-icon.png
  78. BIN extras/examples/NavComponent/Mail.framer/images/photo.jpg
  79. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-Battery_Icon-n0ffqtve.png
  80. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-Bitmap-mdq4ndhf.png
  81. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-Charge-qtk3rde0.png
  82. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-Signal-qjiwqtjg.png
  83. BIN ...as/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-Status_Bar_White-rtgzreq1.png
  84. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-hamburger-qtrdotvb.png
  85. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-inbox-mjyym0ix.png
  86. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-mail-otc2nkjc.png
  87. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-menu-mdffnky0.png
  88. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-row-mtlfotax.png
  89. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-row-mzyxmzhf.png
  90. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-row-otgxota5.png
  91. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-row-ourcmdnf.png
  92. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-row-qtezmzze.png
  93. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-row-qzrcnzle.png
  94. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-status-qznenjg2.png
  95. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-today-rtgwq0i3.png
  96. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-top-m0u5qjaz.png
  97. BIN extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/images/Layer-yesterday-rtzerky4.png
  98. +527 −0 extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/layers.json
  99. +528 −0 extras/examples/NavComponent/Mail.framer/imported/Mail2@2x/layers.json.js
  100. +39 −0 extras/examples/NavComponent/Mail.framer/index.html
  101. 0 extras/examples/NavComponent/Mail.framer/modules/.gitkeep
  102. BIN extras/examples/NavComponent/Mail.sketch
  103. +8 −1 framer/Animation.coffee
  104. +93 −23 framer/AnimationGroup.coffee
  105. +377 −69 framer/Components/NavComponent.coffee
  106. +0 −145 framer/Components/NavComponentTransitions.coffee
  107. +1 −0 framer/Framer.coffee
  108. +27 −12 framer/Layer.coffee
  109. +11 −1 framer/Utils.coffee
  110. +0 −1 gulpfile.coffee
  111. +0 −1 package.json
  112. +1 −0 test/tests.coffee
  113. +129 −0 test/tests/NavComponentTest.coffee
@@ -0,0 +1,25 @@
# Card
class Card extends Layer
constructor: (options={}) ->
options.size ?= Screen
options.backgroundColor ?= Utils.randomColor()
options.visible = false
super options
Utils.labelLayer(@, "Card #{@id}")

c1 = new Card()
c2 = new Card()
c3 = new Card(size: 400)

nav = new NavComponent(c1)

nav.header = new Layer
height: 80
width: Screen.width

nav.header.onClick -> nav.showPrevious()

Utils.labelLayer(nav.header, "Header")

c1.onClick -> nav.showNext(c2)
c2.onClick -> nav.showOverlayCenter(c3)
@@ -5,12 +5,13 @@
"deviceOrientation" : 0,
"sharedPrototype" : 1,
"contentScale" : 1,
"deviceType" : "fullscreen",
"deviceType" : "apple-iphone-7-silver",
"selectedHand" : "",
"updateDelay" : 0.3,
"deviceScale" : 1,
"deviceScale" : "fit",
"foldedCodeRanges" : [

"{0, 215}"
],
"orientation" : 0
"orientation" : 0,
"fullScreen" : false
}
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

0 comments on commit 64e9597

Please sign in to comment.
You can’t perform that action at this time.