plan98

minor polish around the buy sell app and the interplay

+25 -10
+6 -1
client/public/elves/buy-sell-wizard.js
··· 10 10 11 11 const viewRenderers = { 12 12 [views.first]: (state) => { 13 + const keycard = getKeycard() 13 14 return ` 14 15 <div class="view-title"> 15 16 Sell 16 17 </div> 17 18 <div class="view-description"> 18 - Upload your digital product. It will be stored securely in your wallet using the abcxyz keycard. 19 + Upload your digital product. It will be stored securely in your wallet using the ${keycard.name} keycard. 19 20 </div> 20 21 21 22 <div class="file-region"> ··· 27 28 <button data-submit="${views.first}"> 28 29 Upload 29 30 </button> 31 + 32 + <a href="/app/plan98-wallet"> 33 + Wrong Keycard? Go to wallet. 34 + </a> 30 35 ` 31 36 }, 32 37 [views.second]: (state) => {
+16 -7
client/public/elves/buy-sell.js
··· 19 19 Store 20 20 </div> 21 21 <button data-view="${views.buy}">Buy</button> 22 - <button data-view="${views.sell}">Sell</button> 22 + <button data-view="${views.admin}">Sell</button> 23 23 ` 24 24 }, 25 25 [views.buy]: (state) => { ··· 28 28 Buy 29 29 </div> 30 30 <button data-view="${views.buy}">Buy</button> 31 - <button data-view="${views.sell}">Sell</button> 31 + <button data-view="${views.admin}">Sell</button> 32 32 ` 33 33 }, 34 34 [views.sell]: (state) => { ··· 38 38 }, 39 39 [views.admin]: (state) => { 40 40 return ` 41 - My Sales 42 - 43 - My Products 41 + <div> 42 + My Sales 43 + </div> 44 + <div> 45 + My Products 46 + <button data-view="${views.sell}">Sell</button> 47 + </div> 44 48 45 - My Purchases 49 + <div> 50 + My Purchases 51 + </div> 46 52 ` 47 53 }, 48 54 [views.create]: (state) => { ··· 136 142 </div> 137 143 <div data-dom="realm" class="chat-realm"> 138 144 <div class="now"> 139 - Back, Buy, Sell 145 + <button data-back>Back</button> 146 + <div></div> 147 + <button data-view="${views.buy}">Buy</button> 148 + <button data-view="${views.admin}">Sell</button> 140 149 </div> 141 150 142 151 <div class="chat-sidebar">
+3 -2
client/public/elves/time-machine.js
··· 2012 2012 target.activeKeycardId = activeKeycard.id 2013 2013 target.keycardsLength = list.length 2014 2014 identity.innerHTML = ` 2015 - <select name="keycard" class="standard-input -smol"> 2015 + <select name="keycard" class="standard-button -smol"> 2016 2016 ${list.map(keycard => { 2017 2017 return ` 2018 2018 <option value="${keycard.id}" ${activeKeycard.id === keycard.id ? 'selected':''}>${keycard.name}</option> ··· 2040 2040 <sl-icon name="list"></sl-icon> 2041 2041 </button> 2042 2042 <div class="dropdown-items" data-menu="edit"> 2043 + <button data-new="${eventTypes.product}">Product</button> 2043 2044 <button data-new="${eventTypes.video}">Video</button> 2044 2045 <button data-new="${eventTypes.image}">Photo</button> 2045 2046 <button data-new="${eventTypes.sketch}">Sketch</button> ··· 2141 2142 <button class="standard-button"> 2142 2143 <sl-icon name="funnel"></sl-icon> 2143 2144 </button> 2144 - <input class="standard-input" placeholder="?" type="text"> 2145 + <input class="standard-button" placeholder="?" type="text"> 2145 2146 </div> 2146 2147 </div> 2147 2148 </div>