You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
4.5 KiB
125 lines
4.5 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||
|
|
||
|
<!-- Enable responsiveness on mobile devices-->
|
||
|
<!-- viewport-fit=cover is to support iPhone X rounded corners and notch in landscape-->
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover">
|
||
|
|
||
|
<title>Julio Biason .Me 4.3</title>
|
||
|
|
||
|
<!-- CSS -->
|
||
|
<link rel="stylesheet" href="https://blog.juliobiason.me/print.css" media="print">
|
||
|
<link rel="stylesheet" href="https://blog.juliobiason.me/poole.css">
|
||
|
<link rel="stylesheet" href="https://blog.juliobiason.me/hyde.css">
|
||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
</head>
|
||
|
|
||
|
<body class=" ">
|
||
|
|
||
|
<div class="sidebar">
|
||
|
<div class="container sidebar-sticky">
|
||
|
<div class="sidebar-about">
|
||
|
|
||
|
<a href="https://blog.juliobiason.me"><h1>Julio Biason .Me 4.3</h1></a>
|
||
|
|
||
|
<p class="lead">Old school dev living in a 2.0 dev world</p>
|
||
|
|
||
|
|
||
|
</div>
|
||
|
|
||
|
<ul class="sidebar-nav">
|
||
|
|
||
|
|
||
|
<li class="sidebar-nav-item"><a href="/">English</a></li>
|
||
|
|
||
|
<li class="sidebar-nav-item"><a href="/pt">Português</a></li>
|
||
|
|
||
|
<li class="sidebar-nav-item"><a href="/tags">Tags (EN)</a></li>
|
||
|
|
||
|
<li class="sidebar-nav-item"><a href="/pt/tags">Tags (PT)</a></li>
|
||
|
|
||
|
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<div class="content container">
|
||
|
|
||
|
<div class="post">
|
||
|
<h1 class="post-title">Condensed Sodium</h1>
|
||
|
<span class="post-date">
|
||
|
2020-12-10
|
||
|
|
||
|
<a href="https://blog.juliobiason.me/tags/projects/">#projects</a>
|
||
|
|
||
|
<a href="https://blog.juliobiason.me/tags/personal/">#personal</a>
|
||
|
|
||
|
<a href="https://blog.juliobiason.me/tags/client/">#client</a>
|
||
|
|
||
|
<a href="https://blog.juliobiason.me/tags/status/">#status</a>
|
||
|
|
||
|
<a href="https://blog.juliobiason.me/tags/web/">#web</a>
|
||
|
|
||
|
<a href="https://blog.juliobiason.me/tags/rust/">#rust</a>
|
||
|
|
||
|
</span>
|
||
|
<p>A Client Status web app.</p>
|
||
|
<ul>
|
||
|
<li><a href="https://rocket.rs/">Rocket</a></li>
|
||
|
<li><a href="http://diesel.rs/">Diesel</a></li>
|
||
|
<li><a href="https://tailwindcss.com/">TailwindCSS</a></li>
|
||
|
<li>Translatable.</li>
|
||
|
<li>Contacts:
|
||
|
* Name
|
||
|
* Phone
|
||
|
* Email
|
||
|
* Company</li>
|
||
|
<li>Clients are basically groups of contacts + interactions.</li>
|
||
|
<li>Interaction can be marked as "Successful" or "Waiting".</li>
|
||
|
<li>Files can be attached to interactions.</li>
|
||
|
<li>Dashboard shows all clients with their statuses.</li>
|
||
|
</ul>
|
||
|
<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>+----------------------------------+
|
||
|
</span><span>| +-----------+ +----------------+ |
|
||
|
</span><span>| | Client 1 | | Client 2 | |
|
||
|
</span><span>| | No issues | | Await response | |
|
||
|
</span><span>| +-----------+ +----------------+ |
|
||
|
</span><span>+----------------------------------+
|
||
|
</span></code></pre>
|
||
|
<p>"Await response" is the text of the interaction.</p>
|
||
|
<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>+----------------------------------+
|
||
|
</span><span>| Client 2 [ See Contacts ] |
|
||
|
</span><span>| |
|
||
|
</span><span>| New interaction: |
|
||
|
</span><span>| [ ] |
|
||
|
</span><span>| [ ] |
|
||
|
</span><span>| [ ] |
|
||
|
</span><span>| [ Await ] [ Success ] |
|
||
|
</span><span>| |
|
||
|
</span><span>| Previous interactions: |
|
||
|
</span><span>| * DATE - Asked if this works ! |
|
||
|
</span><span>| * DATE - Await response ? |
|
||
|
</span><span>+----------------------------------+
|
||
|
</span></code></pre>
|
||
|
<p>"Previous interactions" goes from the oldest to the newest results.</p>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
</div>
|
||
|
|
||
|
</body>
|
||
|
|
||
|
</html>
|