improve accessibility even more

assets/css/app.scss

@@ -36,7 +36,7 @@ $fa-font-path: "@fortawesome/fontawesome-free/webfonts";
 }
 
 .invalid-feedback {
-  color: #a94442;
+  color: #f36c69;
   display: block;
   margin: -1rem 0 2rem;
 }

assets/css/components.scss

@@ -45,8 +45,8 @@
   }
 
   .btn-alert {
-    @apply bg-red-700 active:bg-red-900;
+    @apply bg-red-800 active:bg-red-900;
-    @apply border-red-700 active:border-red-900;
+    @apply border-red-800 active:border-red-900;
     @apply text-primary-300;
   }
 

assets/js/app.js

@@ -26,26 +26,18 @@ import 'phoenix_html'
 import { Socket } from 'phoenix'
 import { LiveSocket } from 'phoenix_live_view'
 import topbar from 'topbar'
+import Date from './date'
+import DateTime from './datetime'
 import MaintainAttrs from './maintain_attrs'
-import Alpine from 'alpinejs'
 
 const csrfTokenElement = document.querySelector("meta[name='csrf-token']")
 let csrfToken
 if (csrfTokenElement) { csrfToken = csrfTokenElement.getAttribute('content') }
 const liveSocket = new LiveSocket('/live', Socket, {
-  dom: {
-    onBeforeElUpdated (from, to) {
-      if (from._x_dataStack) { window.Alpine.clone(from, to) }
-    }
-  },
   params: { _csrf_token: csrfToken },
-  hooks: { MaintainAttrs }
+  hooks: { Date, DateTime, MaintainAttrs }
 })
 
-// alpine.js
-window.Alpine = Alpine
-Alpine.start()
-
 // Show progress bar on live navigation and form submits
 topbar.config({ barThickness: 1, barColors: { 0: '#fff' }, shadowColor: 'rgba(0, 0, 0, .3)' })
 window.addEventListener('phx:page-loading-start', info => topbar.show())

assets/js/date.js

@@ -0,0 +1,11 @@
+export default {
+  displayDate (el) {
+    const date =
+      Intl.DateTimeFormat([], { timeZone: 'Etc/UTC', dateStyle: 'short' })
+        .format(new Date(el.dateTime))
+
+    el.innerText = date
+  },
+  mounted () { this.displayDate(this.el) },
+  updated () { this.displayDate(this.el) }
+}

assets/js/datetime.js

@@ -0,0 +1,11 @@
+export default {
+  displayDateTime (el) {
+    const date =
+      Intl.DateTimeFormat([], { dateStyle: 'short', timeStyle: 'long' })
+        .format(new Date(el.dateTime))
+
+    el.innerText = date
+  },
+  mounted () { this.displayDateTime(this.el) },
+  updated () { this.displayDateTime(this.el) }
+}

assets/package.json

@@ -4,7 +4,7 @@
   "license": "MIT",
   "engines": {
     "node": "v18.9.1",
-    "npm": "8.10.0"
+    "npm": "8.19.1"
   },
   "scripts": {
     "deploy": "NODE_ENV=production webpack --mode production",
@@ -13,35 +13,35 @@
     "test": "standard"
   },
   "dependencies": {
-    "@fontsource/nunito-sans": "^4.5.8",
+    "@fontsource/nunito-sans": "^4.5.10",
-    "@fortawesome/fontawesome-free": "^6.1.1",
+    "@fortawesome/fontawesome-free": "^6.3.0",
-    "alpinejs": "^3.10.2",
     "phoenix": "file:../deps/phoenix",
     "phoenix_html": "file:../deps/phoenix_html",
     "phoenix_live_view": "file:../deps/phoenix_live_view",
-    "topbar": "^1.0.1"
+    "topbar": "^2.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.10",
+    "@babel/core": "^7.21.3",
-    "@babel/preset-env": "^7.17.10",
+    "@babel/preset-env": "^7.20.2",
-    "autoprefixer": "^10.4.7",
+    "autoprefixer": "^10.4.14",
-    "babel-loader": "^8.2.5",
+    "babel-loader": "^9.1.2",
-    "copy-webpack-plugin": "^10.2.4",
+    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.7.1",
+    "css-loader": "^6.7.3",
-    "css-minimizer-webpack-plugin": "^3.4.1",
+    "css-minimizer-webpack-plugin": "^4.2.2",
     "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^2.6.0",
+    "mini-css-extract-plugin": "^2.7.5",
-    "postcss": "^8.4.13",
+    "npm-check-updates": "^16.7.12",
-    "postcss-import": "^14.1.0",
+    "postcss": "^8.4.21",
-    "postcss-loader": "^6.2.1",
+    "postcss-import": "^15.1.0",
-    "postcss-preset-env": "^7.5.0",
+    "postcss-loader": "^7.1.0",
-    "sass": "^1.56.0",
+    "postcss-preset-env": "^8.0.1",
-    "sass-loader": "^12.6.0",
+    "sass": "^1.59.3",
+    "sass-loader": "^13.2.1",
     "standard": "^17.0.0",
-    "tailwindcss": "^3.0.24",
+    "tailwindcss": "^3.2.7",
-    "terser-webpack-plugin": "^5.3.1",
+    "terser-webpack-plugin": "^5.3.7",
-    "webpack": "^5.72.0",
+    "webpack": "^5.76.2",
-    "webpack-cli": "^4.9.2",
+    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.9.0"
+    "webpack-dev-server": "^4.13.1"
   }
 }

changelog.md

@@ -1,3 +1,10 @@
+# v0.1.10
+- Improve accessibility
+- Code quality improvements
+- Fix dates displaying incorrectly
+- Add links to readme for github mirror
+- Add license (whoops)
+
 # v0.1.9
 - Improve server log
 - Style 大一點

lib/license.md

@@ -0,0 +1,660 @@
+### GNU AFFERO GENERAL PUBLIC LICENSE
+
+Version 3, 19 November 2007
+
+Copyright (C) 2007 Free Software Foundation, Inc.
+<https://fsf.org/>
+
+Everyone is permitted to copy and distribute verbatim copies of this
+license document, but changing it is not allowed.
+
+### Preamble
+
+The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works. By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains
+free software for all its users.
+
+When we speak of free software, we are referring to freedom, not
+price. Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate. Many developers of free software are heartened and
+encouraged by the resulting cooperation. However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community. It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server. Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals. This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing
+under this license.
+
+The precise terms and conditions for copying, distribution and
+modification follow.
+
+### TERMS AND CONDITIONS
+
+#### 0. Definitions.
+
+"This License" refers to version 3 of the GNU Affero General Public
+License.
+
+"Copyright" also means copyright-like laws that apply to other kinds
+of works, such as semiconductor masks.
+
+"The Program" refers to any copyrightable work licensed under this
+License. Each licensee is addressed as "you". "Licensees" and
+"recipients" may be individuals or organizations.
+
+To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of
+an exact copy. The resulting work is called a "modified version" of
+the earlier work or a work "based on" the earlier work.
+
+A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy. Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies. Mere interaction with a user
+through a computer network, with no transfer of a copy, is not
+conveying.
+
+An interactive user interface displays "Appropriate Legal Notices" to
+the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License. If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+#### 1. Source Code.
+
+The "source code" for a work means the preferred form of the work for
+making modifications to it. "Object code" means any non-source form of
+a work.
+
+A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form. A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities. However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work. For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+The Corresponding Source need not include anything that users can
+regenerate automatically from other parts of the Corresponding Source.
+
+The Corresponding Source for a work in source code form is that same
+work.
+
+#### 2. Basic Permissions.
+
+All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met. This License explicitly affirms your unlimited
+permission to run the unmodified Program. The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work. This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+You may make, run and propagate covered works that you do not convey,
+without conditions so long as your license otherwise remains in force.
+You may convey covered works to others for the sole purpose of having
+them make modifications exclusively for you, or provide you with
+facilities for running those works, provided that you comply with the
+terms of this License in conveying all material for which you do not
+control copyright. Those thus making or running the covered works for
+you must do so exclusively on your behalf, under your direction and
+control, on terms that prohibit them from making any copies of your
+copyrighted material outside their relationship with you.
+
+Conveying under any other circumstances is permitted solely under the
+conditions stated below. Sublicensing is not allowed; section 10 makes
+it unnecessary.
+
+#### 3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such
+circumvention is effected by exercising rights under this License with
+respect to the covered work, and you disclaim any intention to limit
+operation or modification of the work as a means of enforcing, against
+the work's users, your or third parties' legal rights to forbid
+circumvention of technological measures.
+
+#### 4. Conveying Verbatim Copies.
+
+You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+#### 5. Conveying Modified Source Versions.
+
+You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these
+conditions:
+
+-   a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+-   b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under
+    section 7. This requirement modifies the requirement in section 4
+    to "keep intact all notices".
+-   c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy. This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged. This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+-   d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit. Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+#### 6. Conveying Non-Source Forms.
+
+You may convey a covered work in object code form under the terms of
+sections 4 and 5, provided that you also convey the machine-readable
+Corresponding Source under the terms of this License, in one of these
+ways:
+
+-   a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+-   b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the Corresponding
+    Source from a network server at no charge.
+-   c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source. This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+-   d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge. You need not require recipients to copy the
+    Corresponding Source along with the object code. If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source. Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+-   e) Convey the object code using peer-to-peer transmission,
+    provided you inform other peers where the object code and
+    Corresponding Source of the work are being offered to the general
+    public at no charge under subsection 6d.
+
+A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal,
+family, or household purposes, or (2) anything designed or sold for
+incorporation into a dwelling. In determining whether a product is a
+consumer product, doubtful cases shall be resolved in favor of
+coverage. For a particular product received by a particular user,
+"normally used" refers to a typical or common use of that class of
+product, regardless of the status of the particular user or of the way
+in which the particular user actually uses, or expects or is expected
+to use, the product. A product is a consumer product regardless of
+whether the product has substantial commercial, industrial or
+non-consumer uses, unless such uses represent the only significant
+mode of use of the product.
+
+"Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to
+install and execute modified versions of a covered work in that User
+Product from a modified version of its Corresponding Source. The
+information must suffice to ensure that the continued functioning of
+the modified object code is in no case prevented or interfered with
+solely because modification has been made.
+
+If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information. But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or
+updates for a work that has been modified or installed by the
+recipient, or for the User Product in which it has been modified or
+installed. Access to a network may be denied when the modification
+itself materially and adversely affects the operation of the network
+or violates the rules and protocols for communication across the
+network.
+
+Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+#### 7. Additional Terms.
+
+"Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law. If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it. (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.) You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders
+of that material) supplement the terms of this License with terms:
+
+-   a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+-   b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+-   c) Prohibiting misrepresentation of the origin of that material,
+    or requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+-   d) Limiting the use for publicity purposes of names of licensors
+    or authors of the material; or
+-   e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+-   f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions
+    of it) with contractual assumptions of liability to the recipient,
+    for any liability that these contractual assumptions directly
+    impose on those licensors and authors.
+
+All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10. If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term. If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions; the
+above requirements apply either way.
+
+#### 8. Termination.
+
+You may not propagate or modify a covered work except as expressly
+provided under this License. Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+However, if you cease all violation of this License, then your license
+from a particular copyright holder is reinstated (a) provisionally,
+unless and until the copyright holder explicitly and finally
+terminates your license, and (b) permanently, if the copyright holder
+fails to notify you of the violation by some reasonable means prior to
+60 days after the cessation.
+
+Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License. If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+#### 9. Acceptance Not Required for Having Copies.
+
+You are not required to accept this License in order to receive or run
+a copy of the Program. Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance. However,
+nothing other than this License grants you permission to propagate or
+modify any covered work. These actions infringe copyright if you do
+not accept this License. Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+#### 10. Automatic Licensing of Downstream Recipients.
+
+Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License. You are not responsible
+for enforcing compliance by third parties with this License.
+
+An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations. If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License. For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+#### 11. Patents.
+
+A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based. The
+work thus licensed is called the contributor's "contributor version".
+
+A contributor's "essential patent claims" are all patent claims owned
+or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version. For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement). To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients. "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+A patent license is "discriminatory" if it does not include within the
+scope of its coverage, prohibits the exercise of, or is conditioned on
+the non-exercise of one or more of the rights that are specifically
+granted under this License. You may not convey a covered work if you
+are a party to an arrangement with a third party that is in the
+business of distributing software, under which you make payment to the
+third party based on the extent of your activity of conveying the
+work, and under which the third party grants, to any of the parties
+who would receive the covered work from you, a discriminatory patent
+license (a) in connection with copies of the covered work conveyed by
+you (or copies made from those copies), or (b) primarily for and in
+connection with specific products or compilations that contain the
+covered work, unless you entered into that arrangement, or that patent
+license was granted, prior to 28 March 2007.
+
+Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+#### 12. No Surrender of Others' Freedom.
+
+If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License. If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under
+this License and any other pertinent obligations, then as a
+consequence you may not convey it at all. For example, if you agree to
+terms that obligate you to collect a royalty for further conveying
+from those to whom you convey the Program, the only way you could
+satisfy both those terms and this License would be to refrain entirely
+from conveying the Program.
+
+#### 13. Remote Network Interaction; Use with the GNU General Public License.
+
+Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your
+version supports such interaction) an opportunity to receive the
+Corresponding Source of your version by providing access to the
+Corresponding Source from a network server at no charge, through some
+standard or customary means of facilitating copying of software. This
+Corresponding Source shall include the Corresponding Source for any
+work covered by version 3 of the GNU General Public License that is
+incorporated pursuant to the following paragraph.
+
+Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work. The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+#### 14. Revised Versions of this License.
+
+The Free Software Foundation may publish revised and/or new versions
+of the GNU Affero General Public License from time to time. Such new
+versions will be similar in spirit to the present version, but may
+differ in detail to address new problems or concerns.
+
+Each version is given a distinguishing version number. If the Program
+specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation. If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever
+published by the Free Software Foundation.
+
+If the Program specifies that a proxy can decide which future versions
+of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+Later license versions may give you additional or different
+permissions. However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+#### 15. Disclaimer of Warranty.
+
+THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT
+WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND
+PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE
+DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR
+CORRECTION.
+
+#### 16. Limitation of Liability.
+
+IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR
+CONVEYS THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES
+ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT
+NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR
+LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM
+TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER
+PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+#### 17. Interpretation of Sections 15 and 16.
+
+If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+END OF TERMS AND CONDITIONS
+
+### How to Apply These Terms to Your New Programs
+
+If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these
+terms.
+
+To do so, attach the following notices to the program. It is safest to
+attach them to the start of each source file to most effectively state
+the exclusion of warranty; and each file should have at least the
+"copyright" line and a pointer to where the full notice is found.
+
+        <one line to give the program's name and a brief idea of what it does.>
+        Copyright (C) <year>  <name of author>
+
+        This program is free software: you can redistribute it and/or modify
+        it under the terms of the GNU Affero General Public License as
+        published by the Free Software Foundation, either version 3 of the
+        License, or (at your option) any later version.
+
+        This program is distributed in the hope that it will be useful,
+        but WITHOUT ANY WARRANTY; without even the implied warranty of
+        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+        GNU Affero General Public License for more details.
+
+        You should have received a copy of the GNU Affero General Public License
+        along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper
+mail.
+
+If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source. For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code. There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for
+the specific requirements.
+
+You should also get your employer (if you work as a programmer) or
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary. For more information on this, and how to apply and follow
+the GNU AGPL, see <https://www.gnu.org/licenses/>.

lib/memex/accounts.ex

@@ -389,6 +389,17 @@ defmodule Memex.Accounts do
       list_users_by_role(:admin) |> Enum.empty?()
   end
 
+  @doc """
+  Returns an atom representing the current configured registration mode
+  """
+  @spec registration_mode() :: :public | :invite_only
+  def registration_mode do
+    case Application.get_env(:memex, Memex.Accounts)[:registration] do
+      "public" -> :public
+      _other -> :invite_only
+    end
+  end
+
   @doc """
   Checks if user is an admin
 

lib/memex/accounts/invites.ex

@@ -100,13 +100,23 @@ defmodule Memex.Accounts.Invites do
     end
   end
 
-  @spec get_use_count(Invite.t(), User.t()) :: non_neg_integer()
+  @spec get_use_count(Invite.t(), User.t()) :: non_neg_integer() | nil
-  def get_use_count(%Invite{id: invite_id}, %User{role: :admin}) do
+  def get_use_count(%Invite{id: invite_id} = invite, user) do
-    Repo.one(
+    [invite] |> get_use_counts(user) |> Map.get(invite_id)
+  end
+
+  @spec get_use_counts([Invite.t()], User.t()) ::
+          %{optional(Invite.id()) => non_neg_integer()}
+  def get_use_counts(invites, %User{role: :admin}) do
+    invite_ids = invites |> Enum.map(fn %{id: invite_id} -> invite_id end)
+
+    Repo.all(
       from u in User,
-        where: u.invite_id == ^invite_id,
+        where: u.invite_id in ^invite_ids,
-        select: count(u.id)
+        group_by: u.invite_id,
+        select: {u.invite_id, count(u.id)}
     )
+    |> Map.new()
   end
 
   @spec decrement_invite_changeset(Invite.t()) :: Invite.changeset()

lib/memex/contexts.ex

@@ -228,4 +228,13 @@ defmodule Memex.Contexts do
   def change_context(%Context{} = context, attrs \\ %{}, user) do
     context |> Context.update_changeset(attrs, user)
   end
+
+  @spec is_owner_or_admin?(Context.t(), User.t()) :: boolean()
+  def is_owner_or_admin?(%{user_id: user_id}, %{id: user_id}), do: true
+  def is_owner_or_admin?(_context, %{role: :admin}), do: true
+  def is_owner_or_admin?(_context, _other_user), do: false
+
+  @spec is_owner?(Context.t(), User.t()) :: boolean()
+  def is_owner?(%{user_id: user_id}, %{id: user_id}), do: true
+  def is_owner?(_context, _other_user), do: false
 end

lib/memex/contexts/context.ex

@@ -27,7 +27,7 @@ defmodule Memex.Contexts.Context do
     field :tags_string, :string, virtual: true
     field :visibility, Ecto.Enum, values: [:public, :private, :unlisted]
 
-    belongs_to :user, User
+    field :user_id, :binary_id
 
     timestamps()
   end
@@ -38,7 +38,6 @@ defmodule Memex.Contexts.Context do
           tags: [String.t()] | nil,
           tags_string: String.t() | nil,
           visibility: :public | :private | :unlisted,
-          user: User.t() | Ecto.Association.NotLoaded.t(),
           user_id: User.id(),
           inserted_at: NaiveDateTime.t(),
           updated_at: NaiveDateTime.t()

lib/memex/notes.ex

@@ -228,4 +228,13 @@ defmodule Memex.Notes do
   def change_note(%Note{} = note, attrs \\ %{}, user) do
     note |> Note.update_changeset(attrs, user)
   end
+
+  @spec is_owner_or_admin?(Note.t(), User.t()) :: boolean()
+  def is_owner_or_admin?(%{user_id: user_id}, %{id: user_id}), do: true
+  def is_owner_or_admin?(_context, %{role: :admin}), do: true
+  def is_owner_or_admin?(_context, _other_user), do: false
+
+  @spec is_owner?(Note.t(), User.t()) :: boolean()
+  def is_owner?(%{user_id: user_id}, %{id: user_id}), do: true
+  def is_owner?(_context, _other_user), do: false
 end

lib/memex/notes/note.ex

@@ -26,7 +26,7 @@ defmodule Memex.Notes.Note do
     field :tags_string, :string, virtual: true
     field :visibility, Ecto.Enum, values: [:public, :private, :unlisted]
 
-    belongs_to :user, User
+    field :user_id, :binary_id
 
     timestamps()
   end
@@ -37,7 +37,6 @@ defmodule Memex.Notes.Note do
           tags: [String.t()] | nil,
           tags_string: String.t() | nil,
           visibility: :public | :private | :unlisted,
-          user: User.t() | Ecto.Association.NotLoaded.t(),
           user_id: User.id(),
           inserted_at: NaiveDateTime.t(),
           updated_at: NaiveDateTime.t()

lib/memex/pipelines.ex

@@ -230,4 +230,13 @@ defmodule Memex.Pipelines do
   def change_pipeline(%Pipeline{} = pipeline, attrs \\ %{}, user) do
     pipeline |> Pipeline.update_changeset(attrs, user)
   end
+
+  @spec is_owner_or_admin?(Pipeline.t(), User.t()) :: boolean()
+  def is_owner_or_admin?(%{user_id: user_id}, %{id: user_id}), do: true
+  def is_owner_or_admin?(_context, %{role: :admin}), do: true
+  def is_owner_or_admin?(_context, _other_user), do: false
+
+  @spec is_owner?(Pipeline.t(), User.t()) :: boolean()
+  def is_owner?(%{user_id: user_id}, %{id: user_id}), do: true
+  def is_owner?(_context, _other_user), do: false
 end

lib/memex/pipelines/pipeline.ex

@@ -27,7 +27,7 @@ defmodule Memex.Pipelines.Pipeline do
     field :tags_string, :string, virtual: true
     field :visibility, Ecto.Enum, values: [:public, :private, :unlisted]
 
-    belongs_to :user, User
+    field :user_id, :binary_id
 
     has_many :steps, Step, preload_order: [asc: :position]
 
@@ -40,7 +40,6 @@ defmodule Memex.Pipelines.Pipeline do
           tags: [String.t()] | nil,
           tags_string: String.t() | nil,
           visibility: :public | :private | :unlisted,
-          user: User.t() | Ecto.Association.NotLoaded.t(),
           user_id: User.id(),
           inserted_at: NaiveDateTime.t(),
           updated_at: NaiveDateTime.t()

lib/memex/pipelines/step.ex

@@ -23,7 +23,7 @@ defmodule Memex.Pipelines.Steps.Step do
     field :position, :integer
 
     belongs_to :pipeline, Pipeline
-    belongs_to :user, User
+    field :user_id, :binary_id
 
     timestamps()
   end
@@ -34,7 +34,6 @@ defmodule Memex.Pipelines.Steps.Step do
           position: non_neg_integer(),
           pipeline: Pipeline.t() | Ecto.Association.NotLoaded.t(),
           pipeline_id: Pipeline.id(),
-          user: User.t() | Ecto.Association.NotLoaded.t(),
           user_id: User.id(),
           inserted_at: NaiveDateTime.t(),
           updated_at: NaiveDateTime.t()

lib/memex_web.ex

@@ -45,8 +45,7 @@ defmodule MemexWeb do
 
   def live_view do
     quote do
-      use Phoenix.LiveView,
+      use Phoenix.LiveView, layout: {MemexWeb.LayoutView, :live}
-        layout: {MemexWeb.LayoutView, "live.html"}
 
       on_mount MemexWeb.InitAssigns
       unquote(view_helpers())
@@ -96,7 +95,7 @@ defmodule MemexWeb do
       # Import LiveView and .heex helpers (live_render, link, <.form>, etc)
       # Import basic rendering functionality (render, render_layout, etc)
       import Phoenix.{Component, View}
-      import MemexWeb.{ErrorHelpers, Gettext, LiveHelpers, ViewHelpers}
+      import MemexWeb.{ErrorHelpers, Gettext, CoreComponents, ViewHelpers}
 
       # credo:disable-for-next-line Credo.Check.Consistency.MultiAliasImportRequireUse
       alias MemexWeb.Endpoint

lib/memex_web/components/context_content.ex

@@ -1,44 +0,0 @@
-defmodule MemexWeb.Components.ContextContent do
-  @moduledoc """
-  Display the content for a context
-  """
-  use MemexWeb, :component
-  alias Memex.Contexts.Context
-  alias Phoenix.HTML
-
-  attr :context, Context, required: true
-
-  def context_content(assigns) do
-    ~H"""
-    <div
-      id={"show-context-content-#{@context.id}"}
-      class="input input-primary h-128 min-h-128 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto"
-      phx-hook="MaintainAttrs"
-      phx-update="ignore"
-      readonly
-      phx-no-format
-    ><p class="inline"><%= add_links_to_content(@context.content) %></p></div>
-    """
-  end
-
-  defp add_links_to_content(content) do
-    Regex.replace(
-      ~r/\[\[([\p{L}\p{N}\-]+)\]\]/,
-      content,
-      fn _whole_match, slug ->
-        link =
-          HTML.Link.link(
-            "[[#{slug}]]",
-            to: Routes.note_show_path(Endpoint, :show, slug),
-            class: "link inline",
-            data: [qa: "context-note-#{slug}"]
-          )
-          |> HTML.Safe.to_iodata()
-          |> IO.iodata_to_binary()
-
-        "</p>#{link}<p class=\"inline\">"
-      end
-    )
-    |> HTML.raw()
-  end
-end

lib/memex_web/components/contexts_table_component.ex

@@ -40,7 +40,7 @@ defmodule MemexWeb.Components.ContextsTableComponent do
       if actions == [] or current_user |> is_nil() do
         []
       else
-        [%{label: nil, key: :actions, sortable: false}]
+        [%{label: gettext("actions"), key: :actions, sortable: false}]
       end
 
     columns = [
@@ -92,11 +92,7 @@ defmodule MemexWeb.Components.ContextsTableComponent do
     assigns = %{slug: slug}
 
     slug_block = ~H"""
-    <.link
+    <.link navigate={Routes.context_show_path(Endpoint, :show, @slug)} class="link">
-      navigate={Routes.context_show_path(Endpoint, :show, @slug)}
-      class="link"
-      data-qa={"context-show-#{@slug}"}
-    >
       <%= @slug %>
     </.link>
     """

lib/memex_web/components/core_components.ex

@@ -0,0 +1,183 @@
+defmodule MemexWeb.CoreComponents do
+  @moduledoc """
+  Provides core UI components.
+  """
+  use Phoenix.Component
+  import MemexWeb.{Gettext, ViewHelpers}
+  alias Memex.{Accounts, Accounts.Invite, Accounts.User}
+  alias Memex.Contexts.Context
+  alias Memex.Notes.Note
+  alias Memex.Pipelines.Steps.Step
+  alias MemexWeb.{Endpoint, HomeLive}
+  alias MemexWeb.Router.Helpers, as: Routes
+  alias Phoenix.HTML
+  alias Phoenix.LiveView.JS
+
+  embed_templates("core_components/*")
+
+  attr :title_content, :string, default: nil
+  attr :current_user, User, default: nil
+
+  def topbar(assigns)
+
+  attr :return_to, :string, required: true
+  slot(:inner_block)
+
+  @doc """
+  Renders a live component inside a modal.
+
+  The rendered modal receives a `:return_to` option to properly update
+  the URL when the modal is closed.
+
+  ## Examples
+
+      <.modal return_to={Routes.<%= schema.singular %>_index_path(Endpoint, :index)}>
+        <.live_component
+          module={<%= inspect context.web_module %>.<%= inspect Module.concat(schema.web_namespace, schema.alias) %>Live.FormComponent}
+          id={@<%= schema.singular %>.id || :new}
+          title={@page_title}
+          action={@live_action}
+          return_to={Routes.<%= schema.singular %>_index_path(Endpoint, :index)}
+          <%= schema.singular %>: @<%= schema.singular %>
+        />
+      </.modal>
+  """
+  def modal(assigns)
+
+  defp hide_modal(js \\ %JS{}) do
+    js
+    |> JS.hide(to: "#modal", transition: "fade-out")
+    |> JS.hide(to: "#modal-bg", transition: "fade-out")
+    |> JS.hide(to: "#modal-content", transition: "fade-out-scale")
+  end
+
+  attr :action, :string, required: true
+  attr :value, :boolean, required: true
+  attr :id, :string, default: nil
+  slot(:inner_block)
+
+  @doc """
+  A toggle button element that can be directed to a liveview or a
+  live_component's `handle_event/3`.
+
+  ## Examples
+
+  <.toggle_button action="my_liveview_action" value={@some_value}>
+    <span>Toggle me!</span>
+  </.toggle_button>
+  <.toggle_button action="my_live_component_action" target={@myself} value={@some_value}>
+    <span>Whatever you want</span>
+  </.toggle_button>
+  """
+  def toggle_button(assigns)
+
+  attr :user, User, required: true
+  slot(:inner_block, required: true)
+
+  def user_card(assigns)
+
+  attr :invite, Invite, required: true
+  attr :use_count, :integer, default: nil
+  attr :current_user, User, required: true
+  slot(:inner_block)
+  slot(:code_actions)
+
+  def invite_card(assigns)
+
+  attr :id, :string, required: true
+  attr :datetime, :any, required: true, doc: "A `DateTime` struct or nil"
+
+  @doc """
+  Phoenix.Component for a <time> element that renders the naivedatetime in the
+  user's local timezone
+  """
+  def datetime(assigns)
+
+  @spec cast_datetime(NaiveDateTime.t() | nil) :: String.t()
+  defp cast_datetime(%NaiveDateTime{} = datetime) do
+    datetime |> DateTime.from_naive!("Etc/UTC") |> DateTime.to_iso8601(:extended)
+  end
+
+  defp cast_datetime(_datetime), do: ""
+
+  attr :id, :string, required: true
+  attr :date, :any, required: true, doc: "A `Date` struct or nil"
+
+  @doc """
+  Phoenix.Component for a <date> element that renders the Date in the user's
+  local timezone
+  """
+  def date(assigns)
+
+  attr :content, :string, required: true
+  attr :filename, :string, default: "qrcode", doc: "filename without .png extension"
+  attr :image_class, :string, default: "w-64 h-max"
+  attr :width, :integer, default: 384, doc: "width of png to generate"
+
+  @doc """
+  Creates a downloadable QR Code element
+  """
+  def qr_code(assigns)
+
+  attr :note, Note, required: true
+
+  def note_content(assigns)
+
+  attr :context, Context, required: true
+
+  def context_content(assigns)
+
+  attr :step, Step, required: true
+
+  def step_content(assigns)
+
+  defp add_links_to_content(content, data_qa_prefix) do
+    # replace links
+
+    # link regex from
+    # https://stackoverflow.com/questions/3809401/what-is-a-good-regular-expression-to-match-a-url
+    # and modified with additional schemes from
+    # https://www.iana.org/assignments/uri-schemes/uri-schemes.xhtml
+
+    content =
+      Regex.replace(
+        ~r<((file|git|https?|ipfs|ipns|irc|jabber|magnet|mailto|mumble|tel|udp|xmpp):\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*))>,
+        content,
+        fn _whole_match, link ->
+          link =
+            HTML.Link.link(
+              link,
+              to: link,
+              class: "link inline",
+              target: "_blank",
+              rel: "noopener noreferrer"
+            )
+            |> HTML.Safe.to_iodata()
+            |> IO.iodata_to_binary()
+
+          "</p>#{link}<p class=\"inline\">"
+        end
+      )
+
+    content =
+      Regex.replace(
+        ~r/\[\[([\p{L}\p{N}\-]+)\]\]/,
+        content,
+        fn _whole_match, slug ->
+          link =
+            HTML.Link.link(
+              "[[#{slug}]]",
+              to: Routes.note_show_path(Endpoint, :show, slug),
+              class: "link inline",
+              data: [qa: "#{data_qa_prefix}-#{slug}"]
+            )
+            |> HTML.Safe.to_iodata()
+            |> IO.iodata_to_binary()
+
+          "</p>#{link}<p class=\"inline\">"
+        end
+      )
+
+    content |> HTML.raw()
+  end
+end

lib/memex_web/components/core_components/context_content.html.heex

@@ -0,0 +1,8 @@
+<div
+  id={"show-context-content-#{@context.id}"}
+  class="input input-primary h-128 min-h-128 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto"
+  phx-hook="MaintainAttrs"
+  phx-update="ignore"
+  readonly
+  phx-no-format
+><p class="inline"><%= add_links_to_content(@context.content, "context-note") %></p></div>

lib/memex_web/components/core_components/date.html.heex

@@ -0,0 +1,3 @@
+<time :if={@date} id={@id} datetime={Date.to_iso8601(@date, :extended)} phx-hook="Date">
+  <%= Date.to_iso8601(@date, :extended) %>
+</time>

lib/memex_web/components/core_components/datetime.html.heex

@@ -0,0 +1,3 @@
+<time :if={@datetime} id={@id} datetime={cast_datetime(@datetime)} phx-hook="DateTime">
+  <%= cast_datetime(@datetime) %>
+</time>

lib/memex_web/components/core_components/invite_card.html.heex

@@ -0,0 +1,48 @@
+<div class="px-8 py-4 flex flex-col justify-center items-center space-y-4
+  bg-primary-900
+  border border-gray-400 rounded-lg shadow-lg hover:shadow-md
+  transition-all duration-300 ease-in-out">
+  <h1 class="title text-xl">
+    <%= @invite.name %>
+  </h1>
+
+  <%= if @invite.disabled_at |> is_nil() do %>
+    <h2 class="title text-md">
+      <%= if @invite.uses_left do %>
+        <%= gettext(
+          "uses left: %{uses_left_count}",
+          uses_left_count: @invite.uses_left
+        ) %>
+      <% else %>
+        <%= gettext("uses left: unlimited") %>
+      <% end %>
+    </h2>
+  <% else %>
+    <h2 class="title text-md">
+      <%= gettext("invite disabled") %>
+    </h2>
+  <% end %>
+
+  <.qr_code
+    content={Routes.user_registration_url(Endpoint, :new, invite: @invite.token)}
+    filename={@invite.name}
+  />
+
+  <h2 :if={@use_count && @use_count != 0} class="title text-md">
+    <%= gettext("uses: %{uses_count}", uses_count: @use_count) %>
+  </h2>
+
+  <div class="flex flex-row flex-wrap justify-center items-center">
+    <code
+      id={"code-#{@invite.id}"}
+      class="mx-2 my-1 text-xs px-4 py-2 rounded-lg text-center break-all
+        text-primary-400 bg-primary-800"
+      phx-no-format
+    ><%= Routes.user_registration_url(Endpoint, :new, invite: @invite.token) %></code>
+    <%= if @code_actions, do: render_slot(@code_actions) %>
+  </div>
+
+  <div :if={@inner_block} class="flex space-x-4 justify-center items-center">
+    <%= render_slot(@inner_block) %>
+  </div>
+</div>

lib/memex_web/components/core_components/modal.html.heex

@@ -0,0 +1,43 @@
+<.link
+  id="modal-bg"
+  patch={@return_to}
+  class="fade-in fixed z-10 left-0 top-0
+    w-full h-full overflow-hidden
+    p-8 flex flex-col justify-center items-center cursor-auto"
+  style="background-color: rgba(0,0,0,0.4);"
+  phx-remove={hide_modal()}
+  aria-label={gettext("close modal")}
+>
+  <span class="hidden"></span>
+</.link>
+
+<div
+  id="modal"
+  class="fixed z-10 left-0 top-0 pointer-events-none
+    w-full h-full overflow-hidden
+    p-4 sm:p-8 flex flex-col justify-center items-center"
+>
+  <div
+    id="modal-content"
+    class="fade-in-scale max-w-3xl max-h-3xl relative w-full
+      pointer-events-auto overflow-hidden
+      px-8 py-4 sm:py-8 flex flex-col justify-start items-stretch
+      bg-primary-800 text-primary-400 border-primary-900 border-2 rounded-lg"
+  >
+    <.link
+      patch={@return_to}
+      id="close"
+      class="absolute top-8 right-10
+        text-gray-500 hover:text-gray-800
+        transition-all duration-500 ease-in-out"
+      phx-remove={hide_modal()}
+      aria-label={gettext("close modal")}
+    >
+      <i class="fa-fw fa-lg fas fa-times"></i>
+    </.link>
+
+    <div class="overflow-x-hidden overflow-y-auto w-full p-8 flex flex-col space-y-4 justify-start items-stretch">
+      <%= render_slot(@inner_block) %>
+    </div>
+  </div>
+</div>

lib/memex_web/components/core_components/note_content.html.heex

@@ -0,0 +1,8 @@
+<div
+  id={"show-note-content-#{@note.id}"}
+  class="input input-primary h-128 min-h-128 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto"
+  phx-hook="MaintainAttrs"
+  phx-update="ignore"
+  readonly
+  phx-no-format
+><p class="inline"><%= add_links_to_content(@note.content, "note-link") %></p></div>

lib/memex_web/components/core_components/qr_code.html.heex

@@ -0,0 +1,3 @@
+<a href={qr_code_image(@content)} download={@filename <> ".png"}>
+  <img class={@image_class} alt={@filename} src={qr_code_image(@content)} />
+</a>

lib/memex_web/components/core_components/step_content.html.heex

@@ -0,0 +1,8 @@
+<div
+  id={"show-step-content-#{@step.id}"}
+  class="input input-primary h-32 min-h-32 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto"
+  phx-hook="MaintainAttrs"
+  phx-update="ignore"
+  readonly
+  phx-no-format
+><p class="inline"><%= add_links_to_content(@step.content, "step-context") %></p></div>

lib/memex_web/components/core_components/toggle_button.html.heex

@@ -0,0 +1,30 @@
+<label for={@id || @action} class="inline-flex relative items-center cursor-pointer">
+  <input
+    id={@id || @action}
+    type="checkbox"
+    value={@value}
+    checked={@value}
+    class="sr-only peer"
+    aria-labelledby={"#{@id || @action}-label"}
+    {
+      if assigns |> Map.has_key?(:target),
+        do: %{"phx-click": @action, "phx-value-value": @value, "phx-target": @target},
+        else: %{"phx-click": @action, "phx-value-value": @value}
+    }
+  />
+  <div class="w-11 h-6 bg-gray-300 rounded-full peer
+    peer-focus:ring-4 peer-focus:ring-teal-300 dark:peer-focus:ring-teal-800
+    peer-checked:bg-gray-600
+    peer-checked:after:translate-x-full peer-checked:after:border-white
+    after:content-[''] after:absolute after:top-1 after:left-[2px] after:bg-white after:border-gray-300
+    after:border after:rounded-full after:h-5 after:w-5
+    after:transition-all after:duration-250 after:ease-in-out
+    transition-colors duration-250 ease-in-out">
+  </div>
+  <span
+    id={"#{@id || @action}-label"}
+    class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300"
+  >
+    <%= render_slot(@inner_block) %>
+  </span>
+</label>

lib/memex_web/components/core_components/topbar.html.heex

@@ -0,0 +1,115 @@
+<nav role="navigation" class="mb-8 px-8 py-4 w-full bg-primary-900 text-primary-400">
+  <div class="flex flex-col sm:flex-row justify-between items-center">
+    <div class="mb-4 sm:mb-0 sm:mr-8 flex flex-row justify-start items-center space-x-2">
+      <.link
+        navigate={Routes.live_path(Endpoint, HomeLive)}
+        class="mx-2 my-1 leading-5 text-xl text-primary-400 hover:underline"
+      >
+        <%= gettext("memEx") %>
+      </.link>
+
+      <%= if @title_content do %>
+        <span class="mx-2 my-1">
+          |
+        </span>
+        <%= @title_content %>
+      <% end %>
+    </div>
+
+    <hr class="mb-2 sm:hidden hr-light" />
+
+    <ul class="flex flex-row flex-wrap justify-center items-center
+      text-lg text-primary-400 text-ellipsis">
+      <li class="mx-2 my-1">
+        <.link
+          navigate={Routes.note_index_path(Endpoint, :index)}
+          class="text-primary-400 hover:underline truncate"
+        >
+          <%= gettext("notes") %>
+        </.link>
+      </li>
+
+      <li class="mx-2 my-1">
+        <.link
+          navigate={Routes.context_index_path(Endpoint, :index)}
+          class="text-primary-400 hover:underline truncate"
+        >
+          <%= gettext("contexts") %>
+        </.link>
+      </li>
+
+      <li class="mx-2 my-1">
+        <.link
+          navigate={Routes.pipeline_index_path(Endpoint, :index)}
+          class="text-primary-400 hover:underline truncate"
+        >
+          <%= gettext("pipelines") %>
+        </.link>
+      </li>
+
+      <li class="mx-2 my-1 border-left border border-primary-700">​</li>
+
+      <%= if @current_user do %>
+        <li :if={@current_user |> Accounts.is_already_admin?()} class="mx-2 my-1">
+          <.link
+            navigate={Routes.invite_index_path(Endpoint, :index)}
+            class="text-primary-400 hover:underline"
+          >
+            <%= gettext("invites") %>
+          </.link>
+        </li>
+
+        <li class="mx-2 my-1">
+          <.link
+            navigate={Routes.user_settings_path(Endpoint, :edit)}
+            class="text-primary-400 hover:underline truncate"
+          >
+            <%= @current_user.email %>
+          </.link>
+        </li>
+        <li class="mx-2 my-1">
+          <.link
+            href={Routes.user_session_path(Endpoint, :delete)}
+            method="delete"
+            data-confirm={dgettext("prompts", "are you sure you want to log out?")}
+            aria-label={gettext("log out")}
+          >
+            <i class="fas fa-sign-out-alt"></i>
+          </.link>
+        </li>
+        <li
+          :if={
+            @current_user.role == :admin and function_exported?(Routes, :live_dashboard_path, 2)
+          }
+          class="mx-2 my-1"
+        >
+          <.link
+            navigate={Routes.live_dashboard_path(Endpoint, :home)}
+            class="text-primary-400 hover:underline"
+            aria-label={gettext("live dashboard")}
+          >
+            <i class="fas fa-gauge"></i>
+          </.link>
+        </li>
+      <% else %>
+        <li :if={Accounts.allow_registration?()} class="mx-2 my-1">
+          <.link
+            href={Routes.user_registration_path(Endpoint, :new)}
+            class="text-primary-400 hover:underline truncate"
+          >
+            <%= dgettext("actions", "register") %>
+          </.link>
+        </li>
+
+        <li class="mx-2 my-1">
+          <.link
+            href={Routes.user_session_path(Endpoint, :new)}
+            class="text-primary-400 hover:underline truncate"
+          >
+            <%= dgettext("actions", "log in") %>
+          </.link>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+</nav>

lib/memex_web/components/core_components/user_card.html.heex

@@ -0,0 +1,37 @@
+<div
+  id={"user-#{@user.id}"}
+  class="px-8 py-4 flex flex-col justify-center items-center text-center
+    bg-primary-900
+    border border-gray-400 rounded-lg shadow-lg hover:shadow-md
+    transition-all duration-300 ease-in-out"
+>
+  <h1 class="px-4 py-2 rounded-lg title text-xl break-all">
+    <%= @user.email %>
+  </h1>
+
+  <h3 class="px-4 py-2 rounded-lg title text-lg">
+    <p>
+      <%= if @user.confirmed_at do %>
+        <%= gettext(
+          "user confirmed on%{confirmed_datetime}",
+          confirmed_datetime: ""
+        ) %>
+        <.datetime id={"#{@user.id}-confirmed-at"} datetime={@user.confirmed_at} />
+      <% else %>
+        <%= gettext("email unconfirmed") %>
+      <% end %>
+    </p>
+
+    <p>
+      <%= gettext(
+        "user registered on%{registered_datetime}",
+        registered_datetime: ""
+      ) %>
+      <.datetime id={"#{@user.id}-inserted-at"} datetime={@user.inserted_at} />
+    </p>
+  </h3>
+
+  <div :if={@inner_block} class="px-4 py-2 flex space-x-4 justify-center items-center">
+    <%= render_slot(@inner_block) %>
+  </div>
+</div>

lib/memex_web/components/invite_card.ex

@@ -1,72 +0,0 @@
-defmodule MemexWeb.Components.InviteCard do
-  @moduledoc """
-  Display card for an invite
-  """
-
-  use MemexWeb, :component
-  alias Memex.Accounts.{Invite, Invites, User}
-  alias MemexWeb.Endpoint
-
-  attr :invite, Invite, required: true
-  attr :current_user, User, required: true
-  slot(:inner_block)
-  slot(:code_actions)
-
-  def invite_card(%{invite: invite, current_user: current_user} = assigns) do
-    assigns =
-      assigns
-      |> assign(:use_count, Invites.get_use_count(invite, current_user))
-      |> assign_new(:code_actions, fn -> [] end)
-
-    ~H"""
-    <div class="px-8 py-4 flex flex-col justify-center items-center space-y-4
-      bg-primary-900
-      border border-gray-400 rounded-lg shadow-lg hover:shadow-md
-      transition-all duration-300 ease-in-out">
-      <h1 class="title text-xl">
-        <%= @invite.name %>
-      </h1>
-
-      <%= if @invite.disabled_at |> is_nil() do %>
-        <h2 class="title text-md">
-          <%= if @invite.uses_left do %>
-            <%= gettext(
-              "uses left: %{uses_left_count}",
-              uses_left_count: @invite.uses_left
-            ) %>
-          <% else %>
-            <%= gettext("uses left: unlimited") %>
-          <% end %>
-        </h2>
-      <% else %>
-        <h2 class="title text-md">
-          <%= gettext("invite disabled") %>
-        </h2>
-      <% end %>
-
-      <.qr_code
-        content={Routes.user_registration_url(Endpoint, :new, invite: @invite.token)}
-        filename={@invite.name}
-      />
-
-      <h2 :if={@use_count != 0} class="title text-md">
-        <%= gettext("uses: %{uses_count}", uses_count: @use_count) %>
-      </h2>
-
-      <div class="flex flex-row flex-wrap justify-center items-center">
-        <code
-          id={"code-#{@invite.id}"}
-          class="mx-2 my-1 text-xs px-4 py-2 rounded-lg text-center break-all
-            text-primary-400 bg-primary-800"
-          phx-no-format
-        ><%= Routes.user_registration_url(Endpoint, :new, invite: @invite.token) %></code>
-        <%= render_slot(@code_actions) %>
-      </div>
-
-      <div :if={@inner_block} class="flex space-x-4 justify-center items-center">
-        <%= render_slot(@inner_block) %>
-      </div>
-    </div>
-    """
-  end
-end

lib/memex_web/components/note_content.ex

@@ -1,44 +0,0 @@
-defmodule MemexWeb.Components.NoteContent do
-  @moduledoc """
-  Display the content for a note
-  """
-  use MemexWeb, :component
-  alias Memex.Notes.Note
-  alias Phoenix.HTML
-
-  attr :note, Note, required: true
-
-  def note_content(assigns) do
-    ~H"""
-    <div
-      id={"show-note-content-#{@note.id}"}
-      class="input input-primary h-128 min-h-128 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto"
-      phx-hook="MaintainAttrs"
-      phx-update="ignore"
-      readonly
-      phx-no-format
-    ><p class="inline"><%= add_links_to_content(@note.content) %></p></div>
-    """
-  end
-
-  defp add_links_to_content(content) do
-    Regex.replace(
-      ~r/\[\[([\p{L}\p{N}\-]+)\]\]/,
-      content,
-      fn _whole_match, slug ->
-        link =
-          HTML.Link.link(
-            "[[#{slug}]]",
-            to: Routes.note_show_path(Endpoint, :show, slug),
-            class: "link inline",
-            data: [qa: "note-link-#{slug}"]
-          )
-          |> HTML.Safe.to_iodata()
-          |> IO.iodata_to_binary()
-
-        "</p>#{link}<p class=\"inline\">"
-      end
-    )
-    |> HTML.raw()
-  end
-end

lib/memex_web/components/notes_table_component.ex

@@ -40,7 +40,7 @@ defmodule MemexWeb.Components.NotesTableComponent do
       if actions == [] or current_user |> is_nil() do
         []
       else
-        [%{label: nil, key: :actions, sortable: false}]
+        [%{label: gettext("actions"), key: :actions, sortable: false}]
       end
 
     columns = [
@@ -92,11 +92,7 @@ defmodule MemexWeb.Components.NotesTableComponent do
     assigns = %{slug: slug}
 
     slug_block = ~H"""
-    <.link
+    <.link navigate={Routes.note_show_path(Endpoint, :show, @slug)} class="link">
-      navigate={Routes.note_show_path(Endpoint, :show, @slug)}
-      class="link"
-      data-qa={"note-show-#{@slug}"}
-    >
       <%= @slug %>
     </.link>
     """

lib/memex_web/components/pipelines_table_component.ex

@@ -40,7 +40,7 @@ defmodule MemexWeb.Components.PipelinesTableComponent do
       if actions == [] or current_user |> is_nil() do
         []
       else
-        [%{label: nil, key: :actions, sortable: false}]
+        [%{label: gettext("actions"), key: :actions, sortable: false}]
       end
 
     columns = [
@@ -93,11 +93,7 @@ defmodule MemexWeb.Components.PipelinesTableComponent do
     assigns = %{slug: slug}
 
     slug_block = ~H"""
-    <.link
+    <.link navigate={Routes.pipeline_show_path(Endpoint, :show, @slug)} class="link">
-      navigate={Routes.pipeline_show_path(Endpoint, :show, @slug)}
-      class="link"
-      data-qa={"pipeline-show-#{@slug}"}
-    >
       <%= @slug %>
     </.link>
     """

lib/memex_web/components/step_content.ex

@@ -1,44 +0,0 @@
-defmodule MemexWeb.Components.StepContent do
-  @moduledoc """
-  Display the content for a step
-  """
-  use MemexWeb, :component
-  alias Memex.Pipelines.Steps.Step
-  alias Phoenix.HTML
-
-  attr :step, Step, required: true
-
-  def step_content(assigns) do
-    ~H"""
-    <div
-      id={"show-step-content-#{@step.id}"}
-      class="input input-primary h-32 min-h-32 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto"
-      phx-hook="MaintainAttrs"
-      phx-update="ignore"
-      readonly
-      phx-no-format
-    ><p class="inline"><%= add_links_to_content(@step.content) %></p></div>
-    """
-  end
-
-  defp add_links_to_content(content) do
-    Regex.replace(
-      ~r/\[\[([\p{L}\p{N}\-]+)\]\]/,
-      content,
-      fn _whole_match, slug ->
-        link =
-          HTML.Link.link(
-            "[[#{slug}]]",
-            to: Routes.context_show_path(Endpoint, :show, slug),
-            class: "link inline",
-            data: [qa: "step-context-#{slug}"]
-          )
-          |> HTML.Safe.to_iodata()
-          |> IO.iodata_to_binary()
-
-        "</p>#{link}<p class=\"inline\">"
-      end
-    )
-    |> HTML.raw()
-  end
-end

lib/memex_web/components/table_component.ex

@@ -33,7 +33,8 @@ defmodule MemexWeb.Components.TableComponent do
                 optional(:class) => String.t(),
                 optional(:row_class) => String.t(),
                 optional(:alternate_row_class) => String.t(),
-                optional(:sortable) => false
+                optional(:sortable) => false,
+                optional(:type) => module()
               }),
             required(:rows) =>
               list(%{
@@ -60,7 +61,8 @@ defmodule MemexWeb.Components.TableComponent do
         :asc
       end
 
-    rows = rows |> sort_by_custom_sort_value_or_value(initial_key, initial_sort_mode)
+    type = columns |> Enum.find(%{}, fn %{key: key} -> key == initial_key end) |> Map.get(:type)
+    rows = rows |> sort_by_custom_sort_value_or_value(initial_key, initial_sort_mode, type)
 
     socket =
       socket
@@ -68,6 +70,7 @@ defmodule MemexWeb.Components.TableComponent do
       |> assign(
         columns: columns,
         rows: rows,
+        key: initial_key,
         last_sort_key: initial_key,
         sort_mode: initial_sort_mode
       )
@@ -81,7 +84,14 @@ defmodule MemexWeb.Components.TableComponent do
   def handle_event(
         "sort_by",
         %{"sort-key" => key},
-        %{assigns: %{rows: rows, last_sort_key: last_sort_key, sort_mode: sort_mode}} = socket
+        %{
+          assigns: %{
+            columns: columns,
+            rows: rows,
+            last_sort_key: last_sort_key,
+            sort_mode: sort_mode
+          }
+        } = socket
       ) do
     key = key |> String.to_existing_atom()
 
@@ -92,11 +102,28 @@ defmodule MemexWeb.Components.TableComponent do
         {_new_sort_key, _last_sort_mode} -> :asc
       end
 
-    rows = rows |> sort_by_custom_sort_value_or_value(key, sort_mode)
+    type =
+      columns |> Enum.find(%{}, fn %{key: column_key} -> column_key == key end) |> Map.get(:type)
+
+    rows = rows |> sort_by_custom_sort_value_or_value(key, sort_mode, type)
     {:noreply, socket |> assign(last_sort_key: key, sort_mode: sort_mode, rows: rows)}
   end
 
-  defp sort_by_custom_sort_value_or_value(rows, key, sort_mode) do
+  defp sort_by_custom_sort_value_or_value(rows, key, sort_mode, type)
+       when type in [Date, DateTime] do
+    rows
+    |> Enum.sort_by(
+      fn row ->
+        case row |> Map.get(key) do
+          {custom_sort_key, _value} -> custom_sort_key
+          value -> value
+        end
+      end,
+      {sort_mode, type}
+    )
+  end
+
+  defp sort_by_custom_sort_value_or_value(rows, key, sort_mode, _type) do
     rows
     |> Enum.sort_by(
       fn row ->

lib/memex_web/components/topbar.ex

@@ -1,131 +0,0 @@
-defmodule MemexWeb.Components.Topbar do
-  @moduledoc """
-  Component that renders a topbar with user functions/links
-  """
-
-  use MemexWeb, :component
-
-  alias Memex.Accounts
-  alias MemexWeb.HomeLive
-
-  def topbar(assigns) do
-    assigns =
-      %{results: [], title_content: nil, flash: nil, current_user: nil} |> Map.merge(assigns)
-
-    ~H"""
-    <nav role="navigation" class="mb-8 px-8 py-4 w-full bg-primary-900 text-primary-400">
-      <div class="flex flex-col sm:flex-row justify-between items-center">
-        <div class="mb-4 sm:mb-0 sm:mr-8 flex flex-row justify-start items-center space-x-2">
-          <.link
-            navigate={Routes.live_path(Endpoint, HomeLive)}
-            class="mx-2 my-1 leading-5 text-xl text-primary-400 hover:underline"
-          >
-            <%= gettext("memEx") %>
-          </.link>
-
-          <%= if @title_content do %>
-            <span class="mx-2 my-1">
-              |
-            </span>
-            <%= @title_content %>
-          <% end %>
-        </div>
-
-        <hr class="mb-2 sm:hidden hr-light" />
-
-        <ul class="flex flex-row flex-wrap justify-center items-center
-          text-lg text-primary-400 text-ellipsis">
-          <li class="mx-2 my-1">
-            <.link
-              navigate={Routes.note_index_path(Endpoint, :index)}
-              class="text-primary-400 text-primary-400 hover:underline truncate"
-            >
-              <%= gettext("notes") %>
-            </.link>
-          </li>
-
-          <li class="mx-2 my-1">
-            <.link
-              navigate={Routes.context_index_path(Endpoint, :index)}
-              class="text-primary-400 text-primary-400 hover:underline truncate"
-            >
-              <%= gettext("contexts") %>
-            </.link>
-          </li>
-
-          <li class="mx-2 my-1">
-            <.link
-              navigate={Routes.pipeline_index_path(Endpoint, :index)}
-              class="text-primary-400 text-primary-400 hover:underline truncate"
-            >
-              <%= gettext("pipelines") %>
-            </.link>
-          </li>
-
-          <li class="mx-2 my-1 border-left border border-primary-700">​</li>
-
-          <%= if @current_user do %>
-            <li :if={@current_user |> Accounts.is_already_admin?()} class="mx-2 my-1">
-              <.link
-                navigate={Routes.invite_index_path(Endpoint, :index)}
-                class="text-primary-400 text-primary-400 hover:underline"
-              >
-                <%= gettext("invites") %>
-              </.link>
-            </li>
-
-            <li class="mx-2 my-1">
-              <.link
-                navigate={Routes.user_settings_path(Endpoint, :edit)}
-                class="text-primary-400 text-primary-400 hover:underline truncate"
-              >
-                <%= @current_user.email %>
-              </.link>
-            </li>
-            <li class="mx-2 my-1">
-              <.link
-                href={Routes.user_session_path(Endpoint, :delete)}
-                method="delete"
-                data-confirm={dgettext("prompts", "are you sure you want to log out?")}
-              >
-                <i class="fas fa-sign-out-alt"></i>
-              </.link>
-            </li>
-            <li
-              :if={
-                @current_user.role == :admin and function_exported?(Routes, :live_dashboard_path, 2)
-              }
-              class="mx-2 my-1"
-            >
-              <.link
-                navigate={Routes.live_dashboard_path(Endpoint, :home)}
-                class="text-primary-400 text-primary-400 hover:underline"
-              >
-                <i class="fas fa-gauge"></i>
-              </.link>
-            </li>
-          <% else %>
-            <li :if={Accounts.allow_registration?()} class="mx-2 my-1">
-              <.link
-                href={Routes.user_registration_path(Endpoint, :new)}
-                class="text-primary-400 text-primary-400 hover:underline truncate"
-              >
-                <%= dgettext("actions", "register") %>
-              </.link>
-            </li>
-
-            <li class="mx-2 my-1">
-              <.link
-                href={Routes.user_session_path(Endpoint, :new)}
-                class="text-primary-400 text-primary-400 hover:underline truncate"
-              >
-                <%= dgettext("actions", "log in") %>
-              </.link>
-            </li>
-          <% end %>
-        </ul>
-      </div>
-    </nav>
-    """
-  end
-end

lib/memex_web/components/user_card.ex

@@ -1,53 +0,0 @@
-defmodule MemexWeb.Components.UserCard do
-  @moduledoc """
-  Display card for a user
-  """
-
-  use MemexWeb, :component
-  alias Memex.Accounts.User
-
-  attr :user, User, required: true
-  slot(:inner_block, required: true)
-
-  def user_card(assigns) do
-    ~H"""
-    <div
-      id={"user-#{@user.id}"}
-      class="px-8 py-4 flex flex-col justify-center items-center text-center
-        bg-primary-900
-        border border-gray-400 rounded-lg shadow-lg hover:shadow-md
-        transition-all duration-300 ease-in-out"
-    >
-      <h1 class="px-4 py-2 rounded-lg title text-xl break-all">
-        <%= @user.email %>
-      </h1>
-
-      <h3 class="px-4 py-2 rounded-lg title text-lg">
-        <p>
-          <%= if @user.confirmed_at do %>
-            <%= gettext(
-              "user confirmed on%{confirmed_datetime}",
-              confirmed_datetime: ""
-            ) %>
-            <.datetime datetime={@user.confirmed_at} />
-          <% else %>
-            <%= gettext("email unconfirmed") %>
-          <% end %>
-        </p>
-
-        <p>
-          <%= gettext(
-            "user registered on%{registered_datetime}",
-            registered_datetime: ""
-          ) %>
-          <.datetime datetime={@user.inserted_at} />
-        </p>
-      </h3>
-
-      <div :if={@inner_block} class="px-4 py-2 flex space-x-4 justify-center items-center">
-        <%= render_slot(@inner_block) %>
-      </div>
-    </div>
-    """
-  end
-end

lib/memex_web/live/context_live/form_component.ex

@@ -1,16 +1,18 @@
 defmodule MemexWeb.ContextLive.FormComponent do
   use MemexWeb, :live_component
-
+  alias Ecto.Changeset
   alias Memex.Contexts
 
   @impl true
   def update(%{context: context, current_user: current_user} = assigns, socket) do
     changeset = Contexts.change_context(context, current_user)
 
-    {:ok,
+    socket =
-     socket
+      socket
-     |> assign(assigns)
+      |> assign(assigns)
-     |> assign(:changeset, changeset)}
+      |> assign(:changeset, changeset)
+
+    {:ok, socket}
   end
 
   @impl true
@@ -19,10 +21,13 @@ defmodule MemexWeb.ContextLive.FormComponent do
         %{"context" => context_params},
         %{assigns: %{context: context, current_user: current_user}} = socket
       ) do
+    changeset = context |> Contexts.change_context(context_params, current_user)
+
     changeset =
-      context
+      case changeset |> Changeset.apply_action(:validate) do
-      |> Contexts.change_context(context_params, current_user)
+        {:ok, _data} -> changeset
-      |> Map.put(:action, :validate)
+        {:error, changeset} -> changeset
+      end
 
     {:noreply, assign(socket, :changeset, changeset)}
   end
@@ -37,16 +42,18 @@ defmodule MemexWeb.ContextLive.FormComponent do
          :edit,
          context_params
        ) do
-    case Contexts.update_context(context, context_params, current_user) do
+    socket =
-      {:ok, %{slug: slug}} ->
+      case Contexts.update_context(context, context_params, current_user) do
-        {:noreply,
+        {:ok, %{slug: slug}} ->
-         socket
+          socket
-         |> put_flash(:info, gettext("%{slug} saved", slug: slug))
+          |> put_flash(:info, gettext("%{slug} saved", slug: slug))
-         |> push_navigate(to: return_to)}
+          |> push_navigate(to: return_to)
 
-      {:error, %Ecto.Changeset{} = changeset} ->
+        {:error, %Changeset{} = changeset} ->
-        {:noreply, assign(socket, :changeset, changeset)}
+          assign(socket, :changeset, changeset)
-    end
+      end
+
+    {:noreply, socket}
   end
 
   defp save_context(
@@ -54,15 +61,17 @@ defmodule MemexWeb.ContextLive.FormComponent do
          :new,
          context_params
        ) do
-    case Contexts.create_context(context_params, current_user) do
+    socket =
-      {:ok, %{slug: slug}} ->
+      case Contexts.create_context(context_params, current_user) do
-        {:noreply,
+        {:ok, %{slug: slug}} ->
-         socket
+          socket
-         |> put_flash(:info, gettext("%{slug} created", slug: slug))
+          |> put_flash(:info, gettext("%{slug} created", slug: slug))
-         |> push_navigate(to: return_to)}
+          |> push_navigate(to: return_to)
 
-      {:error, %Ecto.Changeset{} = changeset} ->
+        {:error, %Changeset{} = changeset} ->
-        {:noreply, assign(socket, changeset: changeset)}
+          assign(socket, changeset: changeset)
-    end
+      end
+
+    {:noreply, socket}
   end
 end

lib/memex_web/live/context_live/form_component.html.heex

@@ -11,7 +11,8 @@
   >
     <%= text_input(f, :slug,
       class: "input input-primary",
-      placeholder: gettext("slug")
+      placeholder: gettext("slug"),
+      aria_label: gettext("slug")
     ) %>
     <%= error_tag(f, :slug) %>
 
@@ -20,21 +21,24 @@
       class: "input input-primary h-64 min-h-64",
       phx_hook: "MaintainAttrs",
       phx_update: "ignore",
-      placeholder: gettext("use [[note-slug]] to link to a note")
+      placeholder: gettext("use [[note-slug]] to link to a note"),
+      aria_label: gettext("use [[note-slug]] to link to a note")
     ) %>
     <%= error_tag(f, :content) %>
 
     <%= text_input(f, :tags_string,
       id: "tags-input",
       class: "input input-primary",
-      placeholder: gettext("tag1,tag2")
+      placeholder: gettext("tag1,tag2"),
+      aria_label: gettext("tag1,tag2")
     ) %>
     <%= error_tag(f, :tags_string) %>
 
     <div class="flex justify-center items-stretch space-x-4">
       <%= select(f, :visibility, Ecto.Enum.values(Memex.Contexts.Context, :visibility),
         class: "grow input input-primary",
-        prompt: gettext("select privacy")
+        prompt: gettext("select privacy"),
+        aria_label: gettext("select privacy")
       ) %>
 
       <%= submit(dgettext("actions", "save"),

lib/memex_web/live/context_live/index.ex

@@ -1,6 +1,6 @@
 defmodule MemexWeb.ContextLive.Index do
   use MemexWeb, :live_view
-  alias Memex.{Accounts.User, Contexts, Contexts.Context}
+  alias Memex.{Contexts, Contexts.Context}
 
   @impl true
   def mount(%{"search" => search}, _session, socket) do
@@ -59,14 +59,13 @@ defmodule MemexWeb.ContextLive.Index do
     {:noreply, socket}
   end
 
-  @impl true
   def handle_event("search", %{"search" => %{"search_term" => ""}}, socket) do
     {:noreply, socket |> push_patch(to: Routes.context_index_path(Endpoint, :index))}
   end
 
   def handle_event("search", %{"search" => %{"search_term" => search_term}}, socket) do
-    {:noreply,
+    redirect_to = Routes.context_index_path(Endpoint, :search, search_term)
-     socket |> push_patch(to: Routes.context_index_path(Endpoint, :search, search_term))}
+    {:noreply, socket |> push_patch(to: redirect_to)}
   end
 
   defp display_contexts(%{assigns: %{current_user: current_user, search: search}} = socket)
@@ -77,13 +76,4 @@ defmodule MemexWeb.ContextLive.Index do
   defp display_contexts(%{assigns: %{search: search}} = socket) do
     socket |> assign(contexts: Contexts.list_public_contexts(search))
   end
-
-  @spec is_owner_or_admin?(Context.t(), User.t()) :: boolean()
-  defp is_owner_or_admin?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner_or_admin?(_context, %{role: :admin}), do: true
-  defp is_owner_or_admin?(_context, _other_user), do: false
-
-  @spec is_owner?(Context.t(), User.t()) :: boolean()
-  defp is_owner?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner?(_context, _other_user), do: false
 end

lib/memex_web/live/context_live/index.html.heex

@@ -5,7 +5,8 @@
 
   <.form
     :let={f}
-    for={:search}
+    for={%{}}
+    as={:search}
     phx-change="search"
     phx-submit="search"
     class="self-stretch flex flex-col items-stretch"
@@ -13,6 +14,7 @@
     <%= text_input(f, :search_term,
       class: "input input-primary",
       value: @search,
+      role: "search",
       phx_debounce: 300,
       placeholder: gettext("search")
     ) %>
@@ -31,19 +33,19 @@
     >
       <:actions :let={context}>
         <.link
-          :if={is_owner?(context, @current_user)}
+          :if={Contexts.is_owner?(context, @current_user)}
           patch={Routes.context_index_path(@socket, :edit, context.slug)}
-          data-qa={"context-edit-#{context.id}"}
+          aria-label={dgettext("actions", "edit %{context_slug}", context_slug: context.slug)}
         >
           <%= dgettext("actions", "edit") %>
         </.link>
         <.link
-          :if={is_owner_or_admin?(context, @current_user)}
+          :if={Contexts.is_owner_or_admin?(context, @current_user)}
           href="#"
           phx-click="delete"
           phx-value-id={context.id}
           data-confirm={dgettext("prompts", "are you sure?")}
-          data-qa={"delete-context-#{context.id}"}
+          aria-label={dgettext("actions", "delete %{context_slug}", context_slug: context.slug)}
         >
           <%= dgettext("actions", "delete") %>
         </.link>

lib/memex_web/live/context_live/show.ex

@@ -1,7 +1,6 @@
 defmodule MemexWeb.ContextLive.Show do
   use MemexWeb, :live_view
-  import MemexWeb.Components.ContextContent
+  alias Memex.Contexts
-  alias Memex.{Accounts.User, Contexts, Contexts.Context}
 
   @impl true
   def mount(_params, _session, socket) do
@@ -46,13 +45,4 @@ defmodule MemexWeb.ContextLive.Show do
 
   defp page_title(:show, %{slug: slug}), do: slug
   defp page_title(:edit, %{slug: slug}), do: gettext("edit %{slug}", slug: slug)
-
-  @spec is_owner_or_admin?(Context.t(), User.t()) :: boolean()
-  defp is_owner_or_admin?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner_or_admin?(_context, %{role: :admin}), do: true
-  defp is_owner_or_admin?(_context, _other_user), do: false
-
-  @spec is_owner?(Context.t(), User.t()) :: boolean()
-  defp is_owner?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner?(_context, _other_user), do: false
 end

lib/memex_web/live/context_live/show.html.heex

@@ -20,23 +20,20 @@
   </p>
 
   <div class="self-end flex space-x-4">
-    <.link class="btn btn-primary" navigate={Routes.context_index_path(@socket, :index)}>
-      <%= dgettext("actions", "back") %>
-    </.link>
     <.link
-      :if={is_owner?(@context, @current_user)}
+      :if={Contexts.is_owner?(@context, @current_user)}
       class="btn btn-primary"
       patch={Routes.context_show_path(@socket, :edit, @context.slug)}
     >
       <%= dgettext("actions", "edit") %>
     </.link>
     <button
-      :if={is_owner_or_admin?(@context, @current_user)}
+      :if={Contexts.is_owner_or_admin?(@context, @current_user)}
       type="button"
       class="btn btn-primary"
       phx-click="delete"
       data-confirm={dgettext("prompts", "are you sure?")}
-      data-qa={"delete-context-#{@context.id}"}
+      aria-label={dgettext("actions", "delete %{context_slug}", context_slug: @context.slug)}
     >
       <%= dgettext("actions", "delete") %>
     </button>

lib/memex_web/live/home_live.html.heex

@@ -90,9 +90,9 @@
             <%= dgettext("prompts", "register to setup memEx") %>
           </.link>
         <% else %>
-          <a :for={%{email: email} <- @admins} class="link" href={"mailto:#{email}"}>
+          <.link :for={%{email: email} <- @admins} class="link" href={"mailto:#{email}"}>
             <%= email %>
-          </a>
+          </.link>
         <% end %>
       </p>
     </li>
@@ -100,9 +100,9 @@
     <li class="flex flex-col justify-center items-center space-y-2">
       <b><%= gettext("registration:") %></b>
       <p>
-        <%= case Application.get_env(:memex, Memex.Accounts)[:registration] do
+        <%= case Accounts.registration_mode() do
-          "public" -> gettext("public signups")
+          :public -> gettext("public signups")
-          _ -> gettext("invite only")
+          :invite_only -> gettext("invite only")
         end %>
       </p>
     </li>

lib/memex_web/live/invite_live/form_component.ex

@@ -19,7 +19,7 @@ defmodule MemexWeb.InviteLive.FormComponent do
 
   @impl true
   def handle_event("validate", %{"invite" => invite_params}, socket) do
-    {:noreply, socket |> assign_changeset(invite_params)}
+    {:noreply, socket |> assign_changeset(invite_params, :validate)}
   end
 
   def handle_event("save", %{"invite" => invite_params}, %{assigns: %{action: action}} = socket) do
@@ -28,22 +28,23 @@ defmodule MemexWeb.InviteLive.FormComponent do
 
   defp assign_changeset(
          %{assigns: %{action: action, current_user: user, invite: invite}} = socket,
-         invite_params
+         invite_params,
+         changeset_action \\ nil
        ) do
-    changeset_action =
+    default_action =
       case action do
         :new -> :insert
         :edit -> :update
       end
 
     changeset =
-      case action do
+      case default_action do
-        :new -> Invite.create_changeset(user, "example_token", invite_params)
+        :insert -> Invite.create_changeset(user, "example_token", invite_params)
-        :edit -> invite |> Invite.update_changeset(invite_params)
+        :update -> invite |> Invite.update_changeset(invite_params)
       end
 
     changeset =
-      case changeset |> Changeset.apply_action(changeset_action) do
+      case changeset |> Changeset.apply_action(changeset_action || default_action) do
         {:ok, _data} -> changeset
         {:error, changeset} -> changeset
       end

lib/memex_web/live/invite_live/form_component.html.heex

@@ -26,12 +26,12 @@
     <%= number_input(f, :uses_left, min: 0, class: "input input-primary col-span-2") %>
     <%= error_tag(f, :uses_left, "col-span-3") %>
     <span class="col-span-3 text-primary-500 italic text-center">
-      <%= gettext(~s/Leave "Uses left" blank to make invite unlimited/) %>
+      <%= gettext(~s/leave "uses left" blank to make invite unlimited/) %>
     </span>
 
-    <%= submit(dgettext("actions", "Save"),
+    <%= submit(dgettext("actions", "save"),
       class: "mx-auto btn btn-primary col-span-3",
-      phx_disable_with: dgettext("prompts", "Saving...")
+      phx_disable_with: dgettext("prompts", "saving...")
     ) %>
   </.form>
 </div>

lib/memex_web/live/invite_live/index.ex

@@ -4,24 +4,13 @@ defmodule MemexWeb.InviteLive.Index do
   """
 
   use MemexWeb, :live_view
-  import MemexWeb.Components.{InviteCard, UserCard}
   alias Memex.Accounts
   alias Memex.Accounts.{Invite, Invites}
-  alias MemexWeb.HomeLive
   alias Phoenix.LiveView.JS
 
   @impl true
-  def mount(_params, _session, %{assigns: %{current_user: current_user}} = socket) do
+  def mount(_params, _session, socket) do
-    socket =
+    {:ok, socket |> display_invites()}
-      if current_user |> Map.get(:role) == :admin do
-        socket |> display_invites()
-      else
-        prompt = dgettext("errors", "you are not authorized to view this page")
-        return_to = Routes.live_path(Endpoint, HomeLive)
-        socket |> put_flash(:error, prompt) |> push_redirect(to: return_to)
-      end
-
-    {:ok, socket}
   end
 
   @impl true
@@ -123,22 +112,18 @@ defmodule MemexWeb.InviteLive.Index do
     {:noreply, socket}
   end
 
-  @impl true
   def handle_event("copy_to_clipboard", _params, socket) do
     prompt = dgettext("prompts", "copied to clipboard")
     {:noreply, socket |> put_flash(:info, prompt)}
   end
 
-  @impl true
   def handle_event(
         "delete_user",
         %{"id" => id},
         %{assigns: %{current_user: current_user}} = socket
       ) do
     %{email: user_email} = Accounts.get_user!(id) |> Accounts.delete_user!(current_user)
-
     prompt = dgettext("prompts", "%{user_email} deleted succesfully", user_email: user_email)
-
     {:noreply, socket |> put_flash(:info, prompt) |> display_invites()}
   end
 
@@ -151,7 +136,8 @@ defmodule MemexWeb.InviteLive.Index do
       |> Map.get(:admin, [])
       |> Enum.reject(fn %{id: user_id} -> user_id == current_user.id end)
 
+    use_counts = invites |> Invites.get_use_counts(current_user)
     users = all_users |> Map.get(:user, [])
-    socket |> assign(invites: invites, admins: admins, users: users)
+    socket |> assign(invites: invites, use_counts: use_counts, admins: admins, users: users)
   end
 end

lib/memex_web/live/invite_live/index.html.heex

@@ -14,13 +14,21 @@
   <% end %>
 
   <div class="flex flex-col justify-center items-stretch space-y-4">
-    <.invite_card :for={invite <- @invites} invite={invite} current_user={@current_user}>
+    <.invite_card
+      :for={invite <- @invites}
+      invite={invite}
+      current_user={@current_user}
+      use_count={Map.get(@use_counts, invite.id)}
+    >
       <:code_actions>
         <form phx-submit="copy_to_clipboard">
           <button
             type="submit"
             class="mx-2 my-1 btn btn-secondary"
             phx-click={JS.dispatch("memex:clipcopy", to: "#code-#{invite.id}")}
+            aria-label={
+              dgettext("actions", "copy invite link for %{invite_name}", invite_name: invite.name)
+            }
           >
             <%= dgettext("actions", "copy") %>
           </button>
@@ -29,7 +37,9 @@
       <.link
         patch={Routes.invite_index_path(Endpoint, :edit, invite)}
         class="text-primary-400 link"
-        data-qa={"edit-#{invite.id}"}
+        aria-label={
+          dgettext("actions", "edit invite for %{invite_name}", invite_name: invite.name)
+        }
       >
         <i class="fa-fw fa-lg fas fa-edit"></i>
       </.link>
@@ -44,21 +54,23 @@
             invite_name: invite.name
           )
         }
-        data-qa={"delete-#{invite.id}"}
+        aria-label={
+          dgettext("actions", "delete invite for %{invite_name}", invite_name: invite.name)
+        }
       >
         <i class="fa-fw fa-lg fas fa-trash"></i>
       </.link>
 
-      <a
+      <.link
         href="#"
         class="btn btn-secondary"
         phx-click={if invite.disabled_at, do: "enable_invite", else: "disable_invite"}
         phx-value-id={invite.id}
       >
         <%= if invite.disabled_at, do: gettext("enable"), else: gettext("disable") %>
-      </a>
+      </.link>
 
-      <a
+      <.link
         :if={invite.disabled_at |> is_nil() and not (invite.uses_left |> is_nil())}
         href="#"
         class="btn btn-secondary"
@@ -71,7 +83,7 @@
         }
       >
         <%= gettext("set unlimited") %>
-      </a>
+      </.link>
     </.invite_card>
 
     <.link

lib/memex_web/live/live_helpers.ex

@@ -1,127 +0,0 @@
-defmodule MemexWeb.LiveHelpers do
-  @moduledoc """
-  Contains common helper functions for liveviews
-  """
-
-  import Phoenix.Component
-  alias Phoenix.LiveView.JS
-
-  @doc """
-  Renders a live component inside a modal.
-
-  The rendered modal receives a `:return_to` option to properly update
-  the URL when the modal is closed.
-
-  ## Examples
-
-      <.modal return_to={Routes.<%= schema.singular %>_index_path(Endpoint, :index)}>
-        <.live_component
-          module={<%= inspect context.web_module %>.<%= inspect Module.concat(schema.web_namespace, schema.alias) %>Live.FormComponent}
-          id={@<%= schema.singular %>.id || :new}
-          title={@page_title}
-          action={@live_action}
-          return_to={Routes.<%= schema.singular %>_index_path(Endpoint, :index)}
-          <%= schema.singular %>: @<%= schema.singular %>
-        />
-      </.modal>
-  """
-  def modal(assigns) do
-    ~H"""
-    <.link
-      id="modal-bg"
-      patch={@return_to}
-      class="fade-in fixed z-10 left-0 top-0
-        w-full h-full overflow-hidden
-        p-8 flex flex-col justify-center items-center cursor-auto"
-      style="background-color: rgba(0,0,0,0.4);"
-      phx-remove={hide_modal()}
-    >
-      <span class="hidden"></span>
-    </.link>
-
-    <div
-      id="modal"
-      class="fixed z-10 left-0 top-0 pointer-events-none
-        w-full h-full overflow-hidden
-        p-4 sm:p-8 flex flex-col justify-center items-center"
-    >
-      <div
-        id="modal-content"
-        class="fade-in-scale max-w-3xl max-h-3xl relative w-full
-          pointer-events-auto overflow-hidden
-          px-8 py-4 sm:py-8 flex flex-col justify-start items-stretch
-          bg-primary-800 text-primary-400 border-primary-900 border-2 rounded-lg"
-      >
-        <.link
-          patch={@return_to}
-          id="close"
-          class="absolute top-8 right-10
-            text-gray-500 hover:text-gray-800
-            transition-all duration-500 ease-in-out"
-          phx-remove={hide_modal()}
-        >
-          <i class="fa-fw fa-lg fas fa-times"></i>
-        </.link>
-
-        <div class="overflow-x-hidden overflow-y-auto w-full p-8 flex flex-col space-y-4 justify-start items-stretch">
-          <%= render_slot(@inner_block) %>
-        </div>
-      </div>
-    </div>
-    """
-  end
-
-  defp hide_modal(js \\ %JS{}) do
-    js
-    |> JS.hide(to: "#modal", transition: "fade-out")
-    |> JS.hide(to: "#modal-bg", transition: "fade-out")
-    |> JS.hide(to: "#modal-content", transition: "fade-out-scale")
-  end
-
-  @doc """
-  A toggle button element that can be directed to a liveview or a
-  live_component's `handle_event/3`.
-
-  ## Examples
-
-  <.toggle_button action="my_liveview_action" value={@some_value}>
-    <span>Toggle me!</span>
-  </.toggle_button>
-  <.toggle_button action="my_live_component_action" target={@myself} value={@some_value}>
-    <span>Whatever you want</span>
-  </.toggle_button>
-  """
-  def toggle_button(assigns) do
-    assigns = assigns |> assign_new(:id, fn -> assigns.action end)
-
-    ~H"""
-    <label for={@id} class="inline-flex relative items-center cursor-pointer">
-      <input
-        id={@id}
-        type="checkbox"
-        value={@value}
-        checked={@value}
-        class="sr-only peer"
-        data-qa={@id}
-        {
-          if assigns |> Map.has_key?(:target),
-            do: %{"phx-click": @action, "phx-value-value": @value, "phx-target": @target},
-            else: %{"phx-click": @action, "phx-value-value": @value}
-        }
-      />
-      <div class="w-11 h-6 bg-gray-300 rounded-full peer
-        peer-focus:ring-4 peer-focus:ring-teal-300 dark:peer-focus:ring-teal-800
-        peer-checked:bg-gray-600
-        peer-checked:after:translate-x-full peer-checked:after:border-white
-        after:content-[''] after:absolute after:top-1 after:left-[2px] after:bg-white after:border-gray-300
-        after:border after:rounded-full after:h-5 after:w-5
-        after:transition-all after:duration-250 after:ease-in-out
-        transition-colors duration-250 ease-in-out">
-      </div>
-      <span class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300">
-        <%= render_slot(@inner_block) %>
-      </span>
-    </label>
-    """
-  end
-end

lib/memex_web/live/note_live/form_component.ex

@@ -1,16 +1,18 @@
 defmodule MemexWeb.NoteLive.FormComponent do
   use MemexWeb, :live_component
-
+  alias Ecto.Changeset
   alias Memex.Notes
 
   @impl true
   def update(%{note: note, current_user: current_user} = assigns, socket) do
     changeset = Notes.change_note(note, current_user)
 
-    {:ok,
+    socket =
-     socket
+      socket
-     |> assign(assigns)
+      |> assign(assigns)
-     |> assign(:changeset, changeset)}
+      |> assign(:changeset, changeset)
+
+    {:ok, socket}
   end
 
   @impl true
@@ -19,10 +21,13 @@ defmodule MemexWeb.NoteLive.FormComponent do
         %{"note" => note_params},
         %{assigns: %{note: note, current_user: current_user}} = socket
       ) do
+    changeset = note |> Notes.change_note(note_params, current_user)
+
     changeset =
-      note
+      case changeset |> Changeset.apply_action(:validate) do
-      |> Notes.change_note(note_params, current_user)
+        {:ok, _data} -> changeset
-      |> Map.put(:action, :validate)
+        {:error, changeset} -> changeset
+      end
 
     {:noreply, assign(socket, :changeset, changeset)}
   end
@@ -36,16 +41,18 @@ defmodule MemexWeb.NoteLive.FormComponent do
          :edit,
          note_params
        ) do
-    case Notes.update_note(note, note_params, current_user) do
+    socket =
-      {:ok, %{slug: slug}} ->
+      case Notes.update_note(note, note_params, current_user) do
-        {:noreply,
+        {:ok, %{slug: slug}} ->
-         socket
+          socket
-         |> put_flash(:info, gettext("%{slug} saved", slug: slug))
+          |> put_flash(:info, gettext("%{slug} saved", slug: slug))
-         |> push_navigate(to: return_to)}
+          |> push_navigate(to: return_to)
 
-      {:error, %Ecto.Changeset{} = changeset} ->
+        {:error, %Changeset{} = changeset} ->
-        {:noreply, assign(socket, :changeset, changeset)}
+          assign(socket, :changeset, changeset)
-    end
+      end
+
+    {:noreply, socket}
   end
 
   defp save_note(
@@ -53,15 +60,17 @@ defmodule MemexWeb.NoteLive.FormComponent do
          :new,
          note_params
        ) do
-    case Notes.create_note(note_params, current_user) do
+    socket =
-      {:ok, %{slug: slug}} ->
+      case Notes.create_note(note_params, current_user) do
-        {:noreply,
+        {:ok, %{slug: slug}} ->
-         socket
+          socket
-         |> put_flash(:info, gettext("%{slug} created", slug: slug))
+          |> put_flash(:info, gettext("%{slug} created", slug: slug))
-         |> push_navigate(to: return_to)}
+          |> push_navigate(to: return_to)
 
-      {:error, %Ecto.Changeset{} = changeset} ->
+        {:error, %Changeset{} = changeset} ->
-        {:noreply, assign(socket, changeset: changeset)}
+          assign(socket, changeset: changeset)
-    end
+      end
+
+    {:noreply, socket}
   end
 end

lib/memex_web/live/note_live/form_component.html.heex

@@ -11,7 +11,8 @@
   >
     <%= text_input(f, :slug,
       class: "input input-primary",
-      placeholder: gettext("slug")
+      placeholder: gettext("slug"),
+      aria_label: gettext("slug")
     ) %>
     <%= error_tag(f, :slug) %>
 
@@ -20,21 +21,24 @@
       class: "input input-primary h-64 min-h-64",
       phx_hook: "MaintainAttrs",
       phx_update: "ignore",
-      placeholder: gettext("content")
+      placeholder: gettext("content"),
+      aria_label: gettext("content")
     ) %>
     <%= error_tag(f, :content) %>
 
     <%= text_input(f, :tags_string,
       id: "tags-input",
       class: "input input-primary",
-      placeholder: gettext("tag1,tag2")
+      placeholder: gettext("tag1,tag2"),
+      aria_label: gettext("tag1,tag2")
     ) %>
     <%= error_tag(f, :tags_string) %>
 
     <div class="flex justify-center items-stretch space-x-4">
       <%= select(f, :visibility, Ecto.Enum.values(Memex.Notes.Note, :visibility),
         class: "grow input input-primary",
-        prompt: gettext("select privacy")
+        prompt: gettext("select privacy"),
+        aria_label: gettext("select privacy")
       ) %>
 
       <%= submit(dgettext("actions", "save"),

lib/memex_web/live/note_live/index.ex

@@ -1,6 +1,6 @@
 defmodule MemexWeb.NoteLive.Index do
   use MemexWeb, :live_view
-  alias Memex.{Accounts.User, Notes, Notes.Note}
+  alias Memex.{Notes, Notes.Note}
 
   @impl true
   def mount(%{"search" => search}, _session, socket) do
@@ -59,7 +59,6 @@ defmodule MemexWeb.NoteLive.Index do
     {:noreply, socket}
   end
 
-  @impl true
   def handle_event("search", %{"search" => %{"search_term" => ""}}, socket) do
     {:noreply, socket |> push_patch(to: Routes.note_index_path(Endpoint, :index))}
   end
@@ -76,13 +75,4 @@ defmodule MemexWeb.NoteLive.Index do
   defp display_notes(%{assigns: %{search: search}} = socket) do
     socket |> assign(notes: Notes.list_public_notes(search))
   end
-
-  @spec is_owner_or_admin?(Note.t(), User.t()) :: boolean()
-  defp is_owner_or_admin?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner_or_admin?(_context, %{role: :admin}), do: true
-  defp is_owner_or_admin?(_context, _other_user), do: false
-
-  @spec is_owner?(Note.t(), User.t()) :: boolean()
-  defp is_owner?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner?(_context, _other_user), do: false
 end

lib/memex_web/live/note_live/index.html.heex

@@ -5,7 +5,8 @@
 
   <.form
     :let={f}
-    for={:search}
+    for={%{}}
+    as={:search}
     phx-change="search"
     phx-submit="search"
     class="self-stretch flex flex-col items-stretch"
@@ -13,6 +14,7 @@
     <%= text_input(f, :search_term,
       class: "input input-primary",
       value: @search,
+      role: "search",
       phx_debounce: 300,
       placeholder: gettext("search")
     ) %>
@@ -31,19 +33,19 @@
     >
       <:actions :let={note}>
         <.link
-          :if={is_owner?(note, @current_user)}
+          :if={Notes.is_owner?(note, @current_user)}
           patch={Routes.note_index_path(@socket, :edit, note.slug)}
-          data-qa={"note-edit-#{note.id}"}
+          aria-label={dgettext("actions", "edit %{note_slug}", note_slug: note.slug)}
         >
           <%= dgettext("actions", "edit") %>
         </.link>
         <.link
-          :if={is_owner_or_admin?(note, @current_user)}
+          :if={Notes.is_owner_or_admin?(note, @current_user)}
           href="#"
           phx-click="delete"
           phx-value-id={note.id}
           data-confirm={dgettext("prompts", "are you sure?")}
-          data-qa={"delete-note-#{note.id}"}
+          aria-label={dgettext("actions", "delete %{note_slug}", note_slug: note.slug)}
         >
           <%= dgettext("actions", "delete") %>
         </.link>

lib/memex_web/live/note_live/show.ex

@@ -1,7 +1,6 @@
 defmodule MemexWeb.NoteLive.Show do
   use MemexWeb, :live_view
-  import MemexWeb.Components.NoteContent
+  alias Memex.Notes
-  alias Memex.{Accounts.User, Notes, Notes.Note}
 
   @impl true
   def mount(_params, _session, socket) do
@@ -46,13 +45,4 @@ defmodule MemexWeb.NoteLive.Show do
 
   defp page_title(:show, %{slug: slug}), do: slug
   defp page_title(:edit, %{slug: slug}), do: gettext("edit %{slug}", slug: slug)
-
-  @spec is_owner_or_admin?(Note.t(), User.t()) :: boolean()
-  defp is_owner_or_admin?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner_or_admin?(_context, %{role: :admin}), do: true
-  defp is_owner_or_admin?(_context, _other_user), do: false
-
-  @spec is_owner?(Note.t(), User.t()) :: boolean()
-  defp is_owner?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner?(_context, _other_user), do: false
 end

lib/memex_web/live/note_live/show.html.heex

@@ -20,23 +20,20 @@
   </p>
 
   <div class="self-end flex space-x-4">
-    <.link class="btn btn-primary" navigate={Routes.note_index_path(@socket, :index)}>
-      <%= dgettext("actions", "back") %>
-    </.link>
     <.link
-      :if={is_owner?(@note, @current_user)}
+      :if={Notes.is_owner?(@note, @current_user)}
       class="btn btn-primary"
       patch={Routes.note_show_path(@socket, :edit, @note.slug)}
     >
       <%= dgettext("actions", "edit") %>
     </.link>
     <button
-      :if={is_owner_or_admin?(@note, @current_user)}
+      :if={Notes.is_owner_or_admin?(@note, @current_user)}
       type="button"
       class="btn btn-primary"
       phx-click="delete"
       data-confirm={dgettext("prompts", "are you sure?")}
-      data-qa={"delete-note-#{@note.id}"}
+      aria-label={dgettext("actions", "delete %{note_slug}", note_slug: @note.slug)}
     >
       <%= dgettext("actions", "delete") %>
     </button>

lib/memex_web/live/pipeline_live/form_component.ex

@@ -1,16 +1,18 @@
 defmodule MemexWeb.PipelineLive.FormComponent do
   use MemexWeb, :live_component
-
+  alias Ecto.Changeset
   alias Memex.Pipelines
 
   @impl true
   def update(%{pipeline: pipeline, current_user: current_user} = assigns, socket) do
     changeset = Pipelines.change_pipeline(pipeline, current_user)
 
-    {:ok,
+    socket =
-     socket
+      socket
-     |> assign(assigns)
+      |> assign(assigns)
-     |> assign(:changeset, changeset)}
+      |> assign(:changeset, changeset)
+
+    {:ok, socket}
   end
 
   @impl true
@@ -19,10 +21,13 @@ defmodule MemexWeb.PipelineLive.FormComponent do
         %{"pipeline" => pipeline_params},
         %{assigns: %{pipeline: pipeline, current_user: current_user}} = socket
       ) do
+    changeset = pipeline |> Pipelines.change_pipeline(pipeline_params, current_user)
+
     changeset =
-      pipeline
+      case changeset |> Changeset.apply_action(:validate) do
-      |> Pipelines.change_pipeline(pipeline_params, current_user)
+        {:ok, _data} -> changeset
-      |> Map.put(:action, :validate)
+        {:error, changeset} -> changeset
+      end
 
     {:noreply, assign(socket, :changeset, changeset)}
   end
@@ -41,16 +46,18 @@ defmodule MemexWeb.PipelineLive.FormComponent do
          :edit,
          pipeline_params
        ) do
-    case Pipelines.update_pipeline(pipeline, pipeline_params, current_user) do
+    socket =
-      {:ok, %{slug: slug}} ->
+      case Pipelines.update_pipeline(pipeline, pipeline_params, current_user) do
-        {:noreply,
+        {:ok, %{slug: slug}} ->
-         socket
+          socket
-         |> put_flash(:info, gettext("%{slug} saved", slug: slug))
+          |> put_flash(:info, gettext("%{slug} saved", slug: slug))
-         |> push_navigate(to: return_to)}
+          |> push_navigate(to: return_to)
 
-      {:error, %Ecto.Changeset{} = changeset} ->
+        {:error, %Changeset{} = changeset} ->
-        {:noreply, assign(socket, :changeset, changeset)}
+          assign(socket, :changeset, changeset)
-    end
+      end
+
+    {:noreply, socket}
   end
 
   defp save_pipeline(
@@ -58,15 +65,17 @@ defmodule MemexWeb.PipelineLive.FormComponent do
          :new,
          pipeline_params
        ) do
-    case Pipelines.create_pipeline(pipeline_params, current_user) do
+    socket =
-      {:ok, %{slug: slug}} ->
+      case Pipelines.create_pipeline(pipeline_params, current_user) do
-        {:noreply,
+        {:ok, %{slug: slug}} ->
-         socket
+          socket
-         |> put_flash(:info, gettext("%{slug} created", slug: slug))
+          |> put_flash(:info, gettext("%{slug} created", slug: slug))
-         |> push_navigate(to: return_to)}
+          |> push_navigate(to: return_to)
 
-      {:error, %Ecto.Changeset{} = changeset} ->
+        {:error, %Changeset{} = changeset} ->
-        {:noreply, assign(socket, changeset: changeset)}
+          assign(socket, changeset: changeset)
-    end
+      end
+
+    {:noreply, socket}
   end
 end

lib/memex_web/live/pipeline_live/form_component.html.heex

@@ -11,7 +11,8 @@
   >
     <%= text_input(f, :slug,
       class: "input input-primary",
-      placeholder: gettext("slug")
+      placeholder: gettext("slug"),
+      aria_label: gettext("slug")
     ) %>
     <%= error_tag(f, :slug) %>
 
@@ -20,21 +21,24 @@
       class: "input input-primary h-64 min-h-64",
       phx_hook: "MaintainAttrs",
       phx_update: "ignore",
-      placeholder: gettext("description")
+      placeholder: gettext("description"),
+      aria_label: gettext("description")
     ) %>
     <%= error_tag(f, :description) %>
 
     <%= text_input(f, :tags_string,
       id: "tags-input",
       class: "input input-primary",
-      placeholder: gettext("tag1,tag2")
+      placeholder: gettext("tag1,tag2"),
+      aria_label: gettext("tag1,tag2")
     ) %>
     <%= error_tag(f, :tags_string) %>
 
     <div class="flex justify-center items-stretch space-x-4">
       <%= select(f, :visibility, Ecto.Enum.values(Memex.Pipelines.Pipeline, :visibility),
         class: "grow input input-primary",
-        prompt: gettext("select privacy")
+        prompt: gettext("select privacy"),
+        aria_label: gettext("select privacy")
       ) %>
 
       <%= submit(dgettext("actions", "save"),

lib/memex_web/live/pipeline_live/index.ex

@@ -1,6 +1,6 @@
 defmodule MemexWeb.PipelineLive.Index do
   use MemexWeb, :live_view
-  alias Memex.{Accounts.User, Pipelines, Pipelines.Pipeline}
+  alias Memex.{Pipelines, Pipelines.Pipeline}
 
   @impl true
   def mount(%{"search" => search}, _session, socket) do
@@ -59,14 +59,13 @@ defmodule MemexWeb.PipelineLive.Index do
     {:noreply, socket}
   end
 
-  @impl true
   def handle_event("search", %{"search" => %{"search_term" => ""}}, socket) do
     {:noreply, socket |> push_patch(to: Routes.pipeline_index_path(Endpoint, :index))}
   end
 
   def handle_event("search", %{"search" => %{"search_term" => search_term}}, socket) do
-    {:noreply,
+    redirect_to = Routes.pipeline_index_path(Endpoint, :search, search_term)
-     socket |> push_patch(to: Routes.pipeline_index_path(Endpoint, :search, search_term))}
+    {:noreply, socket |> push_patch(to: redirect_to)}
   end
 
   defp display_pipelines(%{assigns: %{current_user: current_user, search: search}} = socket)
@@ -77,13 +76,4 @@ defmodule MemexWeb.PipelineLive.Index do
   defp display_pipelines(%{assigns: %{search: search}} = socket) do
     socket |> assign(pipelines: Pipelines.list_public_pipelines(search))
   end
-
-  @spec is_owner_or_admin?(Pipeline.t(), User.t()) :: boolean()
-  defp is_owner_or_admin?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner_or_admin?(_context, %{role: :admin}), do: true
-  defp is_owner_or_admin?(_context, _other_user), do: false
-
-  @spec is_owner?(Pipeline.t(), User.t()) :: boolean()
-  defp is_owner?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner?(_context, _other_user), do: false
 end

lib/memex_web/live/pipeline_live/index.html.heex

@@ -5,7 +5,8 @@
 
   <.form
     :let={f}
-    for={:search}
+    for={%{}}
+    as={:search}
     phx-change="search"
     phx-submit="search"
     class="self-stretch flex flex-col items-stretch"
@@ -13,6 +14,7 @@
     <%= text_input(f, :search_term,
       class: "input input-primary",
       value: @search,
+      role: "search",
       phx_debounce: 300,
       placeholder: gettext("search")
     ) %>
@@ -31,19 +33,21 @@
     >
       <:actions :let={pipeline}>
         <.link
-          :if={is_owner?(pipeline, @current_user)}
+          :if={Pipelines.is_owner?(pipeline, @current_user)}
           patch={Routes.pipeline_index_path(@socket, :edit, pipeline.slug)}
-          data-qa={"pipeline-edit-#{pipeline.id}"}
+          aria-label={dgettext("actions", "edit %{pipeline_slug}", pipeline_slug: pipeline.slug)}
         >
           <%= dgettext("actions", "edit") %>
         </.link>
         <.link
-          :if={is_owner_or_admin?(pipeline, @current_user)}
+          :if={Pipelines.is_owner_or_admin?(pipeline, @current_user)}
           href="#"
           phx-click="delete"
           phx-value-id={pipeline.id}
           data-confirm={dgettext("prompts", "are you sure?")}
-          data-qa={"delete-pipeline-#{pipeline.id}"}
+          aria-label={
+            dgettext("actions", "delete %{pipeline_slug}", pipeline_slug: pipeline.slug)
+          }
         >
           <%= dgettext("actions", "delete") %>
         </.link>

lib/memex_web/live/pipeline_live/show.ex

@@ -1,8 +1,6 @@
 defmodule MemexWeb.PipelineLive.Show do
   use MemexWeb, :live_view
-  import MemexWeb.Components.StepContent
+  alias Memex.{Pipelines, Pipelines.Steps, Pipelines.Steps.Step}
-  alias Memex.{Accounts.User, Pipelines}
-  alias Memex.Pipelines.{Pipeline, Steps, Steps.Step}
 
   @impl true
   def mount(_params, _session, socket) do
@@ -80,7 +78,6 @@ defmodule MemexWeb.PipelineLive.Show do
     {:noreply, socket}
   end
 
-  @impl true
   def handle_event(
         "delete_step",
         %{"step-id" => step_id},
@@ -99,7 +96,6 @@ defmodule MemexWeb.PipelineLive.Show do
     {:noreply, socket}
   end
 
-  @impl true
   def handle_event(
         "reorder_step",
         %{"step-id" => step_id, "direction" => direction},
@@ -125,13 +121,4 @@ defmodule MemexWeb.PipelineLive.Show do
     do: gettext("edit %{slug}", slug: slug)
 
   defp page_title(:add_step, %{slug: slug}), do: gettext("add step to %{slug}", slug: slug)
-
-  @spec is_owner_or_admin?(Pipeline.t(), User.t()) :: boolean()
-  defp is_owner_or_admin?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner_or_admin?(_context, %{role: :admin}), do: true
-  defp is_owner_or_admin?(_context, _other_user), do: false
-
-  @spec is_owner?(Pipeline.t(), User.t()) :: boolean()
-  defp is_owner?(%{user_id: user_id}, %{id: user_id}), do: true
-  defp is_owner?(_context, _other_user), do: false
 end

lib/memex_web/live/pipeline_live/show.html.heex

@@ -28,23 +28,20 @@
   </p>
 
   <div class="pb-4 self-end flex space-x-4">
-    <.link class="btn btn-primary" navigate={Routes.pipeline_index_path(@socket, :index)}>
-      <%= dgettext("actions", "back") %>
-    </.link>
     <.link
-      :if={is_owner?(@pipeline, @current_user)}
+      :if={Pipelines.is_owner?(@pipeline, @current_user)}
       class="btn btn-primary"
       patch={Routes.pipeline_show_path(@socket, :edit, @pipeline.slug)}
     >
       <%= dgettext("actions", "edit") %>
     </.link>
     <button
-      :if={is_owner_or_admin?(@pipeline, @current_user)}
+      :if={Pipelines.is_owner_or_admin?(@pipeline, @current_user)}
       type="button"
       class="btn btn-primary"
       phx-click="delete"
       data-confirm={dgettext("prompts", "are you sure?")}
-      data-qa={"delete-pipeline-#{@pipeline.id}"}
+      aria-label={dgettext("actions", "delete %{pipeline_slug}", pipeline_slug: @pipeline.slug)}
     >
       <%= dgettext("actions", "delete") %>
     </button>
@@ -67,7 +64,7 @@
           <%= gettext("%{position}. %{title}", position: position + 1, title: title) %>
         </h3>
 
-        <%= if is_owner?(@pipeline, @current_user) do %>
+        <%= if Pipelines.is_owner?(@pipeline, @current_user) do %>
           <div class="flex justify-between items-center space-x-4">
             <%= if position <= 0 do %>
               <i class="fas text-xl fa-chevron-up cursor-not-allowed opacity-25"></i>
@@ -78,7 +75,7 @@
                 phx-click="reorder_step"
                 phx-value-direction="up"
                 phx-value-step-id={step_id}
-                data-qa={"move-step-up-#{step_id}"}
+                aria-label={dgettext("actions", "move %{step_title} up", step_title: step.title)}
               >
                 <i class="fas text-xl fa-chevron-up"></i>
               </button>
@@ -93,7 +90,9 @@
                 phx-click="reorder_step"
                 phx-value-direction="down"
                 phx-value-step-id={step_id}
-                data-qa={"move-step-down-#{step_id}"}
+                aria-label={
+                  dgettext("actions", "move %{step_title} down", step_title: step.title)
+                }
               >
                 <i class="fas text-xl fa-chevron-down"></i>
               </button>
@@ -102,7 +101,7 @@
             <.link
               class="self-end btn btn-primary"
               patch={Routes.pipeline_show_path(@socket, :edit_step, @pipeline.slug, step_id)}
-              data-qa={"edit-step-#{step_id}"}
+              aria-label={dgettext("actions", "edit %{step_title}", step_title: step.title)}
             >
               <%= dgettext("actions", "edit") %>
             </.link>
@@ -113,7 +112,7 @@
               phx-click="delete_step"
               phx-value-step-id={step_id}
               data-confirm={dgettext("prompts", "are you sure?")}
-              data-qa={"delete-step-#{step_id}"}
+              aria-label={dgettext("actions", "delete %{step_title}", step_title: step.title)}
             >
               <%= dgettext("actions", "delete") %>
             </button>
@@ -126,10 +125,9 @@
   <% end %>
 
   <.link
-    :if={is_owner?(@pipeline, @current_user)}
+    :if={Pipelines.is_owner?(@pipeline, @current_user)}
     class="self-end btn btn-primary"
     patch={Routes.pipeline_show_path(@socket, :add_step, @pipeline.slug)}
-    data-qa={"add-step-#{@pipeline.id}"}
   >
     <%= dgettext("actions", "add step") %>
   </.link>

lib/memex_web/live/step_live/form_component.ex

@@ -1,16 +1,18 @@
 defmodule MemexWeb.StepLive.FormComponent do
   use MemexWeb, :live_component
-
+  alias Ecto.Changeset
   alias Memex.Pipelines.Steps
 
   @impl true
   def update(%{step: step, current_user: current_user, pipeline: _pipeline} = assigns, socket) do
     changeset = Steps.change_step(step, current_user)
 
-    {:ok,
+    socket =
-     socket
+      socket
-     |> assign(assigns)
+      |> assign(assigns)
-     |> assign(:changeset, changeset)}
+      |> assign(:changeset, changeset)
+
+    {:ok, socket}
   end
 
   @impl true
@@ -19,10 +21,13 @@ defmodule MemexWeb.StepLive.FormComponent do
         %{"step" => step_params},
         %{assigns: %{step: step, current_user: current_user}} = socket
       ) do
+    changeset = step |> Steps.change_step(step_params, current_user)
+
     changeset =
-      step
+      case changeset |> Changeset.apply_action(:validate) do
-      |> Steps.change_step(step_params, current_user)
+        {:ok, _data} -> changeset
-      |> Map.put(:action, :validate)
+        {:error, changeset} -> changeset
+      end
 
     {:noreply, assign(socket, :changeset, changeset)}
   end
@@ -36,16 +41,18 @@ defmodule MemexWeb.StepLive.FormComponent do
          :edit_step,
          step_params
        ) do
-    case Steps.update_step(step, step_params, current_user) do
+    socket =
-      {:ok, %{title: title}} ->
+      case Steps.update_step(step, step_params, current_user) do
-        {:noreply,
+        {:ok, %{title: title}} ->
-         socket
+          socket
-         |> put_flash(:info, gettext("%{title} saved", title: title))
+          |> put_flash(:info, gettext("%{title} saved", title: title))
-         |> push_navigate(to: return_to)}
+          |> push_navigate(to: return_to)
 
-      {:error, %Ecto.Changeset{} = changeset} ->
+        {:error, %Changeset{} = changeset} ->
-        {:noreply, assign(socket, :changeset, changeset)}
+          assign(socket, :changeset, changeset)
-    end
+      end
+
+    {:noreply, socket}
   end
 
   defp save_step(
@@ -60,15 +67,17 @@ defmodule MemexWeb.StepLive.FormComponent do
          :add_step,
          step_params
        ) do
-    case Steps.create_step(step_params, position, pipeline, current_user) do
+    socket =
-      {:ok, %{title: title}} ->
+      case Steps.create_step(step_params, position, pipeline, current_user) do
-        {:noreply,
+        {:ok, %{title: title}} ->
-         socket
+          socket
-         |> put_flash(:info, gettext("%{title} created", title: title))
+          |> put_flash(:info, gettext("%{title} created", title: title))
-         |> push_navigate(to: return_to)}
+          |> push_navigate(to: return_to)
 
-      {:error, %Ecto.Changeset{} = changeset} ->
+        {:error, %Changeset{} = changeset} ->
-        {:noreply, assign(socket, changeset: changeset)}
+          assign(socket, changeset: changeset)
-    end
+      end
+
+    {:noreply, socket}
   end
 end

lib/memex_web/live/step_live/form_component.html.heex

@@ -11,7 +11,8 @@
   >
     <%= text_input(f, :title,
       class: "input input-primary",
-      placeholder: gettext("title")
+      placeholder: gettext("title"),
+      aria_label: gettext("title")
     ) %>
     <%= error_tag(f, :title) %>
 
@@ -20,7 +21,8 @@
       class: "input input-primary h-64 min-h-64",
       phx_hook: "MaintainAttrs",
       phx_update: "ignore",
-      placeholder: gettext("use [[context-slug]] to link to a context")
+      placeholder: gettext("use [[context-slug]] to link to a context"),
+      aria_label: gettext("use [[context-slug]] to link to a context")
     ) %>
     <%= error_tag(f, :content) %>
 

lib/memex_web/templates/error/error.html.heex

@@ -24,9 +24,12 @@
 
         <hr class="w-full hr" />
 
-        <a href={Routes.live_path(Endpoint, HomeLive)} class="link title text-primary-400 text-lg">
+        <.link
+          href={Routes.live_path(Endpoint, HomeLive)}
+          class="link title text-primary-400 text-lg"
+        >
           <%= dgettext("errors", "go back home") %>
-        </a>
+        </.link>
       </div>
     </div>
   </body>

lib/memex_web/templates/user_confirmation/new.html.heex

@@ -5,7 +5,8 @@
 
   <.form
     :let={f}
-    for={:user}
+    for={%{}}
+    as={:user}
     action={Routes.user_confirmation_path(@conn, :create)}
     class="flex flex-col space-y-4 sm:space-y-0 sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center"
   >

lib/memex_web/templates/user_reset_password/new.html.heex

@@ -5,7 +5,8 @@
 
   <.form
     :let={f}
-    for={:user}
+    for={%{}}
+    as={:user}
     action={Routes.user_reset_password_path(@conn, :create)}
     class="flex flex-col space-y-4 sm:space-y-0 sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center"
   >

lib/memex_web/templates/user_settings/edit.html.heex

@@ -107,9 +107,9 @@
     action={Routes.user_settings_path(@conn, :update)}
     class="flex flex-col space-y-4 sm:space-y-0 sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center"
   >
-    <h3 class="title text-primary-400 text-lg text-center col-span-3">
+    <%= label(f, :locale, dgettext("actions", "change language"),
-      <%= dgettext("actions", "change language") %>
+      class: "title text-primary-400 text-lg text-center col-span-3"
-    </h3>
+    ) %>
 
     <div
       :if={@locale_changeset.action && not @locale_changeset.valid?()}

lib/memex_web/views/error_view.ex

@@ -1,6 +1,5 @@
 defmodule MemexWeb.ErrorView do
   use MemexWeb, :view
-  import MemexWeb.Components.Topbar
   alias MemexWeb.HomeLive
 
   def template_not_found(error_path, _assigns) do

lib/memex_web/views/layout_view.ex

@@ -1,6 +1,5 @@
 defmodule MemexWeb.LayoutView do
   use MemexWeb, :view
-  import MemexWeb.Components.Topbar
   alias MemexWeb.HomeLive
 
   # Phoenix LiveDashboard is available only in development by default,

lib/memex_web/views/view_helpers.ex

@@ -7,61 +7,6 @@ defmodule MemexWeb.ViewHelpers do
 
   use Phoenix.Component
 
-  @doc """
-  Phoenix.Component for a <time> element that renders the naivedatetime in the
-  user's local timezone with Alpine.js
-  """
-
-  attr :datetime, :any, required: true, doc: "A `DateTime` struct or nil"
-
-  def datetime(assigns) do
-    ~H"""
-    <time
-      :if={@datetime}
-      datetime={cast_datetime(@datetime)}
-      x-data={"{
-        datetime:
-          Intl.DateTimeFormat([], {dateStyle: 'short', timeStyle: 'long'})
-            .format(new Date(\"#{cast_datetime(@datetime)}\"))
-      }"}
-      x-text="datetime"
-    >
-      <%= cast_datetime(@datetime) %>
-    </time>
-    """
-  end
-
-  @spec cast_datetime(NaiveDateTime.t() | nil) :: String.t()
-  defp cast_datetime(%NaiveDateTime{} = datetime) do
-    datetime |> DateTime.from_naive!("Etc/UTC") |> DateTime.to_iso8601(:extended)
-  end
-
-  defp cast_datetime(_datetime), do: ""
-
-  @doc """
-  Phoenix.Component for a <date> element that renders the Date in the user's
-  local timezone with Alpine.js
-  """
-
-  attr :date, :any, required: true, doc: "A `Date` struct or nil"
-
-  def date(assigns) do
-    ~H"""
-    <time
-      :if={@date}
-      datetime={@date |> Date.to_iso8601(:extended)}
-      x-data={"{
-        date:
-          Intl.DateTimeFormat([], {timeZone: 'Etc/UTC', dateStyle: 'short'})
-            .format(new Date(\"#{@date |> Date.to_iso8601(:extended)}\"))
-      }"}
-      x-text="date"
-    >
-      <%= @date |> Date.to_iso8601(:extended) %>
-    </time>
-    """
-  end
-
   @doc """
   Displays content in a QR code as a base64 encoded PNG
   """
@@ -76,21 +21,4 @@ defmodule MemexWeb.ViewHelpers do
 
     "data:image/png;base64," <> img_data
   end
-
-  @doc """
-  Creates a downloadable QR Code element
-  """
-
-  attr :content, :string, required: true
-  attr :filename, :string, default: "qrcode", doc: "filename without .png extension"
-  attr :image_class, :string, default: "w-64 h-max"
-  attr :width, :integer, default: 384, doc: "width of png to generate"
-
-  def qr_code(assigns) do
-    ~H"""
-    <a href={qr_code_image(@content)} download={@filename <> ".png"}>
-      <img class={@image_class} alt={@filename} src={qr_code_image(@content)} />
-    </a>
-    """
-  end
 end

mix.exs

@@ -4,7 +4,7 @@ defmodule Memex.MixProject do
   def project do
     [
       app: :memex,
-      version: "0.1.9",
+      version: "0.1.10",
       elixir: "1.14.1",
       elixirc_paths: elixirc_paths(Mix.env()),
       compilers: Mix.compilers(),
@@ -47,13 +47,13 @@ defmodule Memex.MixProject do
   # Type `mix help deps` for examples and options.
   defp deps do
     [
-      {:bcrypt_elixir, "~> 2.0"},
+      {:bcrypt_elixir, "~> 3.0"},
       {:phoenix, "~> 1.6.0"},
       {:phoenix_ecto, "~> 4.4"},
       {:phoenix_html, "~> 3.0"},
       {:phoenix_live_reload, "~> 1.2", only: :dev},
       {:phoenix_live_view, "~> 0.18.0"},
-      {:phoenix_view, "~> 1.1"},
+      {:phoenix_view, "~> 2.0"},
       {:phoenix_live_dashboard, "~> 0.6"},
       {:ecto_sql, "~> 3.6"},
       {:postgrex, ">= 0.0.0"},

mix.lock

@@ -1,5 +1,5 @@
 %{
-  "bcrypt_elixir": {:hex, :bcrypt_elixir, "2.3.1", "5114d780459a04f2b4aeef52307de23de961b69e13a5cd98a911e39fda13f420", [:make, :mix], [{:comeonin, "~> 5.3", [hex: :comeonin, repo: "hexpm", optional: false]}, {:elixir_make, "~> 0.6", [hex: :elixir_make, repo: "hexpm", optional: false]}], "hexpm", "42182d5f46764def15bf9af83739e3bf4ad22661b1c34fc3e88558efced07279"},
+  "bcrypt_elixir": {:hex, :bcrypt_elixir, "3.0.1", "9be815469e6bfefec40fa74658ecbbe6897acfb57614df1416eeccd4903f602c", [:make, :mix], [{:comeonin, "~> 5.3", [hex: :comeonin, repo: "hexpm", optional: false]}, {:elixir_make, "~> 0.6", [hex: :elixir_make, repo: "hexpm", optional: false]}], "hexpm", "486bb95efb645d1efc6794c1ddd776a186a9a713abf06f45708a6ce324fb96cf"},
   "bunt": {:hex, :bunt, "0.2.1", "e2d4792f7bc0ced7583ab54922808919518d0e57ee162901a16a1b6664ef3b14", [:mix], [], "hexpm", "a330bfb4245239787b15005e66ae6845c9cd524a288f0d141c148b02603777a5"},
   "castore": {:hex, :castore, "0.1.22", "4127549e411bedd012ca3a308dede574f43819fe9394254ca55ab4895abfa1a2", [:mix], [], "hexpm", "c17576df47eb5aa1ee40cc4134316a99f5cad3e215d5c77b8dd3cfef12a22cac"},
   "comeonin": {:hex, :comeonin, "5.3.3", "2c564dac95a35650e9b6acfe6d2952083d8a08e4a89b93a481acb552b325892e", [:mix], [], "hexpm", "3e38c9c2cb080828116597ca8807bb482618a315bfafd98c90bc22a821cc84df"},
@@ -11,38 +11,39 @@
   "db_connection": {:hex, :db_connection, "2.4.3", "3b9aac9f27347ec65b271847e6baeb4443d8474289bd18c1d6f4de655b70c94d", [:mix], [{:connection, "~> 1.0", [hex: :connection, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "c127c15b0fa6cfb32eed07465e05da6c815b032508d4ed7c116122871df73c12"},
   "decimal": {:hex, :decimal, "2.0.0", "a78296e617b0f5dd4c6caf57c714431347912ffb1d0842e998e9792b5642d697", [:mix], [], "hexpm", "34666e9c55dea81013e77d9d87370fe6cb6291d1ef32f46a1600230b1d44f577"},
   "dialyxir": {:hex, :dialyxir, "1.2.0", "58344b3e87c2e7095304c81a9ae65cb68b613e28340690dfe1a5597fd08dec37", [:mix], [{:erlex, ">= 0.2.6", [hex: :erlex, repo: "hexpm", optional: false]}], "hexpm", "61072136427a851674cab81762be4dbeae7679f85b1272b6d25c3a839aff8463"},
-  "earmark_parser": {:hex, :earmark_parser, "1.4.29", "149d50dcb3a93d9f3d6f3ecf18c918fb5a2d3c001b5d3305c926cddfbd33355b", [:mix], [], "hexpm", "4902af1b3eb139016aed210888748db8070b8125c2342ce3dcae4f38dcc63503"},
+  "earmark_parser": {:hex, :earmark_parser, "1.4.31", "a93921cdc6b9b869f519213d5bc79d9e218ba768d7270d46fdcf1c01bacff9e2", [:mix], [], "hexpm", "317d367ee0335ef037a87e46c91a2269fef6306413f731e8ec11fc45a7efd059"},
   "ecto": {:hex, :ecto, "3.9.4", "3ee68e25dbe0c36f980f1ba5dd41ee0d3eb0873bccae8aeaf1a2647242bffa35", [:mix], [{:decimal, "~> 1.6 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "de5f988c142a3aa4ec18b85a4ec34a2390b65b24f02385c1144252ff6ff8ee75"},
   "ecto_psql_extras": {:hex, :ecto_psql_extras, "0.7.10", "e14d400930f401ca9f541b3349212634e44027d7f919bbb71224d7ac0d0e8acd", [:mix], [{:ecto_sql, "~> 3.4", [hex: :ecto_sql, repo: "hexpm", optional: false]}, {:postgrex, "~> 0.15.7 or ~> 0.16.0", [hex: :postgrex, repo: "hexpm", optional: false]}, {:table_rex, "~> 3.1.1", [hex: :table_rex, repo: "hexpm", optional: false]}], "hexpm", "505e8cd81e4f17c090be0f99e92b1b3f0fd915f98e76965130b8ccfb891e7088"},
   "ecto_sql": {:hex, :ecto_sql, "3.9.2", "34227501abe92dba10d9c3495ab6770e75e79b836d114c41108a4bf2ce200ad5", [:mix], [{:db_connection, "~> 2.4.1 or ~> 2.5", [hex: :db_connection, repo: "hexpm", optional: false]}, {:ecto, "~> 3.9.2", [hex: :ecto, repo: "hexpm", optional: false]}, {:myxql, "~> 0.6.0", [hex: :myxql, repo: "hexpm", optional: true]}, {:postgrex, "~> 0.16.0 or ~> 1.0", [hex: :postgrex, repo: "hexpm", optional: true]}, {:tds, "~> 2.1.1 or ~> 2.2", [hex: :tds, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.0 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "1eb5eeb4358fdbcd42eac11c1fbd87e3affd7904e639d77903c1358b2abd3f70"},
-  "elixir_make": {:hex, :elixir_make, "0.7.3", "c37fdae1b52d2cc51069713a58c2314877c1ad40800a57efb213f77b078a460d", [:mix], [{:castore, "~> 0.1", [hex: :castore, repo: "hexpm", optional: true]}], "hexpm", "24ada3e3996adbed1fa024ca14995ef2ba3d0d17b678b0f3f2b1f66e6ce2b274"},
+  "elixir_make": {:hex, :elixir_make, "0.7.5", "784cc00f5fa24239067cc04d449437dcc5f59353c44eb08f188b2b146568738a", [:mix], [{:castore, "~> 0.1", [hex: :castore, repo: "hexpm", optional: true]}], "hexpm", "c3d63e8d5c92fa3880d89ecd41de59473fa2e83eeb68148155e25e8b95aa2887"},
   "eqrcode": {:hex, :eqrcode, "0.1.10", "6294fece9d68ad64eef1c3c92cf111cfd6469f4fbf230a2d4cc905a682178f3f", [:mix], [], "hexpm", "da30e373c36a0fd37ab6f58664b16029919896d6c45a68a95cc4d713e81076f1"},
   "erlex": {:hex, :erlex, "0.2.6", "c7987d15e899c7a2f34f5420d2a2ea0d659682c06ac607572df55a43753aa12e", [:mix], [], "hexpm", "2ed2e25711feb44d52b17d2780eabf998452f6efda104877a3881c2f8c0c0c75"},
-  "ex_doc": {:hex, :ex_doc, "0.29.1", "b1c652fa5f92ee9cf15c75271168027f92039b3877094290a75abcaac82a9f77", [:mix], [{:earmark_parser, "~> 1.4.19", [hex: :earmark_parser, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 0.14", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_erlang, "~> 0.1", [hex: :makeup_erlang, repo: "hexpm", optional: false]}], "hexpm", "b7745fa6374a36daf484e2a2012274950e084815b936b1319aeebcf7809574f6"},
+  "ex_doc": {:hex, :ex_doc, "0.29.2", "dfa97532ba66910b2a3016a4bbd796f41a86fc71dd5227e96f4c8581fdf0fdf0", [:mix], [{:earmark_parser, "~> 1.4.19", [hex: :earmark_parser, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 0.14", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_erlang, "~> 0.1", [hex: :makeup_erlang, repo: "hexpm", optional: false]}], "hexpm", "6b5d7139eda18a753e3250e27e4a929f8d2c880dd0d460cb9986305dea3e03af"},
-  "expo": {:hex, :expo, "0.3.0", "13127c1d5f653b2927f2616a4c9ace5ae372efd67c7c2693b87fd0fdc30c6feb", [:mix], [], "hexpm", "fb3cd4bf012a77bc1608915497dae2ff684a06f0fa633c7afa90c4d72b881823"},
+  "expo": {:hex, :expo, "0.4.0", "bbe4bf455e2eb2ebd2f1e7d83530ce50fb9990eb88fc47855c515bfdf1c6626f", [:mix], [], "hexpm", "a8ed1683ec8b7c7fa53fd7a41b2c6935f539168a6bb0616d7fd6b58a36f3abf2"},
   "file_system": {:hex, :file_system, "0.2.10", "fb082005a9cd1711c05b5248710f8826b02d7d1784e7c3451f9c1231d4fc162d", [:mix], [], "hexpm", "41195edbfb562a593726eda3b3e8b103a309b733ad25f3d642ba49696bf715dc"},
-  "floki": {:hex, :floki, "0.34.0", "002d0cc194b48794d74711731db004fafeb328fe676976f160685262d43706a8", [:mix], [], "hexpm", "9c3a9f43f40dde00332a589bd9d389b90c1f518aef500364d00636acc5ebc99c"},
+  "floki": {:hex, :floki, "0.34.2", "5fad07ef153b3b8ec110b6b155ec3780c4b2c4906297d0b4be1a7162d04a7e02", [:mix], [], "hexpm", "26b9d50f0f01796bc6be611ca815c5e0de034d2128e39cc9702eee6b66a4d1c8"},
   "gen_smtp": {:hex, :gen_smtp, "1.2.0", "9cfc75c72a8821588b9b9fe947ae5ab2aed95a052b81237e0928633a13276fd3", [:rebar3], [{:ranch, ">= 1.8.0", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm", "5ee0375680bca8f20c4d85f58c2894441443a743355430ff33a783fe03296779"},
-  "gettext": {:hex, :gettext, "0.22.0", "a25d71ec21b1848957d9207b81fd61cb25161688d282d58bdafef74c2270bdc4", [:mix], [{:expo, "~> 0.3.0", [hex: :expo, repo: "hexpm", optional: false]}], "hexpm", "cb0675141576f73720c8e49b4f0fd3f2c69f0cd8c218202724d4aebab8c70ace"},
+  "gettext": {:hex, :gettext, "0.22.1", "e7942988383c3d9eed4bdc22fc63e712b655ae94a672a27e4900e3d4a2c43581", [:mix], [{:expo, "~> 0.4.0", [hex: :expo, repo: "hexpm", optional: false]}], "hexpm", "ad105b8dab668ee3f90c0d3d94ba75e9aead27a62495c101d94f2657a190ac5d"},
   "jason": {:hex, :jason, "1.4.0", "e855647bc964a44e2f67df589ccf49105ae039d4179db7f6271dfd3843dc27e6", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "79a3791085b2a0f743ca04cec0f7be26443738779d09302e01318f97bdb82121"},
   "makeup": {:hex, :makeup, "1.1.0", "6b67c8bc2882a6b6a445859952a602afc1a41c2e08379ca057c0f525366fc3ca", [:mix], [{:nimble_parsec, "~> 1.2.2 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "0a45ed501f4a8897f580eabf99a2e5234ea3e75a4373c8a52824f6e873be57a6"},
   "makeup_elixir": {:hex, :makeup_elixir, "0.16.0", "f8c570a0d33f8039513fbccaf7108c5d750f47d8defd44088371191b76492b0b", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "28b2cbdc13960a46ae9a8858c4bebdec3c9a6d7b4b9e7f4ed1502f8159f338e7"},
   "makeup_erlang": {:hex, :makeup_erlang, "0.1.1", "3fcb7f09eb9d98dc4d208f49cc955a34218fc41ff6b84df7c75b3e6e533cc65f", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}], "hexpm", "174d0809e98a4ef0b3309256cbf97101c6ec01c4ab0b23e926a9e17df2077cbb"},
   "mime": {:hex, :mime, "2.0.3", "3676436d3d1f7b81b5a2d2bd8405f412c677558c81b1c92be58c00562bb59095", [:mix], [], "hexpm", "27a30bf0db44d25eecba73755acf4068cbfe26a4372f9eb3e4ea3a45956bff6b"},
   "nimble_parsec": {:hex, :nimble_parsec, "1.2.3", "244836e6e3f1200c7f30cb56733fd808744eca61fd182f731eac4af635cc6d0b", [:mix], [], "hexpm", "c8d789e39b9131acf7b99291e93dae60ab48ef14a7ee9d58c6964f59efb570b0"},
-  "oban": {:hex, :oban, "2.13.6", "a0cb1bce3bd393770512231fb5a3695fa19fd3af10d7575bf73f837aee7abf43", [:mix], [{:ecto_sql, "~> 3.6", [hex: :ecto_sql, repo: "hexpm", optional: false]}, {:jason, "~> 1.1", [hex: :jason, repo: "hexpm", optional: false]}, {:postgrex, "~> 0.16", [hex: :postgrex, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "3c1c5eb16f377b3cbbf2ea14be24d20e3d91285af9d1ac86260b7c2af5464887"},
+  "oban": {:hex, :oban, "2.14.2", "ae925d9a33e110addaa59ff7ec1b2fd84270ac7eb00fbb4b4a179d74c407bba3", [:mix], [{:ecto_sql, "~> 3.6", [hex: :ecto_sql, repo: "hexpm", optional: false]}, {:ecto_sqlite3, "~> 0.9", [hex: :ecto_sqlite3, repo: "hexpm", optional: true]}, {:jason, "~> 1.1", [hex: :jason, repo: "hexpm", optional: false]}, {:postgrex, "~> 0.16", [hex: :postgrex, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "32bf30127c8c44ac42f05f229a50fadc2177b3e799c29499f5daf90d5e5b5d3c"},
-  "phoenix": {:hex, :phoenix, "1.6.15", "0a1d96bbc10747fd83525370d691953cdb6f3ccbac61aa01b4acb012474b047d", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.0", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 1.0 or ~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: false]}, {:plug, "~> 1.10", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.2", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "d70ab9fbf6b394755ea88b644d34d79d8b146e490973151f248cacd122d20672"},
+  "phoenix": {:hex, :phoenix, "1.6.16", "e5bdd18c7a06da5852a25c7befb72246de4ddc289182285f8685a40b7b5f5451", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.0", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 1.0 or ~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: false]}, {:plug, "~> 1.10", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.2", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "e15989ff34f670a96b95ef6d1d25bad0d9c50df5df40b671d8f4a669e050ac39"},
   "phoenix_ecto": {:hex, :phoenix_ecto, "4.4.0", "0672ed4e4808b3fbed494dded89958e22fb882de47a97634c0b13e7b0b5f7720", [:mix], [{:ecto, "~> 3.3", [hex: :ecto, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:plug, "~> 1.9", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "09864e558ed31ee00bd48fcc1d4fc58ae9678c9e81649075431e69dbabb43cc1"},
-  "phoenix_html": {:hex, :phoenix_html, "3.2.0", "1c1219d4b6cb22ac72f12f73dc5fad6c7563104d083f711c3fcd8551a1f4ae11", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "36ec97ba56d25c0136ef1992c37957e4246b649d620958a1f9fa86165f8bc54f"},
+  "phoenix_html": {:hex, :phoenix_html, "3.3.1", "4788757e804a30baac6b3fc9695bf5562465dd3f1da8eb8460ad5b404d9a2178", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "bed1906edd4906a15fd7b412b85b05e521e1f67c9a85418c55999277e553d0d3"},
-  "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.7.1", "b0bf8f3348dec4910907a2ad1453e642f6fe4d444376c1c9b26222d63c73cf97", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.18.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "b6c5d744bf4b40692b1b361d3608bdfd05aeab83e17c7bc217d730f007f31abf"},
+  "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.7.2", "97cc4ff2dba1ebe504db72cb45098cb8e91f11160528b980bd282cc45c73b29c", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.18.3", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "0e5fdf063c7a3b620c566a30fcf68b7ee02e5e46fe48ee46a6ec3ba382dc05b7"},
   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.4.1", "2aff698f5e47369decde4357ba91fc9c37c6487a512b41732818f2204a8ef1d3", [:mix], [{:file_system, "~> 0.2.1 or ~> 0.3", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "9bffb834e7ddf08467fe54ae58b5785507aaba6255568ae22b4d46e2bb3615ab"},
-  "phoenix_live_view": {:hex, :phoenix_live_view, "0.18.2", "635cf07de947235deb030cd6b776c71a3b790ab04cebf526aa8c879fe17c7784", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.1", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "da287a77327e996cc166e4c440c3ad5ab33ccdb151b91c793209b39ebbce5b75"},
+  "phoenix_live_view": {:hex, :phoenix_live_view, "0.18.18", "1f38fbd7c363723f19aad1a04b5490ff3a178e37daaf6999594d5f34796c47fc", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "a5810d0472f3189ede6d2a95bda7f31c6113156b91784a3426cb0ab6a6d85214"},
   "phoenix_pubsub": {:hex, :phoenix_pubsub, "2.1.1", "ba04e489ef03763bf28a17eb2eaddc2c20c6d217e2150a61e3298b0f4c2012b5", [:mix], [], "hexpm", "81367c6d1eea5878ad726be80808eb5a787a23dee699f96e72b1109c57cdd8d9"},
-  "phoenix_swoosh": {:hex, :phoenix_swoosh, "1.1.0", "f8e4780705c9f254cc853f7a40e25f7198ba4d91102bcfad2226669b69766b35", [:mix], [{:finch, "~> 0.8", [hex: :finch, repo: "hexpm", optional: true]}, {:hackney, "~> 1.10", [hex: :hackney, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6", [hex: :phoenix, repo: "hexpm", optional: true]}, {:phoenix_html, "~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_view, "~> 1.0 or ~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: false]}, {:swoosh, "~> 1.5", [hex: :swoosh, repo: "hexpm", optional: false]}], "hexpm", "aa82f10afd9a4b6080fdf3274dbb9432b25b210d42b4b6b55308f6e59cd87c3d"},
+  "phoenix_swoosh": {:hex, :phoenix_swoosh, "1.2.0", "a544d83fde4a767efb78f45404a74c9e37b2a9c5ea3339692e65a6966731f935", [:mix], [{:finch, "~> 0.8", [hex: :finch, repo: "hexpm", optional: true]}, {:hackney, "~> 1.10", [hex: :hackney, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6", [hex: :phoenix, repo: "hexpm", optional: true]}, {:phoenix_html, "~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_view, "~> 1.0 or ~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: false]}, {:swoosh, "~> 1.5", [hex: :swoosh, repo: "hexpm", optional: false]}], "hexpm", "e88d117251e89a16b92222415a6d87b99a96747ddf674fc5c7631de734811dba"},
-  "phoenix_view": {:hex, :phoenix_view, "1.1.2", "1b82764a065fb41051637872c7bd07ed2fdb6f5c3bd89684d4dca6e10115c95a", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "7ae90ad27b09091266f6adbb61e1d2516a7c3d7062c6789d46a7554ec40f3a56"},
+  "phoenix_template": {:hex, :phoenix_template, "1.0.1", "85f79e3ad1b0180abb43f9725973e3b8c2c3354a87245f91431eec60553ed3ef", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "157dc078f6226334c91cb32c1865bf3911686f8bcd6bcff86736f6253e6993ee"},
+  "phoenix_view": {:hex, :phoenix_view, "2.0.2", "6bd4d2fd595ef80d33b439ede6a19326b78f0f1d8d62b9a318e3d9c1af351098", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}], "hexpm", "a929e7230ea5c7ee0e149ffcf44ce7cf7f4b6d2bfe1752dd7c084cdff152d36f"},
   "plug": {:hex, :plug, "1.14.0", "ba4f558468f69cbd9f6b356d25443d0b796fbdc887e03fa89001384a9cac638f", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.3 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "bf020432c7d4feb7b3af16a0c2701455cbbbb95e5b6866132cb09eb0c29adc14"},
-  "plug_cowboy": {:hex, :plug_cowboy, "2.6.0", "d1cf12ff96a1ca4f52207c5271a6c351a4733f413803488d75b70ccf44aebec2", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "073cf20b753ce6682ed72905cd62a2d4bd9bad1bf9f7feb02a1b8e525bd94fa6"},
+  "plug_cowboy": {:hex, :plug_cowboy, "2.6.1", "9a3bbfceeb65eff5f39dab529e5cd79137ac36e913c02067dba3963a26efe9b2", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "de36e1a21f451a18b790f37765db198075c25875c64834bcc82d90b309eb6613"},
-  "plug_crypto": {:hex, :plug_crypto, "1.2.3", "8f77d13aeb32bfd9e654cb68f0af517b371fb34c56c9f2b58fe3df1235c1251a", [:mix], [], "hexpm", "b5672099c6ad5c202c45f5a403f21a3411247f164e4a8fab056e5cd8a290f4a2"},
+  "plug_crypto": {:hex, :plug_crypto, "1.2.5", "918772575e48e81e455818229bf719d4ab4181fcbf7f85b68a35620f78d89ced", [:mix], [], "hexpm", "26549a1d6345e2172eb1c233866756ae44a9609bd33ee6f99147ab3fd87fd842"},
   "postgrex": {:hex, :postgrex, "0.16.5", "fcc4035cc90e23933c5d69a9cd686e329469446ef7abba2cf70f08e2c4b69810", [:mix], [{:connection, "~> 1.1", [hex: :connection, repo: "hexpm", optional: false]}, {:db_connection, "~> 2.1", [hex: :db_connection, repo: "hexpm", optional: false]}, {:decimal, "~> 1.5 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:table, "~> 0.1.0", [hex: :table, repo: "hexpm", optional: true]}], "hexpm", "edead639dc6e882618c01d8fc891214c481ab9a3788dfe38dd5e37fd1d5fb2e8"},
   "ranch": {:hex, :ranch, "1.8.0", "8c7a100a139fd57f17327b6413e4167ac559fbc04ca7448e9be9057311597a1d", [:make, :rebar3], [], "hexpm", "49fbcfd3682fab1f5d109351b61257676da1a2fdbe295904176d5e521a2ddfe5"},
   "swoosh": {:hex, :swoosh, "1.9.1", "0a5d7bf9954eb41d7e55525bc0940379982b090abbaef67cd8e1fd2ed7f8ca1a", [:mix], [{:cowboy, "~> 1.1 or ~> 2.4", [hex: :cowboy, repo: "hexpm", optional: true]}, {:ex_aws, "~> 2.1", [hex: :ex_aws, repo: "hexpm", optional: true]}, {:finch, "~> 0.6", [hex: :finch, repo: "hexpm", optional: true]}, {:gen_smtp, "~> 0.13 or ~> 1.0", [hex: :gen_smtp, repo: "hexpm", optional: true]}, {:hackney, "~> 1.9", [hex: :hackney, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:mail, "~> 0.2", [hex: :mail, repo: "hexpm", optional: true]}, {:mime, "~> 1.1 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_cowboy, ">= 1.0.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "76dffff3ffcab80f249d5937a592eaef7cc49ac6f4cdd27e622868326ed6371e"},

priv/gettext/actions.pot

@@ -11,7 +11,7 @@ msgid ""
 msgstr ""
 
 #: lib/memex_web/templates/user_confirmation/new.html.heex:3
-#: lib/memex_web/templates/user_confirmation/new.html.heex:15
+#: lib/memex_web/templates/user_confirmation/new.html.heex:16
 #, elixir-autogen, elixir-format
 msgid "Resend confirmation instructions"
 msgstr ""
@@ -22,18 +22,13 @@ msgstr ""
 msgid "Reset password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:32
-#, elixir-autogen, elixir-format
-msgid "Save"
-msgstr ""
-
 #: lib/memex_web/templates/user_settings/edit.html.heex:15
 #: lib/memex_web/templates/user_settings/edit.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "change email"
 msgstr ""
 
-#: lib/memex_web/templates/user_settings/edit.html.heex:111
+#: lib/memex_web/templates/user_settings/edit.html.heex:110
 #: lib/memex_web/templates/user_settings/edit.html.heex:128
 #, elixir-autogen, elixir-format
 msgid "change language"
@@ -45,18 +40,18 @@ msgstr ""
 msgid "change password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:82
+#: lib/memex_web/live/invite_live/index.html.heex:94
 #, elixir-autogen, elixir-format
 msgid "create invite"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:48
+#: lib/memex_web/live/context_live/index.html.heex:50
-#: lib/memex_web/live/context_live/show.html.heex:41
+#: lib/memex_web/live/context_live/show.html.heex:38
-#: lib/memex_web/live/note_live/index.html.heex:48
+#: lib/memex_web/live/note_live/index.html.heex:50
-#: lib/memex_web/live/note_live/show.html.heex:41
+#: lib/memex_web/live/note_live/show.html.heex:38
-#: lib/memex_web/live/pipeline_live/index.html.heex:48
+#: lib/memex_web/live/pipeline_live/index.html.heex:52
-#: lib/memex_web/live/pipeline_live/show.html.heex:49
+#: lib/memex_web/live/pipeline_live/show.html.heex:46
-#: lib/memex_web/live/pipeline_live/show.html.heex:118
+#: lib/memex_web/live/pipeline_live/show.html.heex:117
 #, elixir-autogen, elixir-format
 msgid "delete"
 msgstr ""
@@ -66,13 +61,13 @@ msgstr ""
 msgid "delete user"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:38
+#: lib/memex_web/live/context_live/index.html.heex:40
-#: lib/memex_web/live/context_live/show.html.heex:31
+#: lib/memex_web/live/context_live/show.html.heex:28
-#: lib/memex_web/live/note_live/index.html.heex:38
+#: lib/memex_web/live/note_live/index.html.heex:40
-#: lib/memex_web/live/note_live/show.html.heex:31
+#: lib/memex_web/live/note_live/show.html.heex:28
-#: lib/memex_web/live/pipeline_live/index.html.heex:38
+#: lib/memex_web/live/pipeline_live/index.html.heex:40
-#: lib/memex_web/live/pipeline_live/show.html.heex:39
+#: lib/memex_web/live/pipeline_live/show.html.heex:36
-#: lib/memex_web/live/pipeline_live/show.html.heex:107
+#: lib/memex_web/live/pipeline_live/show.html.heex:106
 #, elixir-autogen, elixir-format
 msgid "edit"
 msgstr ""
@@ -82,59 +77,53 @@ msgstr ""
 msgid "invite someone new!"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:122
+#: lib/memex_web/components/core_components/topbar.html.heex:109
-#: lib/memex_web/templates/user_confirmation/new.html.heex:31
+#: lib/memex_web/templates/user_confirmation/new.html.heex:32
 #: lib/memex_web/templates/user_registration/new.html.heex:44
 #: lib/memex_web/templates/user_reset_password/edit.html.heex:45
-#: lib/memex_web/templates/user_reset_password/new.html.heex:31
+#: lib/memex_web/templates/user_reset_password/new.html.heex:32
 #: lib/memex_web/templates/user_session/new.html.heex:3
 #: lib/memex_web/templates/user_session/new.html.heex:28
 #, elixir-autogen, elixir-format
 msgid "log in"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:59
+#: lib/memex_web/live/context_live/index.html.heex:61
 #, elixir-autogen, elixir-format
 msgid "new context"
 msgstr ""
 
-#: lib/memex_web/live/note_live/index.html.heex:59
+#: lib/memex_web/live/note_live/index.html.heex:61
 #, elixir-autogen, elixir-format
 msgid "new note"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/index.html.heex:59
+#: lib/memex_web/live/pipeline_live/index.html.heex:63
 #, elixir-autogen, elixir-format
 msgid "new pipeline"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:113
+#: lib/memex_web/components/core_components/topbar.html.heex:100
-#: lib/memex_web/templates/user_confirmation/new.html.heex:28
+#: lib/memex_web/templates/user_confirmation/new.html.heex:29
 #: lib/memex_web/templates/user_registration/new.html.heex:3
 #: lib/memex_web/templates/user_registration/new.html.heex:37
 #: lib/memex_web/templates/user_reset_password/edit.html.heex:42
-#: lib/memex_web/templates/user_reset_password/new.html.heex:28
+#: lib/memex_web/templates/user_reset_password/new.html.heex:29
 #: lib/memex_web/templates/user_session/new.html.heex:39
 #, elixir-autogen, elixir-format
 msgid "register"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:40
+#: lib/memex_web/live/context_live/form_component.html.heex:44
-#: lib/memex_web/live/note_live/form_component.html.heex:40
+#: lib/memex_web/live/invite_live/form_component.html.heex:32
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
+#: lib/memex_web/live/note_live/form_component.html.heex:44
-#: lib/memex_web/live/step_live/form_component.html.heex:28
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:44
+#: lib/memex_web/live/step_live/form_component.html.heex:30
 #, elixir-autogen, elixir-format
 msgid "save"
 msgstr ""
 
-#: lib/memex_web/live/context_live/show.html.heex:24
+#: lib/memex_web/live/pipeline_live/show.html.heex:132
-#: lib/memex_web/live/note_live/show.html.heex:24
-#: lib/memex_web/live/pipeline_live/show.html.heex:32
-#, elixir-autogen, elixir-format
-msgid "back"
-msgstr ""
-
-#: lib/memex_web/live/pipeline_live/show.html.heex:134
 #, elixir-autogen, elixir-format
 msgid "add step"
 msgstr ""
@@ -146,7 +135,7 @@ msgstr ""
 msgid "forgot your password?"
 msgstr ""
 
-#: lib/memex_web/templates/user_reset_password/new.html.heex:15
+#: lib/memex_web/templates/user_reset_password/new.html.heex:16
 #, elixir-autogen, elixir-format
 msgid "send instructions to reset password"
 msgstr ""
@@ -156,7 +145,75 @@ msgstr ""
 msgid "export data as json"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:25
+#: lib/memex_web/live/invite_live/index.html.heex:33
 #, elixir-autogen, elixir-format
 msgid "copy"
 msgstr ""
+
+#: lib/memex_web/live/invite_live/index.html.heex:30
+#, elixir-autogen, elixir-format
+msgid "copy invite link for %{invite_name}"
+msgstr ""
+
+#: lib/memex_web/live/context_live/index.html.heex:48
+#: lib/memex_web/live/context_live/show.html.heex:36
+#, elixir-autogen, elixir-format
+msgid "delete %{context_slug}"
+msgstr ""
+
+#: lib/memex_web/live/note_live/index.html.heex:48
+#: lib/memex_web/live/note_live/show.html.heex:36
+#, elixir-autogen, elixir-format
+msgid "delete %{note_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/index.html.heex:49
+#: lib/memex_web/live/pipeline_live/show.html.heex:44
+#, elixir-autogen, elixir-format
+msgid "delete %{pipeline_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:115
+#, elixir-autogen, elixir-format
+msgid "delete %{step_title}"
+msgstr ""
+
+#: lib/memex_web/live/invite_live/index.html.heex:58
+#, elixir-autogen, elixir-format
+msgid "delete invite for %{invite_name}"
+msgstr ""
+
+#: lib/memex_web/live/context_live/index.html.heex:38
+#, elixir-autogen, elixir-format
+msgid "edit %{context_slug}"
+msgstr ""
+
+#: lib/memex_web/live/note_live/index.html.heex:38
+#, elixir-autogen, elixir-format
+msgid "edit %{note_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/index.html.heex:38
+#, elixir-autogen, elixir-format
+msgid "edit %{pipeline_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:104
+#, elixir-autogen, elixir-format
+msgid "edit %{step_title}"
+msgstr ""
+
+#: lib/memex_web/live/invite_live/index.html.heex:41
+#, elixir-autogen, elixir-format
+msgid "edit invite for %{invite_name}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:94
+#, elixir-autogen, elixir-format
+msgid "move %{step_title} down"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:78
+#, elixir-autogen, elixir-format
+msgid "move %{step_title} up"
+msgstr ""

priv/gettext/de/LC_MESSAGES/actions.po

@@ -11,7 +11,7 @@ msgstr ""
 "Language: de\n"
 
 #: lib/memex_web/templates/user_confirmation/new.html.heex:3
-#: lib/memex_web/templates/user_confirmation/new.html.heex:15
+#: lib/memex_web/templates/user_confirmation/new.html.heex:16
 #, elixir-autogen, elixir-format
 msgid "Resend confirmation instructions"
 msgstr ""
@@ -22,18 +22,13 @@ msgstr ""
 msgid "Reset password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:32
-#, elixir-autogen, elixir-format
-msgid "Save"
-msgstr ""
-
 #: lib/memex_web/templates/user_settings/edit.html.heex:15
 #: lib/memex_web/templates/user_settings/edit.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "change email"
 msgstr ""
 
-#: lib/memex_web/templates/user_settings/edit.html.heex:111
+#: lib/memex_web/templates/user_settings/edit.html.heex:110
 #: lib/memex_web/templates/user_settings/edit.html.heex:128
 #, elixir-autogen, elixir-format
 msgid "change language"
@@ -45,18 +40,18 @@ msgstr ""
 msgid "change password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:82
+#: lib/memex_web/live/invite_live/index.html.heex:94
 #, elixir-autogen, elixir-format
 msgid "create invite"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:48
+#: lib/memex_web/live/context_live/index.html.heex:50
-#: lib/memex_web/live/context_live/show.html.heex:41
+#: lib/memex_web/live/context_live/show.html.heex:38
-#: lib/memex_web/live/note_live/index.html.heex:48
+#: lib/memex_web/live/note_live/index.html.heex:50
-#: lib/memex_web/live/note_live/show.html.heex:41
+#: lib/memex_web/live/note_live/show.html.heex:38
-#: lib/memex_web/live/pipeline_live/index.html.heex:48
+#: lib/memex_web/live/pipeline_live/index.html.heex:52
-#: lib/memex_web/live/pipeline_live/show.html.heex:49
+#: lib/memex_web/live/pipeline_live/show.html.heex:46
-#: lib/memex_web/live/pipeline_live/show.html.heex:118
+#: lib/memex_web/live/pipeline_live/show.html.heex:117
 #, elixir-autogen, elixir-format
 msgid "delete"
 msgstr ""
@@ -66,13 +61,13 @@ msgstr ""
 msgid "delete user"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:38
+#: lib/memex_web/live/context_live/index.html.heex:40
-#: lib/memex_web/live/context_live/show.html.heex:31
+#: lib/memex_web/live/context_live/show.html.heex:28
-#: lib/memex_web/live/note_live/index.html.heex:38
+#: lib/memex_web/live/note_live/index.html.heex:40
-#: lib/memex_web/live/note_live/show.html.heex:31
+#: lib/memex_web/live/note_live/show.html.heex:28
-#: lib/memex_web/live/pipeline_live/index.html.heex:38
+#: lib/memex_web/live/pipeline_live/index.html.heex:40
-#: lib/memex_web/live/pipeline_live/show.html.heex:39
+#: lib/memex_web/live/pipeline_live/show.html.heex:36
-#: lib/memex_web/live/pipeline_live/show.html.heex:107
+#: lib/memex_web/live/pipeline_live/show.html.heex:106
 #, elixir-autogen, elixir-format
 msgid "edit"
 msgstr ""
@@ -82,59 +77,53 @@ msgstr ""
 msgid "invite someone new!"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:122
+#: lib/memex_web/components/core_components/topbar.html.heex:109
-#: lib/memex_web/templates/user_confirmation/new.html.heex:31
+#: lib/memex_web/templates/user_confirmation/new.html.heex:32
 #: lib/memex_web/templates/user_registration/new.html.heex:44
 #: lib/memex_web/templates/user_reset_password/edit.html.heex:45
-#: lib/memex_web/templates/user_reset_password/new.html.heex:31
+#: lib/memex_web/templates/user_reset_password/new.html.heex:32
 #: lib/memex_web/templates/user_session/new.html.heex:3
 #: lib/memex_web/templates/user_session/new.html.heex:28
 #, elixir-autogen, elixir-format
 msgid "log in"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:59
+#: lib/memex_web/live/context_live/index.html.heex:61
 #, elixir-autogen, elixir-format
 msgid "new context"
 msgstr ""
 
-#: lib/memex_web/live/note_live/index.html.heex:59
+#: lib/memex_web/live/note_live/index.html.heex:61
 #, elixir-autogen, elixir-format
 msgid "new note"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/index.html.heex:59
+#: lib/memex_web/live/pipeline_live/index.html.heex:63
 #, elixir-autogen, elixir-format
 msgid "new pipeline"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:113
+#: lib/memex_web/components/core_components/topbar.html.heex:100
-#: lib/memex_web/templates/user_confirmation/new.html.heex:28
+#: lib/memex_web/templates/user_confirmation/new.html.heex:29
 #: lib/memex_web/templates/user_registration/new.html.heex:3
 #: lib/memex_web/templates/user_registration/new.html.heex:37
 #: lib/memex_web/templates/user_reset_password/edit.html.heex:42
-#: lib/memex_web/templates/user_reset_password/new.html.heex:28
+#: lib/memex_web/templates/user_reset_password/new.html.heex:29
 #: lib/memex_web/templates/user_session/new.html.heex:39
 #, elixir-autogen, elixir-format
 msgid "register"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:40
+#: lib/memex_web/live/context_live/form_component.html.heex:44
-#: lib/memex_web/live/note_live/form_component.html.heex:40
+#: lib/memex_web/live/invite_live/form_component.html.heex:32
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
+#: lib/memex_web/live/note_live/form_component.html.heex:44
-#: lib/memex_web/live/step_live/form_component.html.heex:28
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:44
+#: lib/memex_web/live/step_live/form_component.html.heex:30
 #, elixir-autogen, elixir-format
 msgid "save"
 msgstr ""
 
-#: lib/memex_web/live/context_live/show.html.heex:24
+#: lib/memex_web/live/pipeline_live/show.html.heex:132
-#: lib/memex_web/live/note_live/show.html.heex:24
-#: lib/memex_web/live/pipeline_live/show.html.heex:32
-#, elixir-autogen, elixir-format
-msgid "back"
-msgstr ""
-
-#: lib/memex_web/live/pipeline_live/show.html.heex:134
 #, elixir-autogen, elixir-format
 msgid "add step"
 msgstr ""
@@ -146,7 +135,7 @@ msgstr ""
 msgid "forgot your password?"
 msgstr ""
 
-#: lib/memex_web/templates/user_reset_password/new.html.heex:15
+#: lib/memex_web/templates/user_reset_password/new.html.heex:16
 #, elixir-autogen, elixir-format, fuzzy
 msgid "send instructions to reset password"
 msgstr ""
@@ -156,7 +145,75 @@ msgstr ""
 msgid "export data as json"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:25
+#: lib/memex_web/live/invite_live/index.html.heex:33
 #, elixir-autogen, elixir-format
 msgid "copy"
 msgstr ""
+
+#: lib/memex_web/live/invite_live/index.html.heex:30
+#, elixir-autogen, elixir-format
+msgid "copy invite link for %{invite_name}"
+msgstr ""
+
+#: lib/memex_web/live/context_live/index.html.heex:48
+#: lib/memex_web/live/context_live/show.html.heex:36
+#, elixir-autogen, elixir-format
+msgid "delete %{context_slug}"
+msgstr ""
+
+#: lib/memex_web/live/note_live/index.html.heex:48
+#: lib/memex_web/live/note_live/show.html.heex:36
+#, elixir-autogen, elixir-format
+msgid "delete %{note_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/index.html.heex:49
+#: lib/memex_web/live/pipeline_live/show.html.heex:44
+#, elixir-autogen, elixir-format
+msgid "delete %{pipeline_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:115
+#, elixir-autogen, elixir-format
+msgid "delete %{step_title}"
+msgstr ""
+
+#: lib/memex_web/live/invite_live/index.html.heex:58
+#, elixir-autogen, elixir-format
+msgid "delete invite for %{invite_name}"
+msgstr ""
+
+#: lib/memex_web/live/context_live/index.html.heex:38
+#, elixir-autogen, elixir-format
+msgid "edit %{context_slug}"
+msgstr ""
+
+#: lib/memex_web/live/note_live/index.html.heex:38
+#, elixir-autogen, elixir-format
+msgid "edit %{note_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/index.html.heex:38
+#, elixir-autogen, elixir-format
+msgid "edit %{pipeline_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:104
+#, elixir-autogen, elixir-format
+msgid "edit %{step_title}"
+msgstr ""
+
+#: lib/memex_web/live/invite_live/index.html.heex:41
+#, elixir-autogen, elixir-format
+msgid "edit invite for %{invite_name}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:94
+#, elixir-autogen, elixir-format
+msgid "move %{step_title} down"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:78
+#, elixir-autogen, elixir-format
+msgid "move %{step_title} up"
+msgstr ""

priv/gettext/de/LC_MESSAGES/default.po

@@ -55,12 +55,13 @@ msgstr ""
 msgid "confirm new password"
 msgstr ""
 
-#: lib/memex_web/live/note_live/form_component.html.heex:23
+#: lib/memex_web/live/note_live/form_component.html.heex:24
+#: lib/memex_web/live/note_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "content"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:52
+#: lib/memex_web/components/core_components/topbar.html.heex:37
 #: lib/memex_web/live/context_live/index.ex:35
 #: lib/memex_web/live/context_live/index.ex:43
 #: lib/memex_web/live/context_live/index.html.heex:3
@@ -84,7 +85,7 @@ msgstr ""
 msgid "current password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:58
+#: lib/memex_web/live/invite_live/index.html.heex:70
 #, elixir-autogen, elixir-format
 msgid "disable"
 msgstr ""
@@ -99,25 +100,25 @@ msgstr ""
 msgid "document your processes, attaching contexts to each step"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:34
+#: lib/memex_web/live/invite_live/index.ex:23
 #, elixir-autogen, elixir-format
 msgid "edit invite"
 msgstr ""
 
 #: lib/memex_web/templates/user_registration/new.html.heex:20
-#: lib/memex_web/templates/user_reset_password/new.html.heex:12
+#: lib/memex_web/templates/user_reset_password/new.html.heex:13
 #: lib/memex_web/templates/user_session/new.html.heex:17
 #: lib/memex_web/templates/user_settings/edit.html.heex:27
 #, elixir-autogen, elixir-format
 msgid "email"
 msgstr ""
 
-#: lib/memex_web/components/user_card.ex:34
+#: lib/memex_web/components/core_components/user_card.html.heex:21
 #, elixir-autogen, elixir-format
 msgid "email unconfirmed"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:58
+#: lib/memex_web/live/invite_live/index.html.heex:70
 #, elixir-autogen, elixir-format
 msgid "enable"
 msgstr ""
@@ -143,7 +144,7 @@ msgstr ""
 msgid "instance information"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:43
+#: lib/memex_web/components/core_components/invite_card.html.heex:22
 #, elixir-autogen, elixir-format
 msgid "invite disabled"
 msgstr ""
@@ -153,8 +154,8 @@ msgstr ""
 msgid "invite only"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:73
+#: lib/memex_web/components/core_components/topbar.html.heex:58
-#: lib/memex_web/live/invite_live/index.ex:42
+#: lib/memex_web/live/invite_live/index.ex:31
 #: lib/memex_web/live/invite_live/index.html.heex:3
 #, elixir-autogen, elixir-format
 msgid "invites"
@@ -170,7 +171,7 @@ msgstr ""
 msgid "multi-user:"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:38
+#: lib/memex_web/live/invite_live/index.ex:27
 #, elixir-autogen, elixir-format
 msgid "new invite"
 msgstr ""
@@ -186,12 +187,12 @@ msgstr ""
 msgid "no invites 😔"
 msgstr ""
 
-#: lib/memex_web/live/note_live/index.html.heex:23
+#: lib/memex_web/live/note_live/index.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "no notes found"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:43
+#: lib/memex_web/components/core_components/topbar.html.heex:28
 #: lib/memex_web/live/note_live/index.ex:35
 #: lib/memex_web/live/note_live/index.ex:43
 #: lib/memex_web/live/note_live/index.html.heex:3
@@ -204,7 +205,7 @@ msgstr ""
 msgid "notes:"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:61
+#: lib/memex_web/components/core_components/topbar.html.heex:46
 #: lib/memex_web/live/pipeline_live/index.ex:35
 #: lib/memex_web/live/pipeline_live/index.ex:43
 #: lib/memex_web/live/pipeline_live/index.html.heex:3
@@ -252,22 +253,25 @@ msgstr ""
 msgid "report bugs or request features"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:41
+#: lib/memex_web/live/context_live/form_component.html.heex:45
-#: lib/memex_web/live/note_live/form_component.html.heex:41
+#: lib/memex_web/live/note_live/form_component.html.heex:45
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:41
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:45
-#: lib/memex_web/live/step_live/form_component.html.heex:29
+#: lib/memex_web/live/step_live/form_component.html.heex:31
 #, elixir-autogen, elixir-format
 msgid "saving..."
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:37
+#: lib/memex_web/live/context_live/form_component.html.heex:40
-#: lib/memex_web/live/note_live/form_component.html.heex:37
+#: lib/memex_web/live/context_live/form_component.html.heex:41
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:37
+#: lib/memex_web/live/note_live/form_component.html.heex:40
+#: lib/memex_web/live/note_live/form_component.html.heex:41
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:41
 #, elixir-autogen, elixir-format
 msgid "select privacy"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:73
+#: lib/memex_web/live/invite_live/index.html.heex:85
 #, elixir-autogen, elixir-format
 msgid "set unlimited"
 msgstr ""
@@ -278,9 +282,12 @@ msgstr ""
 msgid "settings"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:30
+#: lib/memex_web/live/context_live/form_component.html.heex:32
-#: lib/memex_web/live/note_live/form_component.html.heex:30
+#: lib/memex_web/live/context_live/form_component.html.heex:33
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:30
+#: lib/memex_web/live/note_live/form_component.html.heex:32
+#: lib/memex_web/live/note_live/form_component.html.heex:33
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:32
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:33
 #, elixir-autogen, elixir-format
 msgid "tag1,tag2"
 msgstr ""
@@ -292,7 +299,7 @@ msgstr ""
 msgid "tags"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:118
+#: lib/memex_web/live/invite_live/index.html.heex:130
 #, elixir-autogen, elixir-format
 msgid "users"
 msgstr ""
@@ -319,9 +326,9 @@ msgstr ""
 msgid "new note"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:17
+#: lib/memex_web/live/context_live/index.html.heex:19
-#: lib/memex_web/live/note_live/index.html.heex:17
+#: lib/memex_web/live/note_live/index.html.heex:19
-#: lib/memex_web/live/pipeline_live/index.html.heex:17
+#: lib/memex_web/live/pipeline_live/index.html.heex:19
 #, elixir-autogen, elixir-format
 msgid "search"
 msgstr ""
@@ -331,13 +338,14 @@ msgstr ""
 msgid "new context"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:23
+#: lib/memex_web/live/context_live/index.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "no contexts found"
 msgstr ""
 
 #: lib/memex_web/components/pipelines_table_component.ex:48
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:23
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:24
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "description"
 msgstr ""
@@ -347,41 +355,41 @@ msgstr ""
 msgid "new pipeline"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/index.html.heex:23
+#: lib/memex_web/live/pipeline_live/index.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "no pipelines found"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.ex:61
+#: lib/memex_web/live/context_live/form_component.ex:68
-#: lib/memex_web/live/note_live/form_component.ex:60
+#: lib/memex_web/live/note_live/form_component.ex:67
-#: lib/memex_web/live/pipeline_live/form_component.ex:65
+#: lib/memex_web/live/pipeline_live/form_component.ex:72
 #, elixir-autogen, elixir-format
 msgid "%{slug} created"
 msgstr ""
 
 #: lib/memex_web/live/context_live/index.ex:57
-#: lib/memex_web/live/context_live/show.ex:41
+#: lib/memex_web/live/context_live/show.ex:40
 #: lib/memex_web/live/note_live/index.ex:57
-#: lib/memex_web/live/note_live/show.ex:41
+#: lib/memex_web/live/note_live/show.ex:40
 #: lib/memex_web/live/pipeline_live/index.ex:57
-#: lib/memex_web/live/pipeline_live/show.ex:77
+#: lib/memex_web/live/pipeline_live/show.ex:75
 #, elixir-autogen, elixir-format
 msgid "%{slug} deleted"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.ex:44
+#: lib/memex_web/live/context_live/form_component.ex:49
-#: lib/memex_web/live/note_live/form_component.ex:43
+#: lib/memex_web/live/note_live/form_component.ex:48
-#: lib/memex_web/live/pipeline_live/form_component.ex:48
+#: lib/memex_web/live/pipeline_live/form_component.ex:53
 #, elixir-autogen, elixir-format
 msgid "%{slug} saved"
 msgstr ""
 
 #: lib/memex_web/live/context_live/index.ex:23
-#: lib/memex_web/live/context_live/show.ex:48
+#: lib/memex_web/live/context_live/show.ex:47
 #: lib/memex_web/live/note_live/index.ex:23
-#: lib/memex_web/live/note_live/show.ex:48
+#: lib/memex_web/live/note_live/show.ex:47
 #: lib/memex_web/live/pipeline_live/index.ex:23
-#: lib/memex_web/live/pipeline_live/show.ex:125
+#: lib/memex_web/live/pipeline_live/show.ex:121
 #, elixir-autogen, elixir-format
 msgid "edit %{slug}"
 msgstr ""
@@ -390,15 +398,18 @@ msgstr ""
 #: lib/memex_web/components/notes_table_component.ex:47
 #: lib/memex_web/components/pipelines_table_component.ex:47
 #: lib/memex_web/live/context_live/form_component.html.heex:14
+#: lib/memex_web/live/context_live/form_component.html.heex:15
 #: lib/memex_web/live/note_live/form_component.html.heex:14
+#: lib/memex_web/live/note_live/form_component.html.heex:15
 #: lib/memex_web/live/pipeline_live/form_component.html.heex:14
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "slug"
 msgstr ""
 
-#: lib/memex_web/live/context_live/show.ex:19
+#: lib/memex_web/live/context_live/show.ex:18
-#: lib/memex_web/live/note_live/show.ex:19
+#: lib/memex_web/live/note_live/show.ex:18
-#: lib/memex_web/live/pipeline_live/show.ex:20
+#: lib/memex_web/live/pipeline_live/show.ex:18
 #, elixir-autogen, elixir-format
 msgid "%{slug} could not be found"
 msgstr ""
@@ -408,7 +419,8 @@ msgstr ""
 msgid "home"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:23
+#: lib/memex_web/live/context_live/form_component.html.heex:24
+#: lib/memex_web/live/context_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "use [[note-slug]] to link to a note"
 msgstr ""
@@ -419,12 +431,12 @@ msgstr ""
 msgid "faq"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:23
+#: lib/memex_web/components/core_components/topbar.html.heex:8
 #: lib/memex_web/live/home_live.html.heex:3
 #: lib/memex_web/templates/error/error.html.heex:8
 #: lib/memex_web/templates/layout/root.html.heex:8
 #: lib/memex_web/templates/layout/root.html.heex:9
-#: lib/memex_web/views/layout_view.ex:15
+#: lib/memex_web/views/layout_view.ex:14
 #, elixir-autogen, elixir-format
 msgid "memEx"
 msgstr ""
@@ -434,47 +446,49 @@ msgstr ""
 msgid "what is this?"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:67
+#: lib/memex_web/live/pipeline_live/show.html.heex:64
 #, elixir-autogen, elixir-format
 msgid "%{position}. %{title}"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.ex:67
+#: lib/memex_web/live/step_live/form_component.ex:74
 #, elixir-autogen, elixir-format
 msgid "%{title} created"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.ex:96
+#: lib/memex_web/live/pipeline_live/show.ex:93
 #, elixir-autogen, elixir-format
 msgid "%{title} deleted"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.ex:43
+#: lib/memex_web/live/step_live/form_component.ex:48
 #, elixir-autogen, elixir-format
 msgid "%{title} saved"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.ex:127
+#: lib/memex_web/live/pipeline_live/show.ex:123
 #, elixir-autogen, elixir-format
 msgid "add step to %{slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:61
+#: lib/memex_web/live/pipeline_live/show.html.heex:58
 #, elixir-autogen, elixir-format
 msgid "no steps"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:56
+#: lib/memex_web/live/pipeline_live/show.html.heex:53
 #, elixir-autogen, elixir-format
 msgid "steps:"
 msgstr ""
 
 #: lib/memex_web/live/step_live/form_component.html.heex:14
+#: lib/memex_web/live/step_live/form_component.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "title"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.html.heex:23
+#: lib/memex_web/live/step_live/form_component.html.heex:24
+#: lib/memex_web/live/step_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "use [[context-slug]] to link to a context"
 msgstr ""
@@ -569,7 +583,7 @@ msgstr ""
 msgid "zettelkasten"
 msgstr ""
 
-#: lib/memex_web/views/layout_view.ex:11
+#: lib/memex_web/views/layout_view.ex:10
 #, elixir-autogen, elixir-format
 msgid "memEx | %{title}"
 msgstr ""
@@ -604,17 +618,17 @@ msgstr ""
 msgid "language"
 msgstr ""
 
-#: lib/memex_web/components/user_card.ex:28
+#: lib/memex_web/components/core_components/user_card.html.heex:15
 #, elixir-autogen, elixir-format, fuzzy
 msgid "user confirmed on%{confirmed_datetime}"
 msgstr ""
 
-#: lib/memex_web/components/user_card.ex:39
+#: lib/memex_web/components/core_components/user_card.html.heex:26
 #, elixir-autogen, elixir-format, fuzzy
 msgid "user registered on%{registered_datetime}"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:38
+#: lib/memex_web/components/core_components/invite_card.html.heex:17
 #, elixir-autogen, elixir-format
 msgid "uses left: unlimited"
 msgstr ""
@@ -624,12 +638,12 @@ msgstr ""
 msgid "read more on how to use memEx"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:33
+#: lib/memex_web/components/core_components/invite_card.html.heex:12
 #, elixir-autogen, elixir-format, fuzzy
 msgid "uses left: %{uses_left_count}"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:53
+#: lib/memex_web/components/core_components/invite_card.html.heex:32
 #, elixir-autogen, elixir-format
 msgid "uses: %{uses_count}"
 msgstr ""
@@ -639,17 +653,12 @@ msgstr ""
 msgid "get involved"
 msgstr ""
 
-#: lib/memex_web/templates/user_confirmation/new.html.heex:12
+#: lib/memex_web/templates/user_confirmation/new.html.heex:13
 #, elixir-autogen, elixir-format, fuzzy
 msgid "Email"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:29
+#: lib/memex_web/live/invite_live/index.html.heex:102
-#, elixir-autogen, elixir-format
-msgid "Leave \"Uses left\" blank to make invite unlimited"
-msgstr ""
-
-#: lib/memex_web/live/invite_live/index.html.heex:90
 #, elixir-autogen, elixir-format, fuzzy
 msgid "admins"
 msgstr ""
@@ -674,3 +683,31 @@ msgstr ""
 #, elixir-autogen, elixir-format, fuzzy
 msgid "uses left"
 msgstr ""
+
+#: lib/memex_web/live/invite_live/form_component.html.heex:29
+#, elixir-autogen, elixir-format, fuzzy
+msgid "leave \"uses left\" blank to make invite unlimited"
+msgstr ""
+
+#: lib/memex_web/components/contexts_table_component.ex:43
+#: lib/memex_web/components/notes_table_component.ex:43
+#: lib/memex_web/components/pipelines_table_component.ex:43
+#, elixir-autogen, elixir-format
+msgid "actions"
+msgstr ""
+
+#: lib/memex_web/components/core_components/modal.html.heex:9
+#: lib/memex_web/components/core_components/modal.html.heex:34
+#, elixir-autogen, elixir-format
+msgid "close modal"
+msgstr ""
+
+#: lib/memex_web/components/core_components/topbar.html.heex:89
+#, elixir-autogen, elixir-format
+msgid "live dashboard"
+msgstr ""
+
+#: lib/memex_web/components/core_components/topbar.html.heex:75
+#, elixir-autogen, elixir-format
+msgid "log out"
+msgstr ""

priv/gettext/de/LC_MESSAGES/errors.po

@@ -73,39 +73,39 @@ msgstr ""
 msgid "must have the @ sign and no spaces"
 msgstr ""
 
-#: lib/memex/contexts/context.ex:58
+#: lib/memex/contexts/context.ex:57
-#: lib/memex/contexts/context.ex:71
+#: lib/memex/contexts/context.ex:70
-#: lib/memex/notes/note.ex:57
+#: lib/memex/notes/note.ex:56
-#: lib/memex/notes/note.ex:70
+#: lib/memex/notes/note.ex:69
-#: lib/memex/pipelines/pipeline.ex:60
+#: lib/memex/pipelines/pipeline.ex:59
-#: lib/memex/pipelines/pipeline.ex:73
+#: lib/memex/pipelines/pipeline.ex:72
 #, elixir-autogen, elixir-format
 msgid "invalid format: only numbers, letters and hyphen are accepted"
 msgstr ""
 
-#: lib/memex_web/templates/error/error.html.heex:28
+#: lib/memex_web/templates/error/error.html.heex:31
 #, elixir-autogen, elixir-format
 msgid "go back home"
 msgstr ""
 
-#: lib/memex_web/views/error_view.ex:11
+#: lib/memex_web/views/error_view.ex:10
 #, elixir-autogen, elixir-format
 msgid "internal server error"
 msgstr ""
 
-#: lib/memex_web/views/error_view.ex:9
+#: lib/memex_web/views/error_view.ex:8
 #, elixir-autogen, elixir-format
 msgid "not found"
 msgstr ""
 
-#: lib/memex_web/views/error_view.ex:10
+#: lib/memex_web/views/error_view.ex:9
 #, elixir-autogen, elixir-format
 msgid "unauthorized"
 msgstr ""
 
-#: lib/memex/contexts/context.ex:84
+#: lib/memex/contexts/context.ex:83
-#: lib/memex/notes/note.ex:83
+#: lib/memex/notes/note.ex:82
-#: lib/memex/pipelines/pipeline.ex:86
+#: lib/memex/pipelines/pipeline.ex:85
 #, elixir-autogen, elixir-format, fuzzy
 msgid "invalid format: only numbers, letters and hyphen are accepted. tags must be comma-delimited"
 msgstr ""
@@ -122,11 +122,6 @@ msgstr ""
 msgid "sorry, this invite was not found or expired"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:19
-#, elixir-autogen, elixir-format, fuzzy
-msgid "you are not authorized to view this page"
-msgstr ""
-
 #: lib/memex_web/controllers/user_settings_controller.ex:84
 #, elixir-autogen, elixir-format, fuzzy
 msgid "email change link is invalid or it has expired."

priv/gettext/de/LC_MESSAGES/prompts.po

@@ -15,27 +15,27 @@ msgstr ""
 msgid "%{email} confirmed successfully."
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:54
+#: lib/memex_web/live/invite_live/index.ex:43
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} deleted succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:115
+#: lib/memex_web/live/invite_live/index.ex:104
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} disabled succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:91
+#: lib/memex_web/live/invite_live/index.ex:80
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} enabled succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:69
+#: lib/memex_web/live/invite_live/index.ex:58
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} updated succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:140
+#: lib/memex_web/live/invite_live/index.ex:126
 #, elixir-autogen, elixir-format
 msgid "%{user_email} deleted succesfully"
 msgstr ""
@@ -55,17 +55,12 @@ msgstr ""
 msgid "Password reset successfully."
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:34
-#, elixir-autogen, elixir-format
-msgid "Saving..."
-msgstr ""
-
 #: lib/memex_web/templates/user_settings/edit.html.heex:130
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to change your language?"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:43
+#: lib/memex_web/live/invite_live/index.html.heex:53
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to delete the invite for %{invite_name}?"
 msgstr ""
@@ -75,23 +70,23 @@ msgstr ""
 msgid "are you sure you want to delete your account?"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:89
+#: lib/memex_web/components/core_components/topbar.html.heex:74
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to log out?"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:68
+#: lib/memex_web/live/invite_live/index.html.heex:80
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to make %{invite_name} unlimited?"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:45
+#: lib/memex_web/live/context_live/index.html.heex:47
-#: lib/memex_web/live/context_live/show.html.heex:38
+#: lib/memex_web/live/context_live/show.html.heex:35
-#: lib/memex_web/live/note_live/index.html.heex:45
+#: lib/memex_web/live/note_live/index.html.heex:47
-#: lib/memex_web/live/note_live/show.html.heex:38
+#: lib/memex_web/live/note_live/show.html.heex:35
-#: lib/memex_web/live/pipeline_live/index.html.heex:45
+#: lib/memex_web/live/pipeline_live/index.html.heex:47
-#: lib/memex_web/live/pipeline_live/show.html.heex:46
+#: lib/memex_web/live/pipeline_live/show.html.heex:43
-#: lib/memex_web/live/pipeline_live/show.html.heex:115
+#: lib/memex_web/live/pipeline_live/show.html.heex:114
 #, elixir-autogen, elixir-format
 msgid "are you sure?"
 msgstr ""
@@ -111,17 +106,17 @@ msgstr ""
 msgid "register to setup memEx"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.ex:80
+#: lib/memex_web/live/invite_live/form_component.ex:81
 #, elixir-autogen, elixir-format, fuzzy
 msgid "%{name} created successfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.ex:62
+#: lib/memex_web/live/invite_live/form_component.ex:63
 #, elixir-autogen, elixir-format, fuzzy
 msgid "%{name} updated successfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:128
+#: lib/memex_web/live/invite_live/index.ex:116
 #, elixir-autogen, elixir-format, fuzzy
 msgid "copied to clipboard"
 msgstr ""
@@ -151,8 +146,13 @@ msgstr ""
 msgid "your account has been deleted"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:101
+#: lib/memex_web/live/invite_live/index.html.heex:113
-#: lib/memex_web/live/invite_live/index.html.heex:129
+#: lib/memex_web/live/invite_live/index.html.heex:141
 #, elixir-autogen, elixir-format, fuzzy
 msgid "are you sure you want to delete %{email}? this action is permanent!"
 msgstr ""
+
+#: lib/memex_web/live/invite_live/form_component.html.heex:34
+#, elixir-autogen, elixir-format, fuzzy
+msgid "saving..."
+msgstr ""

priv/gettext/default.pot

@@ -53,12 +53,13 @@ msgstr ""
 msgid "confirm new password"
 msgstr ""
 
-#: lib/memex_web/live/note_live/form_component.html.heex:23
+#: lib/memex_web/live/note_live/form_component.html.heex:24
+#: lib/memex_web/live/note_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "content"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:52
+#: lib/memex_web/components/core_components/topbar.html.heex:37
 #: lib/memex_web/live/context_live/index.ex:35
 #: lib/memex_web/live/context_live/index.ex:43
 #: lib/memex_web/live/context_live/index.html.heex:3
@@ -82,7 +83,7 @@ msgstr ""
 msgid "current password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:58
+#: lib/memex_web/live/invite_live/index.html.heex:70
 #, elixir-autogen, elixir-format
 msgid "disable"
 msgstr ""
@@ -97,25 +98,25 @@ msgstr ""
 msgid "document your processes, attaching contexts to each step"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:34
+#: lib/memex_web/live/invite_live/index.ex:23
 #, elixir-autogen, elixir-format
 msgid "edit invite"
 msgstr ""
 
 #: lib/memex_web/templates/user_registration/new.html.heex:20
-#: lib/memex_web/templates/user_reset_password/new.html.heex:12
+#: lib/memex_web/templates/user_reset_password/new.html.heex:13
 #: lib/memex_web/templates/user_session/new.html.heex:17
 #: lib/memex_web/templates/user_settings/edit.html.heex:27
 #, elixir-autogen, elixir-format
 msgid "email"
 msgstr ""
 
-#: lib/memex_web/components/user_card.ex:34
+#: lib/memex_web/components/core_components/user_card.html.heex:21
 #, elixir-autogen, elixir-format
 msgid "email unconfirmed"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:58
+#: lib/memex_web/live/invite_live/index.html.heex:70
 #, elixir-autogen, elixir-format
 msgid "enable"
 msgstr ""
@@ -141,7 +142,7 @@ msgstr ""
 msgid "instance information"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:43
+#: lib/memex_web/components/core_components/invite_card.html.heex:22
 #, elixir-autogen, elixir-format
 msgid "invite disabled"
 msgstr ""
@@ -151,8 +152,8 @@ msgstr ""
 msgid "invite only"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:73
+#: lib/memex_web/components/core_components/topbar.html.heex:58
-#: lib/memex_web/live/invite_live/index.ex:42
+#: lib/memex_web/live/invite_live/index.ex:31
 #: lib/memex_web/live/invite_live/index.html.heex:3
 #, elixir-autogen, elixir-format
 msgid "invites"
@@ -168,7 +169,7 @@ msgstr ""
 msgid "multi-user:"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:38
+#: lib/memex_web/live/invite_live/index.ex:27
 #, elixir-autogen, elixir-format
 msgid "new invite"
 msgstr ""
@@ -184,12 +185,12 @@ msgstr ""
 msgid "no invites 😔"
 msgstr ""
 
-#: lib/memex_web/live/note_live/index.html.heex:23
+#: lib/memex_web/live/note_live/index.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "no notes found"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:43
+#: lib/memex_web/components/core_components/topbar.html.heex:28
 #: lib/memex_web/live/note_live/index.ex:35
 #: lib/memex_web/live/note_live/index.ex:43
 #: lib/memex_web/live/note_live/index.html.heex:3
@@ -202,7 +203,7 @@ msgstr ""
 msgid "notes:"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:61
+#: lib/memex_web/components/core_components/topbar.html.heex:46
 #: lib/memex_web/live/pipeline_live/index.ex:35
 #: lib/memex_web/live/pipeline_live/index.ex:43
 #: lib/memex_web/live/pipeline_live/index.html.heex:3
@@ -250,22 +251,25 @@ msgstr ""
 msgid "report bugs or request features"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:41
+#: lib/memex_web/live/context_live/form_component.html.heex:45
-#: lib/memex_web/live/note_live/form_component.html.heex:41
+#: lib/memex_web/live/note_live/form_component.html.heex:45
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:41
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:45
-#: lib/memex_web/live/step_live/form_component.html.heex:29
+#: lib/memex_web/live/step_live/form_component.html.heex:31
 #, elixir-autogen, elixir-format
 msgid "saving..."
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:37
+#: lib/memex_web/live/context_live/form_component.html.heex:40
-#: lib/memex_web/live/note_live/form_component.html.heex:37
+#: lib/memex_web/live/context_live/form_component.html.heex:41
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:37
+#: lib/memex_web/live/note_live/form_component.html.heex:40
+#: lib/memex_web/live/note_live/form_component.html.heex:41
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:41
 #, elixir-autogen, elixir-format
 msgid "select privacy"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:73
+#: lib/memex_web/live/invite_live/index.html.heex:85
 #, elixir-autogen, elixir-format
 msgid "set unlimited"
 msgstr ""
@@ -276,9 +280,12 @@ msgstr ""
 msgid "settings"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:30
+#: lib/memex_web/live/context_live/form_component.html.heex:32
-#: lib/memex_web/live/note_live/form_component.html.heex:30
+#: lib/memex_web/live/context_live/form_component.html.heex:33
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:30
+#: lib/memex_web/live/note_live/form_component.html.heex:32
+#: lib/memex_web/live/note_live/form_component.html.heex:33
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:32
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:33
 #, elixir-autogen, elixir-format
 msgid "tag1,tag2"
 msgstr ""
@@ -290,7 +297,7 @@ msgstr ""
 msgid "tags"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:118
+#: lib/memex_web/live/invite_live/index.html.heex:130
 #, elixir-autogen, elixir-format
 msgid "users"
 msgstr ""
@@ -317,9 +324,9 @@ msgstr ""
 msgid "new note"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:17
+#: lib/memex_web/live/context_live/index.html.heex:19
-#: lib/memex_web/live/note_live/index.html.heex:17
+#: lib/memex_web/live/note_live/index.html.heex:19
-#: lib/memex_web/live/pipeline_live/index.html.heex:17
+#: lib/memex_web/live/pipeline_live/index.html.heex:19
 #, elixir-autogen, elixir-format
 msgid "search"
 msgstr ""
@@ -329,13 +336,14 @@ msgstr ""
 msgid "new context"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:23
+#: lib/memex_web/live/context_live/index.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "no contexts found"
 msgstr ""
 
 #: lib/memex_web/components/pipelines_table_component.ex:48
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:23
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:24
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "description"
 msgstr ""
@@ -345,41 +353,41 @@ msgstr ""
 msgid "new pipeline"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/index.html.heex:23
+#: lib/memex_web/live/pipeline_live/index.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "no pipelines found"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.ex:61
+#: lib/memex_web/live/context_live/form_component.ex:68
-#: lib/memex_web/live/note_live/form_component.ex:60
+#: lib/memex_web/live/note_live/form_component.ex:67
-#: lib/memex_web/live/pipeline_live/form_component.ex:65
+#: lib/memex_web/live/pipeline_live/form_component.ex:72
 #, elixir-autogen, elixir-format
 msgid "%{slug} created"
 msgstr ""
 
 #: lib/memex_web/live/context_live/index.ex:57
-#: lib/memex_web/live/context_live/show.ex:41
+#: lib/memex_web/live/context_live/show.ex:40
 #: lib/memex_web/live/note_live/index.ex:57
-#: lib/memex_web/live/note_live/show.ex:41
+#: lib/memex_web/live/note_live/show.ex:40
 #: lib/memex_web/live/pipeline_live/index.ex:57
-#: lib/memex_web/live/pipeline_live/show.ex:77
+#: lib/memex_web/live/pipeline_live/show.ex:75
 #, elixir-autogen, elixir-format
 msgid "%{slug} deleted"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.ex:44
+#: lib/memex_web/live/context_live/form_component.ex:49
-#: lib/memex_web/live/note_live/form_component.ex:43
+#: lib/memex_web/live/note_live/form_component.ex:48
-#: lib/memex_web/live/pipeline_live/form_component.ex:48
+#: lib/memex_web/live/pipeline_live/form_component.ex:53
 #, elixir-autogen, elixir-format
 msgid "%{slug} saved"
 msgstr ""
 
 #: lib/memex_web/live/context_live/index.ex:23
-#: lib/memex_web/live/context_live/show.ex:48
+#: lib/memex_web/live/context_live/show.ex:47
 #: lib/memex_web/live/note_live/index.ex:23
-#: lib/memex_web/live/note_live/show.ex:48
+#: lib/memex_web/live/note_live/show.ex:47
 #: lib/memex_web/live/pipeline_live/index.ex:23
-#: lib/memex_web/live/pipeline_live/show.ex:125
+#: lib/memex_web/live/pipeline_live/show.ex:121
 #, elixir-autogen, elixir-format
 msgid "edit %{slug}"
 msgstr ""
@@ -388,15 +396,18 @@ msgstr ""
 #: lib/memex_web/components/notes_table_component.ex:47
 #: lib/memex_web/components/pipelines_table_component.ex:47
 #: lib/memex_web/live/context_live/form_component.html.heex:14
+#: lib/memex_web/live/context_live/form_component.html.heex:15
 #: lib/memex_web/live/note_live/form_component.html.heex:14
+#: lib/memex_web/live/note_live/form_component.html.heex:15
 #: lib/memex_web/live/pipeline_live/form_component.html.heex:14
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "slug"
 msgstr ""
 
-#: lib/memex_web/live/context_live/show.ex:19
+#: lib/memex_web/live/context_live/show.ex:18
-#: lib/memex_web/live/note_live/show.ex:19
+#: lib/memex_web/live/note_live/show.ex:18
-#: lib/memex_web/live/pipeline_live/show.ex:20
+#: lib/memex_web/live/pipeline_live/show.ex:18
 #, elixir-autogen, elixir-format
 msgid "%{slug} could not be found"
 msgstr ""
@@ -406,7 +417,8 @@ msgstr ""
 msgid "home"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:23
+#: lib/memex_web/live/context_live/form_component.html.heex:24
+#: lib/memex_web/live/context_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "use [[note-slug]] to link to a note"
 msgstr ""
@@ -417,12 +429,12 @@ msgstr ""
 msgid "faq"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:23
+#: lib/memex_web/components/core_components/topbar.html.heex:8
 #: lib/memex_web/live/home_live.html.heex:3
 #: lib/memex_web/templates/error/error.html.heex:8
 #: lib/memex_web/templates/layout/root.html.heex:8
 #: lib/memex_web/templates/layout/root.html.heex:9
-#: lib/memex_web/views/layout_view.ex:15
+#: lib/memex_web/views/layout_view.ex:14
 #, elixir-autogen, elixir-format
 msgid "memEx"
 msgstr ""
@@ -432,47 +444,49 @@ msgstr ""
 msgid "what is this?"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:67
+#: lib/memex_web/live/pipeline_live/show.html.heex:64
 #, elixir-autogen, elixir-format
 msgid "%{position}. %{title}"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.ex:67
+#: lib/memex_web/live/step_live/form_component.ex:74
 #, elixir-autogen, elixir-format
 msgid "%{title} created"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.ex:96
+#: lib/memex_web/live/pipeline_live/show.ex:93
 #, elixir-autogen, elixir-format
 msgid "%{title} deleted"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.ex:43
+#: lib/memex_web/live/step_live/form_component.ex:48
 #, elixir-autogen, elixir-format
 msgid "%{title} saved"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.ex:127
+#: lib/memex_web/live/pipeline_live/show.ex:123
 #, elixir-autogen, elixir-format
 msgid "add step to %{slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:61
+#: lib/memex_web/live/pipeline_live/show.html.heex:58
 #, elixir-autogen, elixir-format
 msgid "no steps"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:56
+#: lib/memex_web/live/pipeline_live/show.html.heex:53
 #, elixir-autogen, elixir-format
 msgid "steps:"
 msgstr ""
 
 #: lib/memex_web/live/step_live/form_component.html.heex:14
+#: lib/memex_web/live/step_live/form_component.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "title"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.html.heex:23
+#: lib/memex_web/live/step_live/form_component.html.heex:24
+#: lib/memex_web/live/step_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "use [[context-slug]] to link to a context"
 msgstr ""
@@ -567,7 +581,7 @@ msgstr ""
 msgid "zettelkasten"
 msgstr ""
 
-#: lib/memex_web/views/layout_view.ex:11
+#: lib/memex_web/views/layout_view.ex:10
 #, elixir-autogen, elixir-format
 msgid "memEx | %{title}"
 msgstr ""
@@ -602,17 +616,17 @@ msgstr ""
 msgid "language"
 msgstr ""
 
-#: lib/memex_web/components/user_card.ex:28
+#: lib/memex_web/components/core_components/user_card.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "user confirmed on%{confirmed_datetime}"
 msgstr ""
 
-#: lib/memex_web/components/user_card.ex:39
+#: lib/memex_web/components/core_components/user_card.html.heex:26
 #, elixir-autogen, elixir-format
 msgid "user registered on%{registered_datetime}"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:38
+#: lib/memex_web/components/core_components/invite_card.html.heex:17
 #, elixir-autogen, elixir-format
 msgid "uses left: unlimited"
 msgstr ""
@@ -622,12 +636,12 @@ msgstr ""
 msgid "read more on how to use memEx"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:33
+#: lib/memex_web/components/core_components/invite_card.html.heex:12
 #, elixir-autogen, elixir-format
 msgid "uses left: %{uses_left_count}"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:53
+#: lib/memex_web/components/core_components/invite_card.html.heex:32
 #, elixir-autogen, elixir-format
 msgid "uses: %{uses_count}"
 msgstr ""
@@ -637,17 +651,12 @@ msgstr ""
 msgid "get involved"
 msgstr ""
 
-#: lib/memex_web/templates/user_confirmation/new.html.heex:12
+#: lib/memex_web/templates/user_confirmation/new.html.heex:13
 #, elixir-autogen, elixir-format
 msgid "Email"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:29
+#: lib/memex_web/live/invite_live/index.html.heex:102
-#, elixir-autogen, elixir-format
-msgid "Leave \"Uses left\" blank to make invite unlimited"
-msgstr ""
-
-#: lib/memex_web/live/invite_live/index.html.heex:90
 #, elixir-autogen, elixir-format
 msgid "admins"
 msgstr ""
@@ -672,3 +681,31 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "uses left"
 msgstr ""
+
+#: lib/memex_web/live/invite_live/form_component.html.heex:29
+#, elixir-autogen, elixir-format
+msgid "leave \"uses left\" blank to make invite unlimited"
+msgstr ""
+
+#: lib/memex_web/components/contexts_table_component.ex:43
+#: lib/memex_web/components/notes_table_component.ex:43
+#: lib/memex_web/components/pipelines_table_component.ex:43
+#, elixir-autogen, elixir-format
+msgid "actions"
+msgstr ""
+
+#: lib/memex_web/components/core_components/modal.html.heex:9
+#: lib/memex_web/components/core_components/modal.html.heex:34
+#, elixir-autogen, elixir-format
+msgid "close modal"
+msgstr ""
+
+#: lib/memex_web/components/core_components/topbar.html.heex:89
+#, elixir-autogen, elixir-format
+msgid "live dashboard"
+msgstr ""
+
+#: lib/memex_web/components/core_components/topbar.html.heex:75
+#, elixir-autogen, elixir-format
+msgid "log out"
+msgstr ""

priv/gettext/en/LC_MESSAGES/actions.po

@@ -12,7 +12,7 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
 #: lib/memex_web/templates/user_confirmation/new.html.heex:3
-#: lib/memex_web/templates/user_confirmation/new.html.heex:15
+#: lib/memex_web/templates/user_confirmation/new.html.heex:16
 #, elixir-autogen, elixir-format
 msgid "Resend confirmation instructions"
 msgstr ""
@@ -23,18 +23,13 @@ msgstr ""
 msgid "Reset password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:32
-#, elixir-autogen, elixir-format
-msgid "Save"
-msgstr ""
-
 #: lib/memex_web/templates/user_settings/edit.html.heex:15
 #: lib/memex_web/templates/user_settings/edit.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "change email"
 msgstr ""
 
-#: lib/memex_web/templates/user_settings/edit.html.heex:111
+#: lib/memex_web/templates/user_settings/edit.html.heex:110
 #: lib/memex_web/templates/user_settings/edit.html.heex:128
 #, elixir-autogen, elixir-format
 msgid "change language"
@@ -46,18 +41,18 @@ msgstr ""
 msgid "change password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:82
+#: lib/memex_web/live/invite_live/index.html.heex:94
 #, elixir-autogen, elixir-format
 msgid "create invite"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:48
+#: lib/memex_web/live/context_live/index.html.heex:50
-#: lib/memex_web/live/context_live/show.html.heex:41
+#: lib/memex_web/live/context_live/show.html.heex:38
-#: lib/memex_web/live/note_live/index.html.heex:48
+#: lib/memex_web/live/note_live/index.html.heex:50
-#: lib/memex_web/live/note_live/show.html.heex:41
+#: lib/memex_web/live/note_live/show.html.heex:38
-#: lib/memex_web/live/pipeline_live/index.html.heex:48
+#: lib/memex_web/live/pipeline_live/index.html.heex:52
-#: lib/memex_web/live/pipeline_live/show.html.heex:49
+#: lib/memex_web/live/pipeline_live/show.html.heex:46
-#: lib/memex_web/live/pipeline_live/show.html.heex:118
+#: lib/memex_web/live/pipeline_live/show.html.heex:117
 #, elixir-autogen, elixir-format
 msgid "delete"
 msgstr ""
@@ -67,13 +62,13 @@ msgstr ""
 msgid "delete user"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:38
+#: lib/memex_web/live/context_live/index.html.heex:40
-#: lib/memex_web/live/context_live/show.html.heex:31
+#: lib/memex_web/live/context_live/show.html.heex:28
-#: lib/memex_web/live/note_live/index.html.heex:38
+#: lib/memex_web/live/note_live/index.html.heex:40
-#: lib/memex_web/live/note_live/show.html.heex:31
+#: lib/memex_web/live/note_live/show.html.heex:28
-#: lib/memex_web/live/pipeline_live/index.html.heex:38
+#: lib/memex_web/live/pipeline_live/index.html.heex:40
-#: lib/memex_web/live/pipeline_live/show.html.heex:39
+#: lib/memex_web/live/pipeline_live/show.html.heex:36
-#: lib/memex_web/live/pipeline_live/show.html.heex:107
+#: lib/memex_web/live/pipeline_live/show.html.heex:106
 #, elixir-autogen, elixir-format
 msgid "edit"
 msgstr ""
@@ -83,59 +78,53 @@ msgstr ""
 msgid "invite someone new!"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:122
+#: lib/memex_web/components/core_components/topbar.html.heex:109
-#: lib/memex_web/templates/user_confirmation/new.html.heex:31
+#: lib/memex_web/templates/user_confirmation/new.html.heex:32
 #: lib/memex_web/templates/user_registration/new.html.heex:44
 #: lib/memex_web/templates/user_reset_password/edit.html.heex:45
-#: lib/memex_web/templates/user_reset_password/new.html.heex:31
+#: lib/memex_web/templates/user_reset_password/new.html.heex:32
 #: lib/memex_web/templates/user_session/new.html.heex:3
 #: lib/memex_web/templates/user_session/new.html.heex:28
 #, elixir-autogen, elixir-format
 msgid "log in"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:59
+#: lib/memex_web/live/context_live/index.html.heex:61
 #, elixir-autogen, elixir-format
 msgid "new context"
 msgstr ""
 
-#: lib/memex_web/live/note_live/index.html.heex:59
+#: lib/memex_web/live/note_live/index.html.heex:61
 #, elixir-autogen, elixir-format
 msgid "new note"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/index.html.heex:59
+#: lib/memex_web/live/pipeline_live/index.html.heex:63
 #, elixir-autogen, elixir-format
 msgid "new pipeline"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:113
+#: lib/memex_web/components/core_components/topbar.html.heex:100
-#: lib/memex_web/templates/user_confirmation/new.html.heex:28
+#: lib/memex_web/templates/user_confirmation/new.html.heex:29
 #: lib/memex_web/templates/user_registration/new.html.heex:3
 #: lib/memex_web/templates/user_registration/new.html.heex:37
 #: lib/memex_web/templates/user_reset_password/edit.html.heex:42
-#: lib/memex_web/templates/user_reset_password/new.html.heex:28
+#: lib/memex_web/templates/user_reset_password/new.html.heex:29
 #: lib/memex_web/templates/user_session/new.html.heex:39
 #, elixir-autogen, elixir-format
 msgid "register"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:40
+#: lib/memex_web/live/context_live/form_component.html.heex:44
-#: lib/memex_web/live/note_live/form_component.html.heex:40
+#: lib/memex_web/live/invite_live/form_component.html.heex:32
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
+#: lib/memex_web/live/note_live/form_component.html.heex:44
-#: lib/memex_web/live/step_live/form_component.html.heex:28
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:44
+#: lib/memex_web/live/step_live/form_component.html.heex:30
 #, elixir-autogen, elixir-format
 msgid "save"
 msgstr ""
 
-#: lib/memex_web/live/context_live/show.html.heex:24
+#: lib/memex_web/live/pipeline_live/show.html.heex:132
-#: lib/memex_web/live/note_live/show.html.heex:24
-#: lib/memex_web/live/pipeline_live/show.html.heex:32
-#, elixir-autogen, elixir-format
-msgid "back"
-msgstr ""
-
-#: lib/memex_web/live/pipeline_live/show.html.heex:134
 #, elixir-autogen, elixir-format
 msgid "add step"
 msgstr ""
@@ -147,7 +136,7 @@ msgstr ""
 msgid "forgot your password?"
 msgstr ""
 
-#: lib/memex_web/templates/user_reset_password/new.html.heex:15
+#: lib/memex_web/templates/user_reset_password/new.html.heex:16
 #, elixir-autogen, elixir-format
 msgid "send instructions to reset password"
 msgstr ""
@@ -157,7 +146,75 @@ msgstr ""
 msgid "export data as json"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:25
+#: lib/memex_web/live/invite_live/index.html.heex:33
 #, elixir-autogen, elixir-format
 msgid "copy"
 msgstr ""
+
+#: lib/memex_web/live/invite_live/index.html.heex:30
+#, elixir-autogen, elixir-format
+msgid "copy invite link for %{invite_name}"
+msgstr ""
+
+#: lib/memex_web/live/context_live/index.html.heex:48
+#: lib/memex_web/live/context_live/show.html.heex:36
+#, elixir-autogen, elixir-format
+msgid "delete %{context_slug}"
+msgstr ""
+
+#: lib/memex_web/live/note_live/index.html.heex:48
+#: lib/memex_web/live/note_live/show.html.heex:36
+#, elixir-autogen, elixir-format
+msgid "delete %{note_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/index.html.heex:49
+#: lib/memex_web/live/pipeline_live/show.html.heex:44
+#, elixir-autogen, elixir-format
+msgid "delete %{pipeline_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:115
+#, elixir-autogen, elixir-format
+msgid "delete %{step_title}"
+msgstr ""
+
+#: lib/memex_web/live/invite_live/index.html.heex:58
+#, elixir-autogen, elixir-format
+msgid "delete invite for %{invite_name}"
+msgstr ""
+
+#: lib/memex_web/live/context_live/index.html.heex:38
+#, elixir-autogen, elixir-format
+msgid "edit %{context_slug}"
+msgstr ""
+
+#: lib/memex_web/live/note_live/index.html.heex:38
+#, elixir-autogen, elixir-format
+msgid "edit %{note_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/index.html.heex:38
+#, elixir-autogen, elixir-format
+msgid "edit %{pipeline_slug}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:104
+#, elixir-autogen, elixir-format
+msgid "edit %{step_title}"
+msgstr ""
+
+#: lib/memex_web/live/invite_live/index.html.heex:41
+#, elixir-autogen, elixir-format
+msgid "edit invite for %{invite_name}"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:94
+#, elixir-autogen, elixir-format
+msgid "move %{step_title} down"
+msgstr ""
+
+#: lib/memex_web/live/pipeline_live/show.html.heex:78
+#, elixir-autogen, elixir-format
+msgid "move %{step_title} up"
+msgstr ""

priv/gettext/en/LC_MESSAGES/default.po

@@ -54,12 +54,13 @@ msgstr ""
 msgid "confirm new password"
 msgstr ""
 
-#: lib/memex_web/live/note_live/form_component.html.heex:23
+#: lib/memex_web/live/note_live/form_component.html.heex:24
+#: lib/memex_web/live/note_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "content"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:52
+#: lib/memex_web/components/core_components/topbar.html.heex:37
 #: lib/memex_web/live/context_live/index.ex:35
 #: lib/memex_web/live/context_live/index.ex:43
 #: lib/memex_web/live/context_live/index.html.heex:3
@@ -83,7 +84,7 @@ msgstr ""
 msgid "current password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:58
+#: lib/memex_web/live/invite_live/index.html.heex:70
 #, elixir-autogen, elixir-format
 msgid "disable"
 msgstr ""
@@ -98,25 +99,25 @@ msgstr ""
 msgid "document your processes, attaching contexts to each step"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:34
+#: lib/memex_web/live/invite_live/index.ex:23
 #, elixir-autogen, elixir-format
 msgid "edit invite"
 msgstr ""
 
 #: lib/memex_web/templates/user_registration/new.html.heex:20
-#: lib/memex_web/templates/user_reset_password/new.html.heex:12
+#: lib/memex_web/templates/user_reset_password/new.html.heex:13
 #: lib/memex_web/templates/user_session/new.html.heex:17
 #: lib/memex_web/templates/user_settings/edit.html.heex:27
 #, elixir-autogen, elixir-format
 msgid "email"
 msgstr ""
 
-#: lib/memex_web/components/user_card.ex:34
+#: lib/memex_web/components/core_components/user_card.html.heex:21
 #, elixir-autogen, elixir-format
 msgid "email unconfirmed"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:58
+#: lib/memex_web/live/invite_live/index.html.heex:70
 #, elixir-autogen, elixir-format
 msgid "enable"
 msgstr ""
@@ -142,7 +143,7 @@ msgstr ""
 msgid "instance information"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:43
+#: lib/memex_web/components/core_components/invite_card.html.heex:22
 #, elixir-autogen, elixir-format
 msgid "invite disabled"
 msgstr ""
@@ -152,8 +153,8 @@ msgstr ""
 msgid "invite only"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:73
+#: lib/memex_web/components/core_components/topbar.html.heex:58
-#: lib/memex_web/live/invite_live/index.ex:42
+#: lib/memex_web/live/invite_live/index.ex:31
 #: lib/memex_web/live/invite_live/index.html.heex:3
 #, elixir-autogen, elixir-format
 msgid "invites"
@@ -169,7 +170,7 @@ msgstr ""
 msgid "multi-user:"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:38
+#: lib/memex_web/live/invite_live/index.ex:27
 #, elixir-autogen, elixir-format
 msgid "new invite"
 msgstr ""
@@ -185,12 +186,12 @@ msgstr ""
 msgid "no invites 😔"
 msgstr ""
 
-#: lib/memex_web/live/note_live/index.html.heex:23
+#: lib/memex_web/live/note_live/index.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "no notes found"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:43
+#: lib/memex_web/components/core_components/topbar.html.heex:28
 #: lib/memex_web/live/note_live/index.ex:35
 #: lib/memex_web/live/note_live/index.ex:43
 #: lib/memex_web/live/note_live/index.html.heex:3
@@ -203,7 +204,7 @@ msgstr ""
 msgid "notes:"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:61
+#: lib/memex_web/components/core_components/topbar.html.heex:46
 #: lib/memex_web/live/pipeline_live/index.ex:35
 #: lib/memex_web/live/pipeline_live/index.ex:43
 #: lib/memex_web/live/pipeline_live/index.html.heex:3
@@ -251,22 +252,25 @@ msgstr ""
 msgid "report bugs or request features"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:41
+#: lib/memex_web/live/context_live/form_component.html.heex:45
-#: lib/memex_web/live/note_live/form_component.html.heex:41
+#: lib/memex_web/live/note_live/form_component.html.heex:45
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:41
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:45
-#: lib/memex_web/live/step_live/form_component.html.heex:29
+#: lib/memex_web/live/step_live/form_component.html.heex:31
 #, elixir-autogen, elixir-format
 msgid "saving..."
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:37
+#: lib/memex_web/live/context_live/form_component.html.heex:40
-#: lib/memex_web/live/note_live/form_component.html.heex:37
+#: lib/memex_web/live/context_live/form_component.html.heex:41
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:37
+#: lib/memex_web/live/note_live/form_component.html.heex:40
+#: lib/memex_web/live/note_live/form_component.html.heex:41
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:41
 #, elixir-autogen, elixir-format
 msgid "select privacy"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:73
+#: lib/memex_web/live/invite_live/index.html.heex:85
 #, elixir-autogen, elixir-format
 msgid "set unlimited"
 msgstr ""
@@ -277,9 +281,12 @@ msgstr ""
 msgid "settings"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:30
+#: lib/memex_web/live/context_live/form_component.html.heex:32
-#: lib/memex_web/live/note_live/form_component.html.heex:30
+#: lib/memex_web/live/context_live/form_component.html.heex:33
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:30
+#: lib/memex_web/live/note_live/form_component.html.heex:32
+#: lib/memex_web/live/note_live/form_component.html.heex:33
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:32
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:33
 #, elixir-autogen, elixir-format
 msgid "tag1,tag2"
 msgstr ""
@@ -291,7 +298,7 @@ msgstr ""
 msgid "tags"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:118
+#: lib/memex_web/live/invite_live/index.html.heex:130
 #, elixir-autogen, elixir-format
 msgid "users"
 msgstr ""
@@ -318,9 +325,9 @@ msgstr ""
 msgid "new note"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:17
+#: lib/memex_web/live/context_live/index.html.heex:19
-#: lib/memex_web/live/note_live/index.html.heex:17
+#: lib/memex_web/live/note_live/index.html.heex:19
-#: lib/memex_web/live/pipeline_live/index.html.heex:17
+#: lib/memex_web/live/pipeline_live/index.html.heex:19
 #, elixir-autogen, elixir-format
 msgid "search"
 msgstr ""
@@ -330,13 +337,14 @@ msgstr ""
 msgid "new context"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:23
+#: lib/memex_web/live/context_live/index.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "no contexts found"
 msgstr ""
 
 #: lib/memex_web/components/pipelines_table_component.ex:48
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:23
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:24
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "description"
 msgstr ""
@@ -346,41 +354,41 @@ msgstr ""
 msgid "new pipeline"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/index.html.heex:23
+#: lib/memex_web/live/pipeline_live/index.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "no pipelines found"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.ex:61
+#: lib/memex_web/live/context_live/form_component.ex:68
-#: lib/memex_web/live/note_live/form_component.ex:60
+#: lib/memex_web/live/note_live/form_component.ex:67
-#: lib/memex_web/live/pipeline_live/form_component.ex:65
+#: lib/memex_web/live/pipeline_live/form_component.ex:72
 #, elixir-autogen, elixir-format
 msgid "%{slug} created"
 msgstr ""
 
 #: lib/memex_web/live/context_live/index.ex:57
-#: lib/memex_web/live/context_live/show.ex:41
+#: lib/memex_web/live/context_live/show.ex:40
 #: lib/memex_web/live/note_live/index.ex:57
-#: lib/memex_web/live/note_live/show.ex:41
+#: lib/memex_web/live/note_live/show.ex:40
 #: lib/memex_web/live/pipeline_live/index.ex:57
-#: lib/memex_web/live/pipeline_live/show.ex:77
+#: lib/memex_web/live/pipeline_live/show.ex:75
 #, elixir-autogen, elixir-format
 msgid "%{slug} deleted"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.ex:44
+#: lib/memex_web/live/context_live/form_component.ex:49
-#: lib/memex_web/live/note_live/form_component.ex:43
+#: lib/memex_web/live/note_live/form_component.ex:48
-#: lib/memex_web/live/pipeline_live/form_component.ex:48
+#: lib/memex_web/live/pipeline_live/form_component.ex:53
 #, elixir-autogen, elixir-format
 msgid "%{slug} saved"
 msgstr ""
 
 #: lib/memex_web/live/context_live/index.ex:23
-#: lib/memex_web/live/context_live/show.ex:48
+#: lib/memex_web/live/context_live/show.ex:47
 #: lib/memex_web/live/note_live/index.ex:23
-#: lib/memex_web/live/note_live/show.ex:48
+#: lib/memex_web/live/note_live/show.ex:47
 #: lib/memex_web/live/pipeline_live/index.ex:23
-#: lib/memex_web/live/pipeline_live/show.ex:125
+#: lib/memex_web/live/pipeline_live/show.ex:121
 #, elixir-autogen, elixir-format
 msgid "edit %{slug}"
 msgstr ""
@@ -389,15 +397,18 @@ msgstr ""
 #: lib/memex_web/components/notes_table_component.ex:47
 #: lib/memex_web/components/pipelines_table_component.ex:47
 #: lib/memex_web/live/context_live/form_component.html.heex:14
+#: lib/memex_web/live/context_live/form_component.html.heex:15
 #: lib/memex_web/live/note_live/form_component.html.heex:14
+#: lib/memex_web/live/note_live/form_component.html.heex:15
 #: lib/memex_web/live/pipeline_live/form_component.html.heex:14
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "slug"
 msgstr ""
 
-#: lib/memex_web/live/context_live/show.ex:19
+#: lib/memex_web/live/context_live/show.ex:18
-#: lib/memex_web/live/note_live/show.ex:19
+#: lib/memex_web/live/note_live/show.ex:18
-#: lib/memex_web/live/pipeline_live/show.ex:20
+#: lib/memex_web/live/pipeline_live/show.ex:18
 #, elixir-autogen, elixir-format
 msgid "%{slug} could not be found"
 msgstr ""
@@ -407,7 +418,8 @@ msgstr ""
 msgid "home"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:23
+#: lib/memex_web/live/context_live/form_component.html.heex:24
+#: lib/memex_web/live/context_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "use [[note-slug]] to link to a note"
 msgstr ""
@@ -418,12 +430,12 @@ msgstr ""
 msgid "faq"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:23
+#: lib/memex_web/components/core_components/topbar.html.heex:8
 #: lib/memex_web/live/home_live.html.heex:3
 #: lib/memex_web/templates/error/error.html.heex:8
 #: lib/memex_web/templates/layout/root.html.heex:8
 #: lib/memex_web/templates/layout/root.html.heex:9
-#: lib/memex_web/views/layout_view.ex:15
+#: lib/memex_web/views/layout_view.ex:14
 #, elixir-autogen, elixir-format
 msgid "memEx"
 msgstr ""
@@ -433,47 +445,49 @@ msgstr ""
 msgid "what is this?"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:67
+#: lib/memex_web/live/pipeline_live/show.html.heex:64
 #, elixir-autogen, elixir-format
 msgid "%{position}. %{title}"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.ex:67
+#: lib/memex_web/live/step_live/form_component.ex:74
 #, elixir-autogen, elixir-format
 msgid "%{title} created"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.ex:96
+#: lib/memex_web/live/pipeline_live/show.ex:93
 #, elixir-autogen, elixir-format
 msgid "%{title} deleted"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.ex:43
+#: lib/memex_web/live/step_live/form_component.ex:48
 #, elixir-autogen, elixir-format
 msgid "%{title} saved"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.ex:127
+#: lib/memex_web/live/pipeline_live/show.ex:123
 #, elixir-autogen, elixir-format
 msgid "add step to %{slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:61
+#: lib/memex_web/live/pipeline_live/show.html.heex:58
 #, elixir-autogen, elixir-format
 msgid "no steps"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:56
+#: lib/memex_web/live/pipeline_live/show.html.heex:53
 #, elixir-autogen, elixir-format
 msgid "steps:"
 msgstr ""
 
 #: lib/memex_web/live/step_live/form_component.html.heex:14
+#: lib/memex_web/live/step_live/form_component.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "title"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.html.heex:23
+#: lib/memex_web/live/step_live/form_component.html.heex:24
+#: lib/memex_web/live/step_live/form_component.html.heex:25
 #, elixir-autogen, elixir-format
 msgid "use [[context-slug]] to link to a context"
 msgstr ""
@@ -568,7 +582,7 @@ msgstr ""
 msgid "zettelkasten"
 msgstr ""
 
-#: lib/memex_web/views/layout_view.ex:11
+#: lib/memex_web/views/layout_view.ex:10
 #, elixir-autogen, elixir-format
 msgid "memEx | %{title}"
 msgstr ""
@@ -603,17 +617,17 @@ msgstr ""
 msgid "language"
 msgstr ""
 
-#: lib/memex_web/components/user_card.ex:28
+#: lib/memex_web/components/core_components/user_card.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "user confirmed on%{confirmed_datetime}"
 msgstr ""
 
-#: lib/memex_web/components/user_card.ex:39
+#: lib/memex_web/components/core_components/user_card.html.heex:26
 #, elixir-autogen, elixir-format
 msgid "user registered on%{registered_datetime}"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:38
+#: lib/memex_web/components/core_components/invite_card.html.heex:17
 #, elixir-autogen, elixir-format
 msgid "uses left: unlimited"
 msgstr ""
@@ -623,12 +637,12 @@ msgstr ""
 msgid "read more on how to use memEx"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:33
+#: lib/memex_web/components/core_components/invite_card.html.heex:12
 #, elixir-autogen, elixir-format
 msgid "uses left: %{uses_left_count}"
 msgstr ""
 
-#: lib/memex_web/components/invite_card.ex:53
+#: lib/memex_web/components/core_components/invite_card.html.heex:32
 #, elixir-autogen, elixir-format
 msgid "uses: %{uses_count}"
 msgstr ""
@@ -638,17 +652,12 @@ msgstr ""
 msgid "get involved"
 msgstr ""
 
-#: lib/memex_web/templates/user_confirmation/new.html.heex:12
+#: lib/memex_web/templates/user_confirmation/new.html.heex:13
 #, elixir-autogen, elixir-format
 msgid "Email"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:29
+#: lib/memex_web/live/invite_live/index.html.heex:102
-#, elixir-autogen, elixir-format
-msgid "Leave \"Uses left\" blank to make invite unlimited"
-msgstr ""
-
-#: lib/memex_web/live/invite_live/index.html.heex:90
 #, elixir-autogen, elixir-format
 msgid "admins"
 msgstr ""
@@ -673,3 +682,31 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "uses left"
 msgstr ""
+
+#: lib/memex_web/live/invite_live/form_component.html.heex:29
+#, elixir-autogen, elixir-format, fuzzy
+msgid "leave \"uses left\" blank to make invite unlimited"
+msgstr ""
+
+#: lib/memex_web/components/contexts_table_component.ex:43
+#: lib/memex_web/components/notes_table_component.ex:43
+#: lib/memex_web/components/pipelines_table_component.ex:43
+#, elixir-autogen, elixir-format
+msgid "actions"
+msgstr ""
+
+#: lib/memex_web/components/core_components/modal.html.heex:9
+#: lib/memex_web/components/core_components/modal.html.heex:34
+#, elixir-autogen, elixir-format
+msgid "close modal"
+msgstr ""
+
+#: lib/memex_web/components/core_components/topbar.html.heex:89
+#, elixir-autogen, elixir-format
+msgid "live dashboard"
+msgstr ""
+
+#: lib/memex_web/components/core_components/topbar.html.heex:75
+#, elixir-autogen, elixir-format
+msgid "log out"
+msgstr ""

priv/gettext/en/LC_MESSAGES/errors.po

@@ -74,39 +74,39 @@ msgstr ""
 msgid "must have the @ sign and no spaces"
 msgstr ""
 
-#: lib/memex/contexts/context.ex:58
+#: lib/memex/contexts/context.ex:57
-#: lib/memex/contexts/context.ex:71
+#: lib/memex/contexts/context.ex:70
-#: lib/memex/notes/note.ex:57
+#: lib/memex/notes/note.ex:56
-#: lib/memex/notes/note.ex:70
+#: lib/memex/notes/note.ex:69
-#: lib/memex/pipelines/pipeline.ex:60
+#: lib/memex/pipelines/pipeline.ex:59
-#: lib/memex/pipelines/pipeline.ex:73
+#: lib/memex/pipelines/pipeline.ex:72
 #, elixir-autogen, elixir-format
 msgid "invalid format: only numbers, letters and hyphen are accepted"
 msgstr ""
 
-#: lib/memex_web/templates/error/error.html.heex:28
+#: lib/memex_web/templates/error/error.html.heex:31
 #, elixir-autogen, elixir-format
 msgid "go back home"
 msgstr ""
 
-#: lib/memex_web/views/error_view.ex:11
+#: lib/memex_web/views/error_view.ex:10
 #, elixir-autogen, elixir-format
 msgid "internal server error"
 msgstr ""
 
-#: lib/memex_web/views/error_view.ex:9
+#: lib/memex_web/views/error_view.ex:8
 #, elixir-autogen, elixir-format
 msgid "not found"
 msgstr ""
 
-#: lib/memex_web/views/error_view.ex:10
+#: lib/memex_web/views/error_view.ex:9
 #, elixir-autogen, elixir-format
 msgid "unauthorized"
 msgstr ""
 
-#: lib/memex/contexts/context.ex:84
+#: lib/memex/contexts/context.ex:83
-#: lib/memex/notes/note.ex:83
+#: lib/memex/notes/note.ex:82
-#: lib/memex/pipelines/pipeline.ex:86
+#: lib/memex/pipelines/pipeline.ex:85
 #, elixir-autogen, elixir-format
 msgid "invalid format: only numbers, letters and hyphen are accepted. tags must be comma-delimited"
 msgstr ""
@@ -123,11 +123,6 @@ msgstr ""
 msgid "sorry, this invite was not found or expired"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:19
-#, elixir-autogen, elixir-format
-msgid "you are not authorized to view this page"
-msgstr ""
-
 #: lib/memex_web/controllers/user_settings_controller.ex:84
 #, elixir-autogen, elixir-format
 msgid "email change link is invalid or it has expired."

priv/gettext/en/LC_MESSAGES/prompts.po

@@ -16,27 +16,27 @@ msgstr ""
 msgid "%{email} confirmed successfully."
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:54
+#: lib/memex_web/live/invite_live/index.ex:43
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} deleted succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:115
+#: lib/memex_web/live/invite_live/index.ex:104
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} disabled succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:91
+#: lib/memex_web/live/invite_live/index.ex:80
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} enabled succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:69
+#: lib/memex_web/live/invite_live/index.ex:58
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} updated succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:140
+#: lib/memex_web/live/invite_live/index.ex:126
 #, elixir-autogen, elixir-format
 msgid "%{user_email} deleted succesfully"
 msgstr ""
@@ -56,17 +56,12 @@ msgstr ""
 msgid "Password reset successfully."
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:34
-#, elixir-autogen, elixir-format
-msgid "Saving..."
-msgstr ""
-
 #: lib/memex_web/templates/user_settings/edit.html.heex:130
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to change your language?"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:43
+#: lib/memex_web/live/invite_live/index.html.heex:53
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to delete the invite for %{invite_name}?"
 msgstr ""
@@ -76,23 +71,23 @@ msgstr ""
 msgid "are you sure you want to delete your account?"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:89
+#: lib/memex_web/components/core_components/topbar.html.heex:74
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to log out?"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:68
+#: lib/memex_web/live/invite_live/index.html.heex:80
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to make %{invite_name} unlimited?"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:45
+#: lib/memex_web/live/context_live/index.html.heex:47
-#: lib/memex_web/live/context_live/show.html.heex:38
+#: lib/memex_web/live/context_live/show.html.heex:35
-#: lib/memex_web/live/note_live/index.html.heex:45
+#: lib/memex_web/live/note_live/index.html.heex:47
-#: lib/memex_web/live/note_live/show.html.heex:38
+#: lib/memex_web/live/note_live/show.html.heex:35
-#: lib/memex_web/live/pipeline_live/index.html.heex:45
+#: lib/memex_web/live/pipeline_live/index.html.heex:47
-#: lib/memex_web/live/pipeline_live/show.html.heex:46
+#: lib/memex_web/live/pipeline_live/show.html.heex:43
-#: lib/memex_web/live/pipeline_live/show.html.heex:115
+#: lib/memex_web/live/pipeline_live/show.html.heex:114
 #, elixir-autogen, elixir-format
 msgid "are you sure?"
 msgstr ""
@@ -112,17 +107,17 @@ msgstr ""
 msgid "register to setup memEx"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.ex:80
+#: lib/memex_web/live/invite_live/form_component.ex:81
 #, elixir-autogen, elixir-format
 msgid "%{name} created successfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.ex:62
+#: lib/memex_web/live/invite_live/form_component.ex:63
 #, elixir-autogen, elixir-format
 msgid "%{name} updated successfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:128
+#: lib/memex_web/live/invite_live/index.ex:116
 #, elixir-autogen, elixir-format
 msgid "copied to clipboard"
 msgstr ""
@@ -152,8 +147,13 @@ msgstr ""
 msgid "your account has been deleted"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:101
+#: lib/memex_web/live/invite_live/index.html.heex:113
-#: lib/memex_web/live/invite_live/index.html.heex:129
+#: lib/memex_web/live/invite_live/index.html.heex:141
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to delete %{email}? this action is permanent!"
 msgstr ""
+
+#: lib/memex_web/live/invite_live/form_component.html.heex:34
+#, elixir-autogen, elixir-format, fuzzy
+msgid "saving..."
+msgstr ""

priv/gettext/errors.pot

@@ -73,39 +73,39 @@ msgstr ""
 msgid "must have the @ sign and no spaces"
 msgstr ""
 
-#: lib/memex/contexts/context.ex:58
+#: lib/memex/contexts/context.ex:57
-#: lib/memex/contexts/context.ex:71
+#: lib/memex/contexts/context.ex:70
-#: lib/memex/notes/note.ex:57
+#: lib/memex/notes/note.ex:56
-#: lib/memex/notes/note.ex:70
+#: lib/memex/notes/note.ex:69
-#: lib/memex/pipelines/pipeline.ex:60
+#: lib/memex/pipelines/pipeline.ex:59
-#: lib/memex/pipelines/pipeline.ex:73
+#: lib/memex/pipelines/pipeline.ex:72
 #, elixir-autogen, elixir-format
 msgid "invalid format: only numbers, letters and hyphen are accepted"
 msgstr ""
 
-#: lib/memex_web/templates/error/error.html.heex:28
+#: lib/memex_web/templates/error/error.html.heex:31
 #, elixir-autogen, elixir-format
 msgid "go back home"
 msgstr ""
 
-#: lib/memex_web/views/error_view.ex:11
+#: lib/memex_web/views/error_view.ex:10
 #, elixir-autogen, elixir-format
 msgid "internal server error"
 msgstr ""
 
-#: lib/memex_web/views/error_view.ex:9
+#: lib/memex_web/views/error_view.ex:8
 #, elixir-autogen, elixir-format
 msgid "not found"
 msgstr ""
 
-#: lib/memex_web/views/error_view.ex:10
+#: lib/memex_web/views/error_view.ex:9
 #, elixir-autogen, elixir-format
 msgid "unauthorized"
 msgstr ""
 
-#: lib/memex/contexts/context.ex:84
+#: lib/memex/contexts/context.ex:83
-#: lib/memex/notes/note.ex:83
+#: lib/memex/notes/note.ex:82
-#: lib/memex/pipelines/pipeline.ex:86
+#: lib/memex/pipelines/pipeline.ex:85
 #, elixir-autogen, elixir-format
 msgid "invalid format: only numbers, letters and hyphen are accepted. tags must be comma-delimited"
 msgstr ""
@@ -122,11 +122,6 @@ msgstr ""
 msgid "sorry, this invite was not found or expired"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:19
-#, elixir-autogen, elixir-format
-msgid "you are not authorized to view this page"
-msgstr ""
-
 #: lib/memex_web/controllers/user_settings_controller.ex:84
 #, elixir-autogen, elixir-format
 msgid "email change link is invalid or it has expired."

priv/gettext/prompts.pot

@@ -15,27 +15,27 @@ msgstr ""
 msgid "%{email} confirmed successfully."
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:54
+#: lib/memex_web/live/invite_live/index.ex:43
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} deleted succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:115
+#: lib/memex_web/live/invite_live/index.ex:104
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} disabled succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:91
+#: lib/memex_web/live/invite_live/index.ex:80
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} enabled succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:69
+#: lib/memex_web/live/invite_live/index.ex:58
 #, elixir-autogen, elixir-format
 msgid "%{invite_name} updated succesfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:140
+#: lib/memex_web/live/invite_live/index.ex:126
 #, elixir-autogen, elixir-format
 msgid "%{user_email} deleted succesfully"
 msgstr ""
@@ -55,17 +55,12 @@ msgstr ""
 msgid "Password reset successfully."
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:34
-#, elixir-autogen, elixir-format
-msgid "Saving..."
-msgstr ""
-
 #: lib/memex_web/templates/user_settings/edit.html.heex:130
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to change your language?"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:43
+#: lib/memex_web/live/invite_live/index.html.heex:53
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to delete the invite for %{invite_name}?"
 msgstr ""
@@ -75,23 +70,23 @@ msgstr ""
 msgid "are you sure you want to delete your account?"
 msgstr ""
 
-#: lib/memex_web/components/topbar.ex:89
+#: lib/memex_web/components/core_components/topbar.html.heex:74
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to log out?"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:68
+#: lib/memex_web/live/invite_live/index.html.heex:80
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to make %{invite_name} unlimited?"
 msgstr ""
 
-#: lib/memex_web/live/context_live/index.html.heex:45
+#: lib/memex_web/live/context_live/index.html.heex:47
-#: lib/memex_web/live/context_live/show.html.heex:38
+#: lib/memex_web/live/context_live/show.html.heex:35
-#: lib/memex_web/live/note_live/index.html.heex:45
+#: lib/memex_web/live/note_live/index.html.heex:47
-#: lib/memex_web/live/note_live/show.html.heex:38
+#: lib/memex_web/live/note_live/show.html.heex:35
-#: lib/memex_web/live/pipeline_live/index.html.heex:45
+#: lib/memex_web/live/pipeline_live/index.html.heex:47
-#: lib/memex_web/live/pipeline_live/show.html.heex:46
+#: lib/memex_web/live/pipeline_live/show.html.heex:43
-#: lib/memex_web/live/pipeline_live/show.html.heex:115
+#: lib/memex_web/live/pipeline_live/show.html.heex:114
 #, elixir-autogen, elixir-format
 msgid "are you sure?"
 msgstr ""
@@ -111,17 +106,17 @@ msgstr ""
 msgid "register to setup memEx"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.ex:80
+#: lib/memex_web/live/invite_live/form_component.ex:81
 #, elixir-autogen, elixir-format
 msgid "%{name} created successfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.ex:62
+#: lib/memex_web/live/invite_live/form_component.ex:63
 #, elixir-autogen, elixir-format
 msgid "%{name} updated successfully"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.ex:128
+#: lib/memex_web/live/invite_live/index.ex:116
 #, elixir-autogen, elixir-format
 msgid "copied to clipboard"
 msgstr ""
@@ -151,8 +146,13 @@ msgstr ""
 msgid "your account has been deleted"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/index.html.heex:101
+#: lib/memex_web/live/invite_live/index.html.heex:113
-#: lib/memex_web/live/invite_live/index.html.heex:129
+#: lib/memex_web/live/invite_live/index.html.heex:141
 #, elixir-autogen, elixir-format
 msgid "are you sure you want to delete %{email}? this action is permanent!"
 msgstr ""
+
+#: lib/memex_web/live/invite_live/form_component.html.heex:34
+#, elixir-autogen, elixir-format
+msgid "saving..."
+msgstr ""

readme.md

@@ -54,6 +54,33 @@ You can use the following environment variables to configure memEx in
   `no-reply@HOST` where `HOST` was previously defined.
 - `EMAIL_NAME`: Sets the sender name in sent emails. Defaults to "memEx".
 
+# Contribution
+
+Contributions are greatly appreciated, no ability to code needed! You can browse
+the [Contribution
+Guide](https://gitea.bubbletea.dev/shibao/memex/src/branch/stable/contributing.md)
+to learn more.
+
+I can be contacted at [shibao@bubbletea.dev](mailto:shibao@bubbletea.dev), or on
+the fediverse at
+[@shibao@misskey.bubbletea.dev](https://misskey.bubbletea.dev/@shibao). Thank
+you!
+
+# License
+
+memEx is licensed under AGPLv3 or later. A copy of the latest version of the
+license can be found at
+[license.md](https://gitea.bubbletea.dev/shibao/memex/src/branch/stable/license.md).
+
+# Links
+
+- [Gitea](https://gitea.bubbletea.dev/shibao/memex): Main repo, feature
+  requests and bug reports
+- [Github](https://github.com/shibaobun/memex): Source code mirror, please
+  don't open pull requests to this repository
+- [Weblate](https://weblate.bubbletea.dev/engage/memex): Contribute to
+  translations!
+
 ---
 
 [![Build

test/memex/accounts/invites_test.exs

@@ -53,7 +53,7 @@ defmodule Memex.InvitesTest do
 
     test "get_use_count/2 returns the correct invite usage",
          %{invite: %{token: token} = invite, current_user: current_user} do
-      assert 0 == Invites.get_use_count(invite, current_user)
+      assert Invites.get_use_count(invite, current_user) |> is_nil()
 
       assert {:ok, _user} =
                Accounts.register_user(
@@ -72,6 +72,40 @@ defmodule Memex.InvitesTest do
       assert 2 == Invites.get_use_count(invite, current_user)
     end
 
+    test "get_use_counts/2 returns the correct invite usage",
+         %{invite: %{id: invite_id, token: token} = invite, current_user: current_user} do
+      {:ok, %{id: another_invite_id, token: another_token} = another_invite} =
+        Invites.create_invite(current_user, @valid_attrs)
+
+      assert [invite, another_invite] |> Invites.get_use_counts(current_user) == %{}
+
+      assert {:ok, _user} =
+               Accounts.register_user(
+                 %{"email" => unique_user_email(), "password" => valid_user_password()},
+                 token
+               )
+
+      assert {:ok, _user} =
+               Accounts.register_user(
+                 %{"email" => unique_user_email(), "password" => valid_user_password()},
+                 another_token
+               )
+
+      use_counts = [invite, another_invite] |> Invites.get_use_counts(current_user)
+      assert %{^invite_id => 1} = use_counts
+      assert %{^another_invite_id => 1} = use_counts
+
+      assert {:ok, _user} =
+               Accounts.register_user(
+                 %{"email" => unique_user_email(), "password" => valid_user_password()},
+                 token
+               )
+
+      use_counts = [invite, another_invite] |> Invites.get_use_counts(current_user)
+      assert %{^invite_id => 2} = use_counts
+      assert %{^another_invite_id => 1} = use_counts
+    end
+
     test "use_invite/1 successfully uses an unlimited invite",
          %{invite: %{token: token} = invite, current_user: current_user} do
       {:ok, invite} = Invites.update_invite(invite, %{uses_left: nil}, current_user)

test/memex/accounts/invites_text.exs

@@ -1,176 +0,0 @@
-defmodule Memex.InvitesTest do
-  @moduledoc """
-  This module tests the Memex.Accounts.Invites context
-  """
-
-  use Memex.DataCase
-  alias Ecto.Changeset
-  alias Memex.Accounts
-  alias Memex.Accounts.{Invite, Invites}
-
-  @moduletag :invites_test
-
-  @valid_attrs %{
-    "name" => "some name"
-  }
-  @invalid_attrs %{
-    "name" => nil,
-    "token" => nil
-  }
-
-  describe "invites" do
-    setup do
-      current_user = admin_fixture()
-      {:ok, invite} = Invites.create_invite(current_user, @valid_attrs)
-      [invite: invite, current_user: current_user]
-    end
-
-    test "list_invites/0 returns all invites", %{invite: invite, current_user: current_user} do
-      assert Invites.list_invites(current_user) == [invite]
-    end
-
-    test "get_invite!/1 returns the invite with given id",
-         %{invite: invite, current_user: current_user} do
-      assert Invites.get_invite!(invite.id, current_user) == invite
-    end
-
-    test "valid_invite_token? returns for valid and invalid invite tokens",
-         %{invite: %{token: token}} do
-      refute Invites.valid_invite_token?(nil)
-      refute Invites.valid_invite_token?("")
-      assert Invites.valid_invite_token?(token)
-    end
-
-    test "valid_invite_token? does not return true for a disabled invite by token",
-         %{invite: %{token: token} = invite, current_user: current_user} do
-      assert Invites.valid_invite_token?(token)
-
-      {:ok, _invite} = Invites.update_invite(invite, %{uses_left: 1}, current_user)
-      {:ok, _invite} = Invites.use_invite(token)
-
-      refute Invites.valid_invite_token?(token)
-    end
-
-    test "get_use_count/2 returns the correct invite usage",
-         %{invite: %{token: token} = invite, current_user: current_user} do
-      assert 0 == Invites.get_use_count(invite, current_user)
-
-      assert {:ok, _user} =
-               Accounts.register_user(
-                 %{"email" => unique_user_email(), "password" => valid_user_password()},
-                 token
-               )
-
-      assert 1 == Invites.get_use_count(invite, current_user)
-
-      assert {:ok, _user} =
-               Accounts.register_user(
-                 %{"email" => unique_user_email(), "password" => valid_user_password()},
-                 token
-               )
-
-      assert 2 == Invites.get_use_count(invite, current_user)
-    end
-
-    test "use_invite/1 successfully uses an unlimited invite",
-         %{invite: %{token: token} = invite, current_user: current_user} do
-      {:ok, invite} = Invites.update_invite(invite, %{uses_left: nil}, current_user)
-      assert {:ok, ^invite} = Invites.use_invite(token)
-      assert {:ok, ^invite} = Invites.use_invite(token)
-      assert {:ok, ^invite} = Invites.use_invite(token)
-    end
-
-    test "use_invite/1 successfully decrements an invite",
-         %{invite: %{token: token} = invite, current_user: current_user} do
-      {:ok, _invite} = Invites.update_invite(invite, %{uses_left: 10}, current_user)
-      assert {:ok, %{uses_left: 9}} = Invites.use_invite(token)
-      assert {:ok, %{uses_left: 8}} = Invites.use_invite(token)
-      assert {:ok, %{uses_left: 7}} = Invites.use_invite(token)
-    end
-
-    test "use_invite/1 successfully disactivates an invite",
-         %{invite: %{token: token} = invite, current_user: current_user} do
-      {:ok, _invite} = Invites.update_invite(invite, %{uses_left: 1}, current_user)
-      assert {:ok, %{uses_left: 0, disabled_at: disabled_at}} = Invites.use_invite(token)
-      assert not is_nil(disabled_at)
-    end
-
-    test "use_invite/1 does not work on disactivated invite",
-         %{invite: %{token: token} = invite, current_user: current_user} do
-      {:ok, _invite} = Invites.update_invite(invite, %{uses_left: 1}, current_user)
-      {:ok, _invite} = Invites.use_invite(token)
-      assert {:error, :invalid_token} = Invites.use_invite(token)
-    end
-
-    test "create_invite/1 with valid data creates an unlimited invite",
-         %{current_user: current_user} do
-      assert {:ok, %Invite{} = invite} =
-               Invites.create_invite(current_user, %{
-                 "name" => "some name"
-               })
-
-      assert invite.name == "some name"
-    end
-
-    test "create_invite/1 with valid data creates a limited invite",
-         %{current_user: current_user} do
-      assert {:ok, %Invite{} = invite} =
-               Invites.create_invite(current_user, %{
-                 "name" => "some name",
-                 "uses_left" => 10
-               })
-
-      assert invite.name == "some name"
-      assert invite.uses_left == 10
-    end
-
-    test "create_invite/1 with invalid data returns error changeset",
-         %{current_user: current_user} do
-      assert {:error, %Changeset{}} = Invites.create_invite(current_user, @invalid_attrs)
-    end
-
-    test "update_invite/2 can set an invite to be limited",
-         %{invite: invite, current_user: current_user} do
-      assert {:ok, %Invite{} = new_invite} =
-               Invites.update_invite(
-                 invite,
-                 %{"name" => "some updated name", "uses_left" => 5},
-                 current_user
-               )
-
-      assert new_invite.name == "some updated name"
-      assert new_invite.uses_left == 5
-    end
-
-    test "update_invite/2 can set an invite to be unlimited",
-         %{invite: invite, current_user: current_user} do
-      {:ok, invite} = Invites.update_invite(invite, %{"uses_left" => 5}, current_user)
-
-      assert {:ok, %Invite{} = new_invite} =
-               Invites.update_invite(
-                 invite,
-                 %{"name" => "some updated name", "uses_left" => nil},
-                 current_user
-               )
-
-      assert new_invite.name == "some updated name"
-      assert new_invite.uses_left |> is_nil()
-    end
-
-    test "update_invite/2 with invalid data returns error changeset",
-         %{invite: invite, current_user: current_user} do
-      assert {:error, %Changeset{}} = Invites.update_invite(invite, @invalid_attrs, current_user)
-      assert invite == Invites.get_invite!(invite.id, current_user)
-    end
-
-    test "delete_invite/1 deletes the invite", %{invite: invite, current_user: current_user} do
-      assert {:ok, %Invite{}} = Invites.delete_invite(invite, current_user)
-      assert_raise Ecto.NoResultsError, fn -> Invites.get_invite!(invite.id, current_user) end
-    end
-
-    test "delete_invite!/1 deletes the invite", %{invite: invite, current_user: current_user} do
-      assert %Invite{} = Invites.delete_invite!(invite, current_user)
-      assert_raise Ecto.NoResultsError, fn -> Invites.get_invite!(invite.id, current_user) end
-    end
-  end
-end

test/memex_web/live/context_live_test.exs

@@ -70,7 +70,7 @@ defmodule MemexWeb.ContextLiveTest do
     test "updates context in listing", %{conn: conn, context: context} do
       {:ok, index_live, _html} = live(conn, Routes.context_index_path(conn, :index))
 
-      assert index_live |> element("[data-qa=\"context-edit-#{context.id}\"]") |> render_click() =~
+      assert index_live |> element(~s/a[aria-label="edit #{context.slug}"]/) |> render_click() =~
                "edit"
 
       assert_patch(index_live, Routes.context_index_path(conn, :edit, context.slug))
@@ -92,7 +92,7 @@ defmodule MemexWeb.ContextLiveTest do
     test "deletes context in listing", %{conn: conn, context: context} do
       {:ok, index_live, _html} = live(conn, Routes.context_index_path(conn, :index))
 
-      assert index_live |> element("[data-qa=\"delete-context-#{context.id}\"]") |> render_click()
+      assert index_live |> element(~s/a[aria-label="delete #{context.slug}"]/) |> render_click()
       refute has_element?(index_live, "#context-#{context.id}")
     end
   end
@@ -137,7 +137,7 @@ defmodule MemexWeb.ContextLiveTest do
 
       {:ok, index_live, _html} =
         show_live
-        |> element("[data-qa=\"delete-context-#{context.id}\"]")
+        |> element(~s/button[aria-label="delete #{context.slug}"]/)
         |> render_click()
         |> follow_redirect(conn, Routes.context_index_path(conn, :index))
 
@@ -174,7 +174,7 @@ defmodule MemexWeb.ContextLiveTest do
 
       assert html =~ "context"
       assert html =~ Routes.note_show_path(Endpoint, :show, note_slug)
-      assert has_element?(show_live, "[data-qa=\"context-note-#{note_slug}\"]")
+      assert has_element?(show_live, "a", note_slug)
     end
   end
 end

test/memex_web/live/invite_live_test.exs

@@ -55,7 +55,9 @@ defmodule MemexWeb.InviteLiveTest do
     test "updates invite in listing", %{conn: conn, invite: invite} do
       {:ok, index_live, _html} = live(conn, Routes.invite_index_path(conn, :index))
 
-      assert index_live |> element("[data-qa=\"edit-#{invite.id}\"]") |> render_click() =~
+      assert index_live
+             |> element(~s/a[aria-label="edit invite for #{invite.name}"]/)
+             |> render_click() =~
                gettext("edit invite")
 
       assert_patch(index_live, Routes.invite_index_path(conn, :edit, invite))
@@ -81,7 +83,10 @@ defmodule MemexWeb.InviteLiveTest do
     test "deletes invite in listing", %{conn: conn, invite: invite} do
       {:ok, index_live, _html} = live(conn, Routes.invite_index_path(conn, :index))
 
-      assert index_live |> element("[data-qa=\"delete-#{invite.id}\"]") |> render_click()
+      assert index_live
+             |> element(~s/a[aria-label="delete invite for #{invite.name}"]/)
+             |> render_click()
+
       refute has_element?(index_live, "#invite-#{invite.id}")
     end
   end

test/memex_web/live/note_live_test.exs

@@ -75,7 +75,7 @@ defmodule MemexWeb.NoteLiveTest do
     test "updates note in listing", %{conn: conn, note: note} do
       {:ok, index_live, _html} = live(conn, Routes.note_index_path(conn, :index))
 
-      assert index_live |> element("[data-qa=\"note-edit-#{note.id}\"]") |> render_click() =~
+      assert index_live |> element(~s/a[aria-label="edit #{note.slug}"]/) |> render_click() =~
                "edit"
 
       assert_patch(index_live, Routes.note_index_path(conn, :edit, note.slug))
@@ -97,7 +97,7 @@ defmodule MemexWeb.NoteLiveTest do
     test "deletes note in listing", %{conn: conn, note: note} do
       {:ok, index_live, _html} = live(conn, Routes.note_index_path(conn, :index))
 
-      assert index_live |> element("[data-qa=\"delete-note-#{note.id}\"]") |> render_click()
+      assert index_live |> element(~s/a[aria-label="delete #{note.slug}"]/) |> render_click()
       refute has_element?(index_live, "#note-#{note.id}")
     end
   end
@@ -138,7 +138,7 @@ defmodule MemexWeb.NoteLiveTest do
 
       {:ok, index_live, _html} =
         show_live
-        |> element("[data-qa=\"delete-note-#{note.id}\"]")
+        |> element(~s/button[aria-label="delete #{note.slug}"]/)
         |> render_click()
         |> follow_redirect(conn, Routes.note_index_path(conn, :index))
 
@@ -177,7 +177,7 @@ defmodule MemexWeb.NoteLiveTest do
 
       assert html =~ "context"
       assert html =~ Routes.note_show_path(Endpoint, :show, note_slug)
-      assert has_element?(show_live, "[data-qa=\"note-link-#{note_slug}\"]")
+      assert has_element?(show_live, "a", note_slug)
     end
   end
 end

test/memex_web/live/pipeline_live_test.exs

@@ -81,7 +81,7 @@ defmodule MemexWeb.PipelineLiveTest do
     test "updates pipeline in listing", %{conn: conn, pipeline: pipeline} do
       {:ok, index_live, _html} = live(conn, Routes.pipeline_index_path(conn, :index))
 
-      assert index_live |> element("[data-qa=\"pipeline-edit-#{pipeline.id}\"]") |> render_click() =~
+      assert index_live |> element(~s/a[aria-label="edit #{pipeline.slug}"]/) |> render_click() =~
                "edit"
 
       assert_patch(index_live, Routes.pipeline_index_path(conn, :edit, pipeline.slug))
@@ -104,7 +104,7 @@ defmodule MemexWeb.PipelineLiveTest do
       {:ok, index_live, _html} = live(conn, Routes.pipeline_index_path(conn, :index))
 
       assert index_live
-             |> element("[data-qa=\"delete-pipeline-#{pipeline.id}\"]")
+             |> element(~s/a[aria-label="delete #{pipeline.slug}"]/)
              |> render_click()
 
       refute has_element?(index_live, "#pipeline-#{pipeline.id}")
@@ -151,7 +151,7 @@ defmodule MemexWeb.PipelineLiveTest do
 
       {:ok, index_live, _html} =
         show_live
-        |> element("[data-qa=\"delete-pipeline-#{pipeline.id}\"]")
+        |> element(~s/button[aria-label="delete #{pipeline.slug}"]/)
         |> render_click()
         |> follow_redirect(conn, Routes.pipeline_index_path(conn, :index))
 
@@ -161,9 +161,7 @@ defmodule MemexWeb.PipelineLiveTest do
     test "creates a step", %{conn: conn, pipeline: pipeline} do
       {:ok, show_live, _html} = live(conn, Routes.pipeline_show_path(conn, :show, pipeline.slug))
 
-      show_live
+      show_live |> element("a", "add step") |> render_click()
-      |> element("[data-qa=\"add-step-#{pipeline.id}\"]")
-      |> render_click()
 
       assert_patch(show_live, Routes.pipeline_show_path(conn, :add_step, pipeline.slug))
 
@@ -199,7 +197,7 @@ defmodule MemexWeb.PipelineLiveTest do
       {:ok, show_live, _html} = live(conn, Routes.pipeline_show_path(conn, :show, pipeline.slug))
 
       show_live
-      |> element("[data-qa=\"edit-step-#{step.id}\"]")
+      |> element(~s/a[aria-label="edit #{step.title}"]/)
       |> render_click()
 
       assert_patch(show_live, Routes.pipeline_show_path(conn, :edit_step, pipeline.slug, step.id))
@@ -223,7 +221,7 @@ defmodule MemexWeb.PipelineLiveTest do
 
       html =
         show_live
-        |> element("[data-qa=\"delete-step-#{step.id}\"]")
+        |> element(~s/button[aria-label="delete #{step.title}"]/)
         |> render_click()
 
       assert_patch(show_live, Routes.pipeline_show_path(conn, :show, pipeline.slug))
@@ -250,25 +248,25 @@ defmodule MemexWeb.PipelineLiveTest do
 
       html =
         show_live
-        |> element("[data-qa=\"move-step-up-#{second_step.id}\"]")
+        |> element(~s/button[aria-label="move #{second_step.title} up"]/)
         |> render_click()
 
       assert html =~ "1. second step"
       assert html =~ "2. first step"
       assert html =~ "3. third step"
 
-      refute has_element?(show_live, "[data-qa=\"move-step-up-#{second_step.id}\"]")
+      refute has_element?(show_live, ~s/button[aria-label="move #{second_step.title} up"]/)
 
       html =
         show_live
-        |> element("[data-qa=\"move-step-down-#{first_step.id}\"]")
+        |> element(~s/button[aria-label="move #{first_step.title} down"]/)
         |> render_click()
 
       assert html =~ "1. second step"
       assert html =~ "2. third step"
       assert html =~ "3. first step"
 
-      refute has_element?(show_live, "[data-qa=\"move-step-down-#{first_step.id}\"]")
+      refute has_element?(show_live, ~s/button[aria-label="move #{first_step.title} down"]/)
     end
   end
 end