lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

UserDetailOne sample ui
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
ref #12
This commit is contained in:
Philipp Dormann 2021-01-09 14:16:07 +01:00
parent 9e19c48258
commit 23e03bec35
1 changed files with 30 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/UserDetailOne.svelte
View File

@ -8,6 +8,7 @@
import "gridjs/dist/theme/mermaid.css"; import "gridjs/dist/theme/mermaid.css";
import { tracks as tracksstore } from "../store.js"; import { tracks as tracksstore } from "../store.js";
import UsersEmptyState from "./UsersEmptyState.svelte"; import UsersEmptyState from "./UsersEmptyState.svelte";
import PromiseError from "./PromiseError.svelte";
$: userscache = []; $: userscache = [];
$: blocked = []; $: blocked = [];
let table; let table;
@ -49,29 +50,37 @@
class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Change</button> class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Change</button>
</div> </div>
<!-- --> <!-- -->
<div class="flex items-start"> <div class="mt-3 text-sm w-full">
<div class="flex items-center h-5"> <input
<input id="enabled"
id="enabled" name="enabled"
name="enabled" type="checkbox"
type="checkbox" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" /> <label
</div> for="enabled"
<div class="ml-3 text-sm"> class="ml-1 font-medium text-gray-700">Active?</label>
<label for="enabled" class="font-medium text-gray-700">Active?</label> <p class="text-gray-500">set the user active/ inactive</p>
<p class="text-gray-500">set the user active/ inactive</p> </div>
</div> <div class="text-sm w-full">
<div class="ml-3 text-sm"> <label for="firstname" class="font-medium text-gray-700">First name</label>
<label for="trackname" class="font-medium text-gray-700">Active?</label> <input
<input autocomplete="off"
autocomplete="off" placeholder="First name"
placeholder="First name" type="text"
type="text" name="firstname"
name="trackname" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" /> </div>
</div> <div class="text-sm w-full">
<label for="lastname" class="font-medium text-gray-700">Last name</label>
<input
autocomplete="off"
placeholder="Last name"
type="text"
name="lastname"
class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
</div> </div>
</section> </section>
{:catch error} {:catch error}
<!-- promise was rejected --> <!-- promise was rejected -->
<PromiseError {error} />
{/await} {/await}