Skip to content

E
esi-table-data
Commit 64805651 authored by Vasyl Bodnaruk's avatar Vasyl Bodnaruk Committed by Andrii Marynets
Browse files
Options

add base version html view

parent b3876faf
Hide whitespace changes
Inline Side-by-side
Showing with 218 additions and 0 deletions
esi/templates/base.html 0 → 100644
View file @ 64805651
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.min.css">
{% block head %}
<title>Title</title>
{% endblock %}
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
{% block content %}
{% endblock %}
</body>
</html>
\ No newline at end of file
esi/templates/list_news.html 0 → 100644
View file @ 64805651
{% extends "base.html" %}
{% block content %}
<form class="form" action="{% url 'accept' %}" method="post">
{% csrf_token %}
<table class="table table-hover">
<thead class="thead-inverse">
<tr>
<th>#</th>
<th>Title</th>
<th>
<span><input id="select-all" type="checkbox"></span>
<span><label for="select-all">Select all</label></span>
</th>
</tr>
</thead>
<tbody>
{% for i in news %}
<tr>
<th scope="row">{{ forloop.counter }}</th>
<td><a href="{% url 'single_news' i.id %}">{{ i.title }}</a></td>
<td><input class="checkbox" type="checkbox" name="item" value="{{ i.id }}"></td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="container">
<div class="row">
<div class="offset-9 col-3">
<button type="submit" class="btn btn-primary">Write to DB</button>
</div>
</div>
</div>
</form>
<script>
$("#select-all").click(function () {
$(".checkbox").prop('checked', $(this).prop('checked'));
});
</script>
{% endblock %}
\ No newline at end of file
esi/templates/single_news.html 0 → 100644
View file @ 64805651
{% extends "base.html" %}
{% block content %}
<main class="pt-5 pb-5">
<div class="container">
<form class="form">
<section class="mb-5">
<h2 class="offset-1 display-4 mb-5">Form</h2>
<!-- Entity -->
<div class="form-group row has-success">
<label for="entity" class="offset-1 col-2 col-form-label">Entity</label>
<div class="col-6">
<input class="form-control form-control-success" type="text" placeholder="Write entity..."
id="entity">
<div class="form-control-feedback">Additional message</div>
</div>
<div class="col-3">
<button class="btn btn-primary">Add entity</button>
</div>
</div>
<!-- Radar -->
<div class="form-group row">
<label for="radar" class="offset-1 col-2 col-form-label">Radar</label>
<div class="col-6">
<input class="form-control" type="text" placeholder="Write radar..." id="radar">
</div>
</div>
<!-- Industry -->
<div class="form-group row">
<label for="industry" class="offset-1 col-2 col-form-label">Industry</label>
<div class="col-6">
<input class="form-control" type="text" placeholder="Write industry..." id="industry">
</div>
</div>
<!-- Function -->
<div class="form-group row">
<label for="function" class="offset-1 col-2 col-form-label">Function</label>
<div class="col-6">
<input class="form-control" type="text" placeholder="Write function..." id="function">
</div>
</div>
<!-- Media -->
<div class="form-group row">
<label for="media" class="offset-1 col-2 col-form-label">Media</label>
<div class="col-6">
<div class="row">
<div class="col-9">
<select class="form-control" id="media">
<option>{{ media.0.name }}</option>
{% for i in media.1 %}
<option>{{ i.name }}</option>
{% endfor %}
</select>
</div>
<div class="col-3">
<button class="btn btn-primary">Add media</button>
</div>
</div>
</div>
</div>
<!-- Industry -->
<div class="form-group row">
<label for="technology" class="offset-1 col-2 col-form-label">Technology</label>
<div class="col-6">
<input class="form-control" type="text" placeholder="Write industry..." id="technology">
</div>
</div>
<!-- Type -->
<div class="form-group row">
<label for="type" class="offset-1 col-2 col-form-label">Type</label>
<div class="col-3">
<select class="form-control" id="type">
<option>Default select</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
</div>
<!-- Region -->
<div class="form-group row">
<label for="region" class="offset-1 col-2 col-form-label">Region</label>
<div class="col-3">
<select class="form-control" id="region">
<option>Default select</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
</div>
<!-- Publish Date -->
<div class="form-group row">
<label for="publish-date" class="offset-1 col-2 col-form-label">Publish Date</label>
<div class="col-3">
<input id="publish-date" type="text" class="form-control" placeholder="Choose a date">
</div>
</div>
<!-- Tag -->
<div class="form-group row">
<label for="tag" class="offset-1 col-2 col-form-label">Tag</label>
<div class="col-6">
<input class="form-control" type="text" placeholder="Write tag..." id="tag">
</div>
</div>
</section>
<!-- ADD NEWS -->
<section class="section">
<h2 class="offset-1 display-4 mb-5">Add news</h2>
<!-- Title -->
<div class="form-group row">
<label for="title" class="offset-1 col-2 col-form-label">Title</label>
<div class="col-6">
<input class="form-control" type="text" placeholder="Some title..." id="title" value="{{ news.title }}">
</div>
</div>
<!-- Description -->
<div class="form-group row">
<label for="description" class="offset-1 col-2 col-form-label">Description</label>
<div class="col-6">
<textarea class="form-control" type="text" placeholder="Some description..."
id="description">{{ news.description }}</textarea>
</div>
</div>
<!-- Url -->
<div class="form-group row">
<label for="url" class="offset-1 col-2 col-form-label">Url</label>
<div class="col-6">
<input class="form-control" type="text" placeholder="Some url..." id="url" value="{{ news.url }}">
</div>
</div>
<!-- Submit -->
<div class="form-group row">
<div class="offset-7 col-2">
<button type="submit" class="form-control btn btn-primary">Submit</button>
</div>
</div>
</section>
</form>
</div>
</main>
<script>$('#publish-date').datepicker();</script>
{% endblock %}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment