Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix package.json ; add draft for form_event #3

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fix package.json ; add draft for form_event #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 13 additions & 10 deletions community_app/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,25 @@
{
"name": "community_app",
"version": "0.1.0",
"dependencies": {},
"dependencies": {
"@tailwindcss/forms": "^0.2.1",
"tailwindcss": "^2.0.2"
},
"devDependencies": {
"autoprefixer": "^9.4.7",
"browser-sync": "^2.14.0",
"autoprefixer": "^10.2.4",
"browser-sync": "^2.26.14",
"cssnano": "^4.1.10",
"gulp": "^4.0.0",
"gulp-imagemin": "^5.0.3",
"gulp": "^4.0.2",
"gulp-imagemin": "^7.1.0",
"gulp-plumber": "^1.2.1",
"gulp-postcss": "^8.0.0",
"gulp-rename": "^1.2.2",
"gulp-sass": "^4.0.2",
"gulp-uglify-es": "^1.0.4",
"gulp-postcss": "^9.0.0",
"gulp-rename": "^2.0.0",
"gulp-sass": "^4.1.0",
"gulp-uglify-es": "^2.0.0",
"pixrem": "^5.0.0"
},
"engines": {
"node": ">=8"
"node": ">=14"
},
"browserslist": [
"last 2 versions"
Expand Down
9 changes: 9 additions & 0 deletions community_app/tailwind.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
module.exports = {
theme: {
extend: {}
},
variants: {},
plugins: [
require("@tailwindcss/forms")
]
};
120 changes: 120 additions & 0 deletions template/form_event.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="stylesheet" href="https://tailwindui.com/css/components-v2.css">
<script src="https://tailwindui.com/js/components-v2.js"></script>
<script src="https://tailwindui.com/js/iframe.js"></script>
<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.js" defer></script>

<body class="antialiased font-sans bg-gray-200">
<div class="" style="">
<div class="bg-gray-100">
<div class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">

<div>
<div class="md:grid md:grid-cols-3 md:gap-6">
<div class="md:col-span-1">
<div class="px-4 sm:px-0">
<h3 class="text-lg font-medium leading-6 text-gray-900">Event</h3>
<p class="mt-1 text-sm text-gray-600">
Describe your awesome event
</p>
</div>
</div>
<div class="mt-5 md:mt-0 md:col-span-2">
<form action="#" method="POST">
<div class="shadow sm:rounded-md sm:overflow-hidden">
<div class="px-4 py-5 bg-white space-y-6 sm:p-6">
<div class="grid grid-cols-6 gap-6">

<div class="col-span-6 sm:col-span-4">
<label for="title" class="block text-sm font-medium text-gray-700">
Title
</label>
<div class="mt-1 flex rounded-md shadow-sm">
<input type="text" name="title" id="title"
class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-md sm:text-sm border-gray-300"
placeholder="Our Awesome Event">
</div>
</div>

<div class="col-span-6 sm:col-span-6">
<label for="description"
class="block text-sm font-medium text-gray-700">
Description
</label>
<div class="mt-1">
<textarea id="description" name="description" rows="3"
class="shadow-sm focus:ring-indigo-500 focus:border-indigo-500 mt-1 block w-full sm:text-sm border-gray-300 rounded-md"
placeholder=""></textarea>
</div>
<p class="mt-2 text-sm text-gray-500">
Brief description for your event.
</p>
</div>

<div class="col-span-6 sm:col-span-3">
<label for="start_at"
class="block text-sm font-medium text-gray-700">
Start at
</label>
<div class="mt-1">
<input type="date" name="start_date" id="start_date"
class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 w-1/3 rounded-md sm:text-sm border-gray-300">
<input type="time" name="start_time" id="start_time"
class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 w-1/3 rounded-md sm:text-sm border-gray-300">
</div>
</div>

<div class="col-span-6 sm:col-span-3">
<label for="end_at"
class="block text-sm font-medium text-gray-700">
End at
</label>
<div class="mt-1">
<input type="date" name="end_date" id="end_date"
class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 w-1/3 rounded-md sm:text-sm border-gray-300">
<input type="time" name="end_time" id="end_time"
class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 w-1/3 rounded-md sm:text-sm border-gray-300">
</div>
</div>

</div>
</div>

<div class="px-4 py-5 bg-white space-y-6 sm:p-6">
<fieldset>
<div class="mt-4 space-y-4">
<div class="flex items-start">
<div class="flex items-center h-5">
<input id="comments" name="comments" type="checkbox"
class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
</div>
<div class="ml-3 text-sm">
<label for="comments" class="font-medium text-gray-700">Save as
Draft</label>
</div>
</div>

</div>
</fieldset>

</div>
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
<button type="submit"
class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Save
</button>
</div>
</div>
</form>
</div>

</div>
</div>

</div>
</div>
</div>
</body>