├── .gitignore
├── .idea
    └── vcs.xml
├── Dockerfile
├── README.md
├── app
    ├── add_user.py
    ├── add_user_default.sh
    ├── config.json
    ├── db.py
    ├── forms.py
    ├── input.py
    ├── main.py
    ├── markup_page.py
    ├── requirements.txt
    ├── review.py
    ├── static
    │   ├── blank-img.jpg
    │   ├── css
    │   │   ├── bootstrap.min.css
    │   │   └── main.css
    │   └── js
    │   │   ├── bootstrap.min.js
    │   │   ├── jquery.min.js
    │   │   └── main.js
    ├── templates
    │   ├── bus.html
    │   ├── container.html
    │   ├── door.html
    │   ├── header.html
    │   ├── heads.html
    │   ├── input.html
    │   ├── login.html
    │   ├── nav_bar.html
    │   ├── onerect.html
    │   ├── register.html
    │   ├── review_choose_user.html
    │   ├── tiles.html
    │   ├── trainsegmentation.html
    │   └── uploadfiles.html
    └── uwsgi.ini
└── confd_nginx.conf


/.gitignore:
--------------------------------------------------------------------------------
1 | *.log
2 | *.pyc
3 | *.pyo
4 | app/__pycache__
5 | 


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM tiangolo/uwsgi-nginx-flask:python3.8
2 | 
3 | COPY ./confd_nginx.conf /etc/nginx/conf.d/nginx.conf
4 | COPY ./app /app
5 | 
6 | RUN apt update && apt install -y ca-certificates && update-ca-certificates --fresh
7 | RUN pip install -r /app/requirements.txt


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | This is a markup server, which may be connected to an ML core.
 2 | 
 3 | 
 4 | You can run it by a docker with nginx as a web-server.
 5 | To start you will need a MONGODB and an S3 bucket, where all input and result annotation are stored.
 6 | 
 7 | Pay attention to YOUR_SITE in <b>confd_nginx.conf</b> before building a docker image - this should correspond to your site name.
 8 | 
 9 | To build and run:
10 | 
11 | ```
12 | sudo docker build -t markup .
13 | 
14 | sudo docker create --name markup_server -p 27017:27017 -p 443:443 \
15 |             -e ....
16 |             markup:latest
17 | sudo docker cp ssl_and_bundle.crt markup_server:/app/ssl.crt
18 | sudo docker cp key.pem markup_server:/app/ssl.pem
19 | sudo docker start markup_server
20 | ```
21 | 
22 | Environmental variables:
23 |    - SECRET_KEY - random key for FLASK
24 |    - MONGO_DB_ADDRESS - like mongodb:// ....  , that contain everything to connect
25 |    - MONGO_COLLECTION - just a name of the collection for this service
26 |    - AWS_KEY
27 |    - AWS_KEY_ID
28 | 
29 | You can exclude the SSL certificate by changing protocol in nginx config (change 443 port to 80 and remove lines about ssl certificates).
30 | 
31 | 
32 | To add a new user, run <b>add_user.sh role token</b> and a token. Then, you can register a new user passing him the token and the following link: <b>your_site.com/register/role/token</b>.
33 | 
34 | Or, being an admin, you can add user through the address line: /add_pre_user/role/token (token is a random key-digit sequence)
35 | 
36 | Possible roles for users:
37 |   - admin
38 |   - operator
39 | 
40 | All html templates are placed in the folder <b>templates</b> with corresponding names, described in config.json
41 | 
42 | <h3>Input data</h3>
43 | 
44 | There are two ways to upload new data to markup. 
45 | 1) Just choose files in "upload" on the site <b>your_site.com/markup/<application_name></b>
46 | 2) Or your can upload files through POST requests. ('/upload/<string:application>'). Using API you also can upload results from an ML machine throug '/upload_result/<application>' attaching 2 files: image + json. Then, you'll see pre-marked up images in b>your_site.com/markup/<application_name></b>
47 | 
48 | <h3>Debug</h3>
49 | 
50 | Also, to debug, you can run <b>python3 main.py</b> from app folder.
51 | 
52 | You'll also need two more env variables DEBUG_ADMIN_EMAIL and DEBUG_ADMIN_PASSWORD to create a new admin user without running <b>add_user.sh</b> script.
53 | 


--------------------------------------------------------------------------------
/app/add_user.py:
--------------------------------------------------------------------------------
1 | import db
2 | import sys
3 | 
4 | if len(sys.argv)==3:
5 |     print('role: ',sys.argv[1])
6 |     print('token: ',sys.argv[2])
7 |     db.add_pre_user(sys.argv[1],sys.argv[2])
8 |     print('pre user was added')
9 | 


--------------------------------------------------------------------------------
/app/add_user_default.sh:
--------------------------------------------------------------------------------
1 | export MONGO_DB_ADDRESS="MONGO_DB_ADDRESS"
2 | 
3 | python3 add_user.py $1 $2
4 | 


--------------------------------------------------------------------------------
/app/config.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"applications": ["heads","trainsegmentation","container","door"],
 3 | 
 4 | 	"trainsegmentation": {"width": 448,"height": 336,"types":["platform number","coupler","cont_p1","cont_p2","cont_p3"],"bucket":"trainsegmentation.markup","input":"processed1","output":"processed2"},
 5 | 	"heads": {"width": 1520,"height": 1520,"types":["adult","child","hidden"],"bucket":"heads.markup","input":"images","output":"processed","image_ext":"jpg"},
 6 |         "door": {"width":1520,"height":1520,"types":["opened","closed"],"bucket":"door.markup","input":"images","output":"processed","image_ext":"jpg"},
 7 | 	"container": {"width": 960,"height": 540,"types":["cont_p1","cont_p2","cont_p3"],"bucket":"container.markup","input":"images","output":"processed","image_ext":"png"}
 8 | 
 9 | }
10 | 


--------------------------------------------------------------------------------
/app/db.py:
--------------------------------------------------------------------------------
  1 | import pymongo
  2 | import sys
  3 | import os
  4 | import time
  5 | from passlib.hash import sha256_crypt
  6 | from datetime import datetime
  7 | import boto3
  8 | import json
  9 | import random
 10 | 
 11 | ##Create a MongoDB client, open a connection to Amazon DocumentDB as a replica set and specify the read preference as secondary preferred
 12 | line=os.environ['MONGO_DB_ADDRESS']
 13 | collection=os.environ['MONGO_COLLECTION']
 14 | 
 15 | client = pymongo.MongoClient(line) 
 16 | 
 17 | def get_random_file(application,folder,user_id=None,date=None,exts=None):
 18 |     filter={'folder':folder}
 19 |     if not user_id is None:
 20 |         filter['user_id']=user_id
 21 |     if not date is None:
 22 |         filter['date']=date
 23 |     if not exts is None:
 24 |         dicts=[]
 25 |         for j in range(len(exts)):
 26 |             dicts.append({'filename':{'$regex':'.*'+exts[j]+'.*'}})
 27 |         filter['$or']=dicts
 28 | 
 29 |     count = client[application].files.find(filter).count()
 30 |     if count==0:
 31 |         return None
 32 |     index= random.randint(0,count-1)
 33 |     return client[application].files.find(filter)[index]
 34 | 
 35 | def get_files_count(application,folder,user_id=None,date=None,exts=None):
 36 |     filter={'folder':folder}
 37 |     if not user_id is None:
 38 |         filter['user_id']=user_id
 39 |     if not date is None:
 40 |         filter['date']=date
 41 |     if not exts is None:
 42 |         dicts=[]
 43 |         for j in range(len(exts)):
 44 |             dicts.append({'filename':{'$regex':'.*'+exts[j]+'.*'}})
 45 |         filter['$or']=dicts
 46 |     count = client[application].files.find(filter).count()
 47 |     return count
 48 |        
 49 | 
 50 | def get_files(application,folder,user_id=None,ext=None,date=None):
 51 |     filter={'folder':folder}
 52 |     if not user_id is None:
 53 |        filter["user_id"]=user_id
 54 |     if not date is None:
 55 |        filter['date']=date
 56 | 
 57 |     cursor=client[application].files.find(filter)
 58 | 
 59 |     res=[]
 60 |     for document in cursor:
 61 |         if not ext is None:
 62 |             
 63 |             if ext in document['filename']:
 64 |                 res.append(document)
 65 |         else:
 66 |             res.append(document)
 67 |             
 68 | 
 69 |     return res
 70 | 
 71 | 
 72 | def delete_file(application,folder,file):
 73 |     client[application].files.delete_one({'folder':folder,'filename':file})
 74 | 
 75 | def put_file(application,folder,file,user_id=None):
 76 |     date=datetime.today().strftime("%d-%m-%Y")
 77 |     if not user_id is None:
 78 |         client[application].files.insert_one({'folder':folder,'filename':file,'user_id':user_id,'date':date})
 79 |     else:
 80 |         client[application].files.insert_one({'folder':folder,'filename':file,'date':date})
 81 | 
 82 | def del_pre_user(role,token):
 83 |     client[collection].pre_users.delete_one({'role':role,'token':token})
 84 | 
 85 | def add_pre_user(role,token):
 86 |     if not client[collection].pre_users.find_one({'role':role,'token':token}):
 87 |         client[collection].pre_users.insert_one({'role':role,'token':token})
 88 | 
 89 | def check_pre_user(role,token):
 90 |     if client[collection].pre_users.find_one({'role':role,'token':token}):
 91 |         return True
 92 |     else:
 93 |         return False
 94 | 
 95 | def add_user(name,email,password,role):
 96 |     hash=sha256_crypt.hash(password)
 97 |     if not client[collection].users.find_one({'name':name}):
 98 |         client[collection].users.insert_one({'name':name,'email':email,'hash':hash,'role':role})
 99 |     return
100 | 
101 | def is_user_by_name(name):
102 |     if client[collection].users.find_one({'name':name}):
103 |         return True
104 |     return False
105 | 
106 | def is_user_by_email(email):
107 |     if client[collection].users.find_one({'email':email}):
108 |         return True
109 |     return False
110 | 
111 | def check_password(email,password):
112 |     user=client[collection].users.find_one({'email':email})
113 |     if user is None:
114 |         return False
115 |     return sha256_crypt.verify(password,user['hash'])
116 |     
117 | def get_all_users():
118 |     users=client[collection].users.find({})
119 |     names=[]
120 |     ids=[]
121 |     for user in users:
122 |         names.append(user['name'])
123 |         ids.append(user['email'])
124 |     return names,ids
125 | def get_user(email):
126 |     return client[collection].users.find_one({'email':email})


--------------------------------------------------------------------------------
/app/forms.py:
--------------------------------------------------------------------------------
 1 | from flask_wtf import FlaskForm
 2 | from wtforms import StringField, PasswordField, BooleanField, SubmitField, Form
 3 | from wtforms.validators import ValidationError, DataRequired, Email, EqualTo
 4 | import db
 5 | 
 6 | class RegistrationForm(FlaskForm):
 7 |     username = StringField('Username', validators=[DataRequired()])
 8 |     email = StringField('Email', validators=[DataRequired(), Email()])
 9 |     password = PasswordField('Password', validators=[DataRequired()])
10 |     password2 = PasswordField(
11 |         'Repeat Password', validators=[DataRequired(), EqualTo('password')])
12 |     submit = SubmitField('Register')
13 |     def __init__(self,role_):
14 |         self.role=role_
15 |         FlaskForm.__init__(self)
16 | 
17 |     def validate_username(self, username):
18 |         if db.is_user_by_name(username.data):
19 |             ValidationError('Please use a different username.')
20 |         return True
21 | 
22 |     def validate_email(self, email):
23 |         if db.is_user_by_email(email.data):
24 |             ValidationError('Please use a different email.')
25 |         return True
26 | 


--------------------------------------------------------------------------------
/app/input.py:
--------------------------------------------------------------------------------
 1 | from flask import render_template
 2 | from flask import send_from_directory, send_file,url_for,redirect
 3 | from flask import request
 4 | import json
 5 | import logging
 6 | from flask_login import login_user, logout_user, current_user, login_required,LoginManager,UserMixin
 7 | from flask import Blueprint,session
 8 | import db
 9 | import os
10 | import boto3
11 | import botocore
12 | import datetime
13 | import calendar
14 | 
15 | 
16 | s3 = boto3.resource('s3',aws_access_key_id=os.environ['AWS_KEY_ID'],
17 |                              aws_secret_access_key=os.environ['AWS_KEY'])
18 | s3_client  = boto3.client('s3',aws_access_key_id=os.environ['AWS_KEY_ID'],
19 |                              aws_secret_access_key=os.environ['AWS_KEY'])
20 | 
21 | 
22 | 
23 | input_api = Blueprint('input_api', __name__)
24 | f=open(os.path.join(os.path.dirname(os.path.realpath(__file__)),'config.json'),'r+')
25 | config=json.load(f)
26 | f.close()
27 | 
28 | @input_api.route('/input/del_day/<string:application>/<string:folder>/<string:day>', methods=['GET','POST'])
29 | @login_required
30 | def del_day(application,folder,day):
31 |     logging.info('del_day '+application+' '+folder+' '+day)
32 |     user=db.get_user(current_user.id)
33 |     if user['role']!='admin':
34 |         return 'You should be an admin'
35 |   
36 |     bucket_name = config[application]['bucket']
37 | 
38 |     print(application,folder,day)
39 |     files=db.get_files(application,folder,date=day)
40 |     for i in range(len(files)):
41 |         try:
42 |             s3.Object(bucket_name,folder+'/'+files[i]['filename']).delete()
43 |             db.delete_file(application,folder,files[i]['filename'])
44 | 
45 |         except botocore.exceptions.ClientError as e: 
46 |             logging.error(bucket_name+' '+folder+' '+ files[i]['filename']+' were not deleted')
47 | 
48 | 
49 |     return redirect('/input/'+application)
50 | 
51 | 
52 | @input_api.route('/input/<string:application>', methods=['GET','POST'])
53 | @login_required
54 | def input_get(application):
55 |     logging.info('Visited input')
56 |     user=db.get_user(current_user.id)
57 | 
58 |     if user['role']!='admin':
59 |         return 'You should be an admin'
60 | 
61 |     if request.method == 'POST':
62 |         session['cur_month']=request.form['month']
63 | 
64 |     if session.get('cur_month') is not None:
65 |         cur_month=session.get('cur_month')  
66 |         
67 |     else:
68 |         cur_month=datetime.datetime.today().strftime("%Y-%m")
69 | 
70 |     year=int(cur_month.split('-')[0])
71 |     month=int(cur_month.split('-')[1])
72 | 
73 |     num_days = calendar.monthrange(year, month)[1]
74 | 
75 |     days = [datetime.date(year, month, day) for day in range(1, num_days+1)]
76 |     
77 |     day_by_day=[]
78 |     for i in range(len(days)):
79 |         day={}
80 |         day['date']=days[i].strftime("%d-%m-%Y")
81 |         files=db.get_files(application,config[application]['input'],date=day['date'])
82 |         if len(files)>0:
83 |             day['count']=len(files)
84 |             day_by_day.append(day)
85 | 
86 |     return render_template('input.html',application=application,cur_month=cur_month,day_by_day=day_by_day,input=config[application]['input'],log_in_or_out='out')
87 | 
88 | 


--------------------------------------------------------------------------------
/app/main.py:
--------------------------------------------------------------------------------
  1 | from flask import Flask,render_template
  2 | from flask import send_from_directory, send_file,url_for,redirect
  3 | from flask import request
  4 | import json
  5 | import os
  6 | import shutil
  7 | import random
  8 | import logging
  9 | import time
 10 | import boto3
 11 | import botocore
 12 | import db
 13 | from forms import RegistrationForm
 14 | from review import review_api
 15 | from input import input_api
 16 | from markup_page import markuppage_api
 17 | 
 18 | from flask_login import login_user, logout_user, current_user, login_required,LoginManager,UserMixin
 19 | from flask import session
 20 | 
 21 | logging.basicConfig(filename='markup.log',level=logging.INFO)
 22 | 
 23 | s3 = boto3.resource('s3',aws_access_key_id=os.environ['AWS_KEY_ID'],
 24 |                              aws_secret_access_key=os.environ['AWS_KEY'])
 25 | s3_client  = boto3.client('s3',aws_access_key_id=os.environ['AWS_KEY_ID'],
 26 |                              aws_secret_access_key=os.environ['AWS_KEY'])
 27 | 
 28 | 
 29 | app = Flask(__name__)
 30 | app.config["SECRET_KEY"] = os.environ['SECRET_KEY']
 31 | app.register_blueprint(review_api)
 32 | app.register_blueprint(input_api)
 33 | app.register_blueprint(markuppage_api)
 34 | 
 35 | 
 36 | 
 37 | f=open(os.path.join(os.path.dirname(os.path.realpath(__file__)),'config.json'),'r+')
 38 | config=json.load(f)
 39 | f.close()
 40 | 
 41 | login_manager = LoginManager()
 42 | login_manager.init_app(app)
 43 | 
 44 | class User(UserMixin):
 45 |     pass
 46 | 
 47 | @login_manager.user_loader
 48 | def user_loader(email):
 49 | 
 50 |     user_dict=db.get_user(email)
 51 |     if user_dict is None:
 52 |         return
 53 | 
 54 |     user = User()
 55 |     user.id = user_dict['email']
 56 |     user.name=user_dict['email']
 57 |     return user
 58 | 
 59 | 
 60 | @login_manager.request_loader
 61 | def request_loader(request):
 62 |     email = request.form.get('email')
 63 | 
 64 |     user_dict=db.get_user(email)
 65 | 
 66 |     if user_dict is None:
 67 |         return
 68 | 
 69 |     user = User()
 70 |     user.id = user_dict['email']
 71 |     user.name=user_dict['email']
 72 | 
 73 |     user.is_authenticated = db.check_password(email,request.form['password'])
 74 | 
 75 |     return user
 76 | 
 77 | @app.route('/')
 78 | @login_required
 79 | def index():
 80 |     logging.info('Visited root')
 81 |     return 'Logged in as: ' + current_user.id
 82 | 
 83 | @app.route('/login', methods=['GET', 'POST'])
 84 | def login():
 85 |     if request.method == 'GET':
 86 |         return render_template('login.html', title='Login')
 87 |     email = request.form['email']
 88 |     if db.check_password(email,request.form['password']):
 89 |         user_dict=db.get_user(email)
 90 |         user = User()
 91 |         user.id = user_dict['email']
 92 |         user.name= user_dict['email']
 93 |         login_user(user)
 94 |         if 'url' in session:
 95 |             return redirect(session['url'])
 96 |         else:
 97 |             return 'you have logged in the makrup service'
 98 |     return 'Bad login'
 99 | 
100 | @app.route('/logout')
101 | def logout():
102 |     logout_user()
103 |     return redirect(url_for('login'))
104 | @login_manager.unauthorized_handler
105 | def unauthorized_handler():
106 |     return redirect('/login')
107 | 
108 | @app.route('/add_pre_user/<string:role>/<string:token>', methods=['GET'])
109 | @login_required
110 | def add_pre_user(role,token):
111 |     print('add  pre user',role,token)
112 |     user=db.get_user(current_user.id)
113 |     if user['role']!='admin':
114 |         return 'You should be an admin'
115 |     db.add_pre_user(role,token)
116 |     return "pre user was added"
117 |     
118 | 
119 | @app.route('/register/<string:role>/<string:token>', methods=['GET'])
120 | def register_get(role,token):
121 |     print('register ',role,token)
122 |     if db.check_pre_user(role,token):
123 |         form = RegistrationForm(role)
124 |         return render_template('register.html', title='Register', form=form)    
125 |     return "no such user"
126 | 
127 | @app.route('/register/<string:role>/<string:token>', methods=['POST'])
128 | def register_post(role,token):
129 |     form = RegistrationForm(role)
130 |     if form.validate_on_submit():
131 |         db.add_user(form.username.data,form.email.data,form.password.data,form.role)
132 |         db.del_pre_user(role,token)
133 |         return redirect(url_for('login'))
134 |     return render_template('register.html', title='Register', form=form)
135 | 
136 | @app.route('/upload/<string:application>',methods=['GET'])
137 | @login_required
138 | def upload_get(application):
139 |     logging.info('Visited get /upload/'+application)
140 |     if application in config['applications']:
141 |         return render_template('uploadfiles.html',application=application,log_in_or_out='out')
142 |     else:
143 |         return "no such application"
144 | 
145 | @app.route('/upload/<string:application>',methods=['POST'])
146 | def upload_post(application):
147 |     logging.info('Visited post /upload/'+application)
148 |     
149 |     if application in config['applications']:
150 |       
151 |         bucket_name = config[application]['bucket']
152 |         files = request.files.getlist("files")
153 |         for file in files:
154 | 
155 |             if '.jpg' in file.filename or '.png' in file.filename:
156 | 
157 |                 db.put_file(application,config[application]['input'],file.filename)
158 |                 s3.Bucket(bucket_name).put_object(Key=config[application]['input']+'/'+file.filename, Body=file.read())
159 | 
160 |         return redirect('/upload/'+application)
161 |     else:
162 |         return "no such application"
163 | 
164 | @app.route('/upload_result/<string:application>',methods=['POST'])
165 | def upload_result_post(application):
166 |     logging.info('Visited post /upload_result/'+application)
167 |     
168 |     if application in config['applications']:
169 |         bucket_name = config[application]['bucket']
170 |         files = request.files.getlist("files")
171 |         if len(files)==2 and ('.jpg' in files[0].filename or '.png' in files[0].filename) and ('.json' in files[1].filename):
172 |             db.put_file(application,config[application]['input'],files[0].filename)
173 |             s3.Bucket(bucket_name).put_object(Key=config[application]['input']+'/'+files[0].filename, Body=files[0].read())
174 |             db.put_file(application,config[application]['input'],files[1].filename)
175 |             s3.Bucket(bucket_name).put_object(Key=config[application]['input']+'/'+files[1].filename, Body=files[1].read())
176 |         return "ok"
177 |     else:
178 |         return "no such application"
179 | 
180 | 
181 | 
182 | 
183 | 
184 | @app.route('/<string:application>/get_left_images')
185 | def get_left_images(application):
186 |     if application in config['applications']:
187 |         folder=config[application]['input']
188 |         return str(db.get_files_count(application,folder,exts=['.png','.jpg']))
189 |     else:
190 |         return None
191 | 
192 | @app.route('/<string:application>/get_config/<string:field>')
193 | def get_config(application,field):
194 |     if application in config['applications']:
195 |         return json.dumps(config[application][field])
196 |     return None
197 | 
198 | @app.route('/<string:application>/get_file_names/<string:folder>')
199 | def get_file_names(application,folder):
200 | 
201 |     if application in config['applications']:
202 |         files=db.get_files(application,folder)
203 |         res=[]
204 |         for f in files:
205 |             res.append(f['filename'])
206 |         return json.dumps(res)
207 |     else:
208 |         return None
209 | @app.route('/<string:application>/get_file/<string:folder>/<string:filename>')
210 | def get_file(application,folder,filename):
211 | 
212 |     if application in config['applications']:
213 |         logging.info('Returning file  with application = {}, folder = {}, filename = {}'.format(application,folder, filename))
214 |         bucket_name = config[application]['bucket']
215 |         file_key = folder+"/" + filename
216 |         try:
217 |             logging.info('before get')
218 |             response = s3_client.get_object(Bucket=bucket_name, Key=file_key)
219 |             logging.info('after get')
220 |         except botocore.exceptions.ClientError as e: 
221 |             db.delete_file(application,config[application]['input'],filename)
222 |             return None
223 | 
224 |         data = response['Body']
225 |         logging.info('before send')
226 |         return send_file(data, attachment_filename=filename)  
227 |     else:
228 |         return None
229 | 
230 | 
231 | 
232 | @app.route('/<string:application>/get_random_pic_name')
233 | @login_required
234 | def get_random_pic_name(application):
235 |     max_n=1024
236 | 
237 |     if application in config['applications']:
238 |         
239 |         folder=config[application]['input']
240 | 
241 |         
242 |         doc=db.get_random_file(application,folder,exts=['.jpg','.png'])
243 |         if not doc is None:
244 |             return '/'+application+'/get_file/'+folder+'/'+doc['filename']
245 |         return 'None'
246 |     else:
247 |         return 'None'
248 | 
249 | @app.route('/<string:application>/get_json/<string:folder>/<string:image_filename>')
250 | @login_required
251 | def get_json(application,folder,image_filename):
252 | 
253 |     if application in config['applications']:
254 |         start=time.time()
255 |         bucket_name = config[application]['bucket']
256 |         logging.info('get json, app  = {}, bucket_name = {}, filename={}'.format(application, bucket_name,image_filename)) 
257 |         file_key=folder+'/'+image_filename.split('.')[0]+'.json'
258 |         try:
259 | 
260 |             response=s3_client.get_object(Bucket=bucket_name, Key=file_key)
261 |             str = response['Body'].read().decode('utf-8') 
262 |             return str
263 |         except botocore.exceptions.ClientError as e: 
264 |             return '{}'
265 |         return '{}'
266 |     else:
267 |         return '{}'
268 | 
269 | 
270 | 
271 | @app.route('/save/<string:application>',methods=['POST'])
272 | @login_required
273 | def savePost(application):
274 |     if application in config['applications']:
275 |         bucket_name = config[application]['bucket']
276 |         logging.info('savePost, application = {}, bucket_name = {}'.format(application, bucket_name))
277 |         data = request.data
278 | 
279 |         dict=json.loads(data.decode())
280 |         fn=dict['imageName']
281 | 
282 | 
283 |         #recived markup
284 | 
285 |         image_path = fn.split('/')[3]+'/'+fn.split('/')[4]
286 |         #print(image_path)
287 | 
288 |         if image_path.endswith('.jpg'):
289 |             mark_path = image_path.replace(config[application]['input'], config[application]['output']).replace('.jpg','.json')
290 |         else:
291 |             if image_path.endswith('.png'):
292 |                 mark_path = image_path.replace(config[application]['input'], config[application]['output']).replace('.png', '.json')
293 |             else:
294 |                 return "wrong file format"
295 | 
296 |         logging.info("Saving markup to " + mark_path)
297 |         s3.Bucket(bucket_name).put_object(Key=mark_path, Body=data)
298 |         db.put_file(application,config[application]['output'],os.path.basename(mark_path),user_id=current_user.id)
299 | 
300 |         #move image
301 |         old_location = image_path
302 |         new_location = image_path.replace(config[application]['input'], config[application]['output'])
303 |         logging.info("Moving image from {} to {}".format(old_location, new_location))
304 |         s3.Object(bucket_name, new_location).copy_from(CopySource=bucket_name+'/' + old_location)
305 |         db.put_file(application,config[application]['output'],os.path.basename(new_location))
306 | 
307 |         s3.Object(bucket_name, old_location).delete()
308 |         db.delete_file(application,config[application]['input'],os.path.basename(old_location))
309 |         #print('to del mark:',mark_path)
310 |         db.delete_file(application,config[application]['input'],os.path.basename(mark_path))
311 |         s3.Object(bucket_name,mark_path.replace(config[application]['output'],config[application]['input'])).delete()
312 | 
313 |         return "ok"
314 |     else:
315 |         return "no such application"
316 | 
317 | if __name__=='__main__':
318 |     
319 |     db.add_user(os.environ['DEBUG_ADMIN_EMAIL'],os.environ['DEBUG_ADMIN_EMAIL'],os.environ['DEBUG_ADMIN_PASSWORD'],'admin')
320 |     app.run(host='0.0.0.0',port=5000)
321 | 


--------------------------------------------------------------------------------
/app/markup_page.py:
--------------------------------------------------------------------------------
 1 | from flask import render_template
 2 | from flask import send_from_directory, send_file,url_for,redirect
 3 | from flask import request
 4 | import json
 5 | import logging
 6 | import os
 7 | from flask_login import login_user, logout_user, current_user, login_required,LoginManager,UserMixin
 8 | from flask import Blueprint,session
 9 | 
10 | markuppage_api = Blueprint('markuppage_api', __name__)
11 | 
12 | f=open(os.path.join(os.path.dirname(os.path.realpath(__file__)),'config.json'),'r+')
13 | config=json.load(f)
14 | f.close()
15 | 
16 | @markuppage_api.route('/markup/<string:application>')
17 | @login_required
18 | def markup(application):
19 |     session['url'] = '/markup/'+application
20 | 
21 |     logging.info('Visited /markup/'+application)
22 |     if application in config['applications']:
23 |         width=config[application]['width']
24 |         height=config[application]['height']
25 |         return render_template(application+'.html',width=width,height=height,application=application,review=False,log_in_or_out="out")
26 |     else:
27 |         return "no such application"
28 | 
29 | @markuppage_api.route('/markup/<string:application>/set_resize', methods=['POST'])
30 | @login_required
31 | def set_resize(application):
32 |     value=request.args.get('resize')
33 |     if not value is None:
34 |         session[application+':resize']=value
35 |         
36 |     else:
37 |         session[application+':resize']='True'
38 |     return "ok"
39 | @markuppage_api.route('/markup/<string:application>/get_resize', methods=['GET'])
40 | def get_resize(application):
41 |     value=session.get(application+':resize')
42 |     if not value is None:
43 |         return value
44 |     else:
45 |         return 'True'
46 | 


--------------------------------------------------------------------------------
/app/requirements.txt:
--------------------------------------------------------------------------------
 1 | flask==1.0.3
 2 | werkzeug==0.16.1
 3 | email-validator
 4 | flask_wtf==0.14.2
 5 | flask_login==0.4.1
 6 | requests==2.18.4
 7 | boto3==1.9.159
 8 | pymongo[tls,srv]==3.8.0
 9 | passlib==1.7.1
10 | Flask-Bootstrap==3.3.7.1
11 | 


--------------------------------------------------------------------------------
/app/review.py:
--------------------------------------------------------------------------------
  1 | from flask import render_template
  2 | from flask import send_from_directory, send_file,url_for,redirect
  3 | from flask import request
  4 | import json
  5 | import logging
  6 | from flask_login import login_user, logout_user, current_user, login_required,LoginManager,UserMixin
  7 | from flask import Blueprint,session
  8 | import db
  9 | import os
 10 | import boto3
 11 | import botocore
 12 | 
 13 | 
 14 | s3 = boto3.resource('s3',aws_access_key_id=os.environ['AWS_KEY_ID'],
 15 |                              aws_secret_access_key=os.environ['AWS_KEY'])
 16 | s3_client  = boto3.client('s3',aws_access_key_id=os.environ['AWS_KEY_ID'],
 17 |                              aws_secret_access_key=os.environ['AWS_KEY'])
 18 | 
 19 | 
 20 | review_api = Blueprint('review_api', __name__)
 21 | 
 22 | f=open(os.path.join(os.path.dirname(os.path.realpath(__file__)),'config.json'),'r+')
 23 | config=json.load(f)
 24 | f.close()
 25 | 
 26 | 
 27 | @review_api.route('/review/<string:application>', methods=['GET','POST'])
 28 | @login_required
 29 | def review_get(application):
 30 |     logging.info('Visited review')
 31 |     user=db.get_user(current_user.id)
 32 |     if user['role']!='admin':
 33 |         return 'You should be an admin'
 34 | 
 35 |     names,ids=db.get_all_users()
 36 |     ids.insert(0,'all users')
 37 | 
 38 |     if request.method == 'POST':
 39 |         session['user_to_review']=request.form['select_user']
 40 | 
 41 |     files=[]
 42 |     if session.get('user_to_review') is not None:
 43 |         cur_user=session['user_to_review']
 44 |         if not cur_user == 'all users':
 45 |             files_=db.get_files(application,config[application]['output'],cur_user)
 46 |         else:
 47 |             files_=db.get_files(application,config[application]['output'],ext='.json')
 48 | 
 49 |         for i in range(len(files_)):
 50 |             files.append(files_[i]['filename'])
 51 | 
 52 |     else:
 53 |         cur_user='user to review was not chosen'
 54 | 
 55 |     
 56 |     return render_template('review_choose_user.html',users=ids,application=application,cur_user=cur_user,files=files,output=config[application]['output'],log_in_or_out='out')
 57 | 
 58 | @review_api.route('/review/del_sample/<string:application>/<string:folder>/<string:filename>', methods=['GET','POST'])
 59 | @login_required
 60 | def del_sample(application,folder,filename):
 61 |     logging.info('Visited del sample '+application+' '+folder+' '+filename)
 62 |     user=db.get_user(current_user.id)
 63 | 
 64 |     if user['role']!='admin':
 65 |         return 'You should be an admin'
 66 | 
 67 |     bucket_name = config[application]['bucket']
 68 |     fn_1=filename+'.json'
 69 |     fn_2=filename+'.'+config[application]["image_ext"]
 70 | 
 71 | 
 72 |     db.delete_file(application, folder, fn_1)
 73 |     db.delete_file(application, folder, fn_2)
 74 | 
 75 | 
 76 |     try:
 77 |         s3.Object(bucket_name,folder+'/'+fn_1).delete()
 78 |     except botocore.exceptions.ClientError as e:
 79 |         logging.error('delete error: '+bucket_name+' '+ folder+'/'+fn_1)
 80 |     try:
 81 |         s3.Object(bucket_name,folder+'/'+fn_2).delete()
 82 |     except botocore.exceptions.ClientError as e:
 83 |         logging.error('delete error: ' + bucket_name + ' ' + folder + '/' + fn_2)
 84 |         
 85 |     return redirect('/review/'+application)
 86 | 
 87 | @review_api.route('/review/del_all_samples_for_user/<string:application>/<string:folder>', methods=['GET','POST'])
 88 | @login_required
 89 | def del_all_samples(application,folder):
 90 |     logging.info('Visited del all sample for user '+application+' '+folder)
 91 |     user=db.get_user(current_user.id)
 92 | 
 93 |     if user['role']!='admin':
 94 |         return 'You should be an admin'
 95 |     cur_user=session['user_to_review']
 96 | 
 97 |     
 98 |     bucket_name = config[application]['bucket']
 99 | 
100 |     files=db.get_files(application,folder,cur_user)
101 |     for i in range(len(files)):
102 |         filename=files[i]['filename']
103 |         fn_1=filename
104 |         fn_2=filename.replace('.json','.'+config[application]["image_ext"])
105 |         #print(fn_1,fn_2)
106 | 
107 |         try:
108 |             s3.Object(bucket_name,folder+'/'+fn_1).delete()
109 |             db.delete_file(application,folder,fn_1)
110 |             s3.Object(bucket_name,folder+'/'+fn_2).delete()
111 |             db.delete_file(application,folder,fn_2)
112 | 
113 |         except botocore.exceptions.ClientError as e: 
114 |             logging.error(bucket_name+' '+folder+' '+ fn_1+' '+fn_2+' were not deleted')
115 | 
116 |     return redirect('/review/'+application)
117 | 
118 | 
119 | 
120 | @review_api.route('/review/<string:application>/<string:folder>/<string:filename>', methods=['GET','POST'])
121 | @login_required
122 | def review_file(application,folder,filename):
123 |     logging.info('Visited review')
124 |     user=db.get_user(current_user.id)
125 |     width=config[application]['width']
126 |     height=config[application]['height']
127 |     return render_template(application+'.html',width=width,height=height,application=application,review=True,
128 |         filename=filename,folder=folder,image_ext=config[application]['image_ext'])
129 | 
130 |    
131 | 
132 | @review_api.route('/files/<string:application>/<string:folder>/<string:filename>', methods=['GET'])
133 | @login_required
134 | def files(application,folder,filename):
135 |     if application in config['applications']:
136 |         logging.info('Returning image with application = {}, folder={}, filename = {}'.format(application,folder, filename))
137 |         bucket_name = config[application]['bucket']
138 |         file_key = folder+"/" + filename
139 |         logging.info('Use bucket_name = {}, and file_key = {}'.format(bucket_name, file_key))
140 |         try:
141 |             response = s3_client.get_object(Bucket=bucket_name, Key=file_key)
142 |         except botocore.exceptions.ClientError as e: 
143 |             db.delete_file(application,folder,filename)
144 |             return None
145 |         data = response['Body']
146 |         return send_file(data, attachment_filename=filename)  
147 |     return None
148 | 
149 | 


--------------------------------------------------------------------------------
/app/static/blank-img.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VasilyMorzhakov/markup_server/c0903fb26e865c5f6dae01986aafb54f83bdf20d/app/static/blank-img.jpg


--------------------------------------------------------------------------------
/app/static/css/main.css:
--------------------------------------------------------------------------------
  1 | @import url('https://fonts.googleapis.com/css?family=Raleway');
  2 | 
  3 | body{
  4 | 	padding: 0;
  5 | 	margin: 0;
  6 |   background:#f4f4f4;
  7 |   overflow-x: auto;
  8 |   overflow-y: auto;
  9 | }
 10 | html,h1,h2,h3,h4,h5,h6,a{
 11 | 	font-family: "Raleway";
 12 | }
 13 | .navbar{
 14 | 	background:#7300F9;
 15 | }
 16 | .nav-link , .navbar-brand{
 17 | 	color: #f4f4f4;
 18 | 	cursor: pointer;
 19 | }
 20 | .nav-link{
 21 | 	margin-right: 1em !important;
 22 | }
 23 | .nav-link:hover{
 24 | 	color: #73f9f9;
 25 | }
 26 | .navbar-collapse{
 27 |  justify-content: flex-end;
 28 | }
 29 | .description{
 30 |     margin-top: 66px;
 31 |     margin-left: auto;
 32 |     margin-right:auto;
 33 |     width: 600px;
 34 |     padding: 2em;
 35 | 
 36 | }
 37 | 
 38 | .description h4{
 39 | 	color:#7300F9 ;
 40 | }
 41 | .description h2{
 42 | 	color:#7300F9 ;
 43 | }
 44 | 
 45 | .description p{
 46 | 	color:#666;
 47 | 	font-size: 14px;
 48 | 	width: 50%;
 49 | 	line-height: 1.5;
 50 | }
 51 | .description button{
 52 | 	border:1px  solid #7300F9;
 53 | 	background:#7300F9;
 54 | 	color:#fff;
 55 | }
 56 | .files input {
 57 | outline: 2px dashed #92b0b3;
 58 | outline-offset: -10px;
 59 | -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
 60 | transition: outline-offset .15s ease-in-out, background-color .15s linear;
 61 | padding: 120px 0px 85px 35%;
 62 | text-align: center !important;
 63 | margin: 0;
 64 | width: 100% !important;
 65 | }
 66 | .files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
 67 |     -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
 68 |     transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 69 |  }
 70 | .files{ position:relative}
 71 | .files:after {  pointer-events: none;
 72 |     position: absolute;
 73 |     top: 60px;
 74 |     left: 0;
 75 |     width: 50px;
 76 |     right: 0;
 77 |     height: 56px;
 78 |     content: "";
 79 |     background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
 80 |     display: block;
 81 |     margin: 0 auto;
 82 |     background-size: 100%;
 83 |     background-repeat: no-repeat;
 84 | }
 85 | .color input{ background-color:#f1f1f1;}
 86 | .files:before {
 87 |     position: absolute;
 88 |     bottom: 10px;
 89 |     left: 0;  pointer-events: none;
 90 |     width: 100%;
 91 |     right: 0;
 92 |     height: 57px;
 93 |     content: " or drag and drop it here. ";
 94 |     display: block;
 95 |     margin: 0 auto;
 96 |     color: #2ea591;
 97 |     font-weight: 600;
 98 |     text-transform: capitalize;
 99 |     text-align: center;
100 | }
101 | .input-table, .review-table {
102 | 	text-align: center;
103 | 	border-color: grey;
104 | }
105 | .review-table {
106 |   width: 100%;
107 |   }
108 |   .review-table tbody {
109 | 	height: 220px;
110 | 	overflow-y: auto;
111 | 	width: 100%;
112 |   }
113 |   .review-table thead, .review-table tbody, .review-table tr, .review-table td, .review-table th {
114 | 	display: block;
115 |   }
116 |   .review-table tbody td {
117 | 	float: left;
118 |   }
119 |   .review-table thead tr th {
120 | 	float: left;
121 | 	background-color: #66ccff;
122 |   }
123 |   .review-table > thead >tr {
124 | 	  padding-right: 17px;
125 |   }
126 | 


--------------------------------------------------------------------------------
/app/static/js/bootstrap.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |   * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com)
3 |   * Copyright 2011-2017 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
4 |   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 |   */
6 | var bootstrap=function(t,e,n){"use strict";function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}e=e&&e.hasOwnProperty("default")?e.default:e,n=n&&n.hasOwnProperty("default")?n.default:n;var s=function(){function t(t){return{}.toString.call(t).match(/\s([a-zA-Z]+)/)[1].toLowerCase()}function n(){return{bindType:r.end,delegateType:r.end,handle:function(t){if(e(t.target).is(this))return t.handleObj.handler.apply(this,arguments)}}}function i(){if(window.QUnit)return!1;var t=document.createElement("bootstrap");for(var e in o)if("undefined"!=typeof t.style[e])return{end:o[e]};return!1}function s(t){var n=this,i=!1;return e(this).one(a.TRANSITION_END,function(){i=!0}),setTimeout(function(){i||a.triggerTransitionEnd(n)},t),this}var r=!1,o={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},a={TRANSITION_END:"bsTransitionEnd",getUID:function(t){do{t+=~~(1e6*Math.random())}while(document.getElementById(t));return t},getSelectorFromElement:function(t){var n=t.getAttribute("data-target");n&&"#"!==n||(n=t.getAttribute("href")||"");try{return e(document).find(n).length>0?n:null}catch(t){return null}},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(t){e(t).trigger(r.end)},supportsTransitionEnd:function(){return Boolean(r)},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(e,n,i){for(var s in i)if(Object.prototype.hasOwnProperty.call(i,s)){var r=i[s],o=n[s],l=o&&a.isElement(o)?"element":t(o);if(!new RegExp(r).test(l))throw new Error(e.toUpperCase()+': Option "'+s+'" provided type "'+l+'" but expected type "'+r+'".')}}};return r=i(),e.fn.emulateTransitionEnd=s,a.supportsTransitionEnd()&&(e.event.special[a.TRANSITION_END]=n()),a}(),r=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t},o=function(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e},a=function(){var t="alert",n=e.fn[t],i={CLOSE:"close.bs.alert",CLOSED:"closed.bs.alert",CLICK_DATA_API:"click.bs.alert.data-api"},o={ALERT:"alert",FADE:"fade",SHOW:"show"},a=function(){function t(t){this._element=t}var n=t.prototype;return n.close=function(t){t=t||this._element;var e=this._getRootElement(t);this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},n.dispose=function(){e.removeData(this._element,"bs.alert"),this._element=null},n._getRootElement=function(t){var n=s.getSelectorFromElement(t),i=!1;return n&&(i=e(n)[0]),i||(i=e(t).closest("."+o.ALERT)[0]),i},n._triggerCloseEvent=function(t){var n=e.Event(i.CLOSE);return e(t).trigger(n),n},n._removeElement=function(t){var n=this;e(t).removeClass(o.SHOW),s.supportsTransitionEnd()&&e(t).hasClass(o.FADE)?e(t).one(s.TRANSITION_END,function(e){return n._destroyElement(t,e)}).emulateTransitionEnd(150):this._destroyElement(t)},n._destroyElement=function(t){e(t).detach().trigger(i.CLOSED).remove()},t._jQueryInterface=function(n){return this.each(function(){var i=e(this),s=i.data("bs.alert");s||(s=new t(this),i.data("bs.alert",s)),"close"===n&&s[n](this)})},t._handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},r(t,null,[{key:"VERSION",get:function(){return"4.0.0-beta.2"}}]),t}();return e(document).on(i.CLICK_DATA_API,{DISMISS:'[data-dismiss="alert"]'}.DISMISS,a._handleDismiss(new a)),e.fn[t]=a._jQueryInterface,e.fn[t].Constructor=a,e.fn[t].noConflict=function(){return e.fn[t]=n,a._jQueryInterface},a}(),l=function(){var t="button",n=e.fn[t],i={ACTIVE:"active",BUTTON:"btn",FOCUS:"focus"},s={DATA_TOGGLE_CARROT:'[data-toggle^="button"]',DATA_TOGGLE:'[data-toggle="buttons"]',INPUT:"input",ACTIVE:".active",BUTTON:".btn"},o={CLICK_DATA_API:"click.bs.button.data-api",FOCUS_BLUR_DATA_API:"focus.bs.button.data-api blur.bs.button.data-api"},a=function(){function t(t){this._element=t}var n=t.prototype;return n.toggle=function(){var t=!0,n=!0,r=e(this._element).closest(s.DATA_TOGGLE)[0];if(r){var o=e(this._element).find(s.INPUT)[0];if(o){if("radio"===o.type)if(o.checked&&e(this._element).hasClass(i.ACTIVE))t=!1;else{var a=e(r).find(s.ACTIVE)[0];a&&e(a).removeClass(i.ACTIVE)}if(t){if(o.hasAttribute("disabled")||r.hasAttribute("disabled")||o.classList.contains("disabled")||r.classList.contains("disabled"))return;o.checked=!e(this._element).hasClass(i.ACTIVE),e(o).trigger("change")}o.focus(),n=!1}}n&&this._element.setAttribute("aria-pressed",!e(this._element).hasClass(i.ACTIVE)),t&&e(this._element).toggleClass(i.ACTIVE)},n.dispose=function(){e.removeData(this._element,"bs.button"),this._element=null},t._jQueryInterface=function(n){return this.each(function(){var i=e(this).data("bs.button");i||(i=new t(this),e(this).data("bs.button",i)),"toggle"===n&&i[n]()})},r(t,null,[{key:"VERSION",get:function(){return"4.0.0-beta.2"}}]),t}();return e(document).on(o.CLICK_DATA_API,s.DATA_TOGGLE_CARROT,function(t){t.preventDefault();var n=t.target;e(n).hasClass(i.BUTTON)||(n=e(n).closest(s.BUTTON)),a._jQueryInterface.call(e(n),"toggle")}).on(o.FOCUS_BLUR_DATA_API,s.DATA_TOGGLE_CARROT,function(t){var n=e(t.target).closest(s.BUTTON)[0];e(n).toggleClass(i.FOCUS,/^focus(in)?$/.test(t.type))}),e.fn[t]=a._jQueryInterface,e.fn[t].Constructor=a,e.fn[t].noConflict=function(){return e.fn[t]=n,a._jQueryInterface},a}(),h=function(){var t="carousel",n="bs.carousel",i="."+n,o=e.fn[t],a={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0},l={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean"},h={NEXT:"next",PREV:"prev",LEFT:"left",RIGHT:"right"},c={SLIDE:"slide"+i,SLID:"slid"+i,KEYDOWN:"keydown"+i,MOUSEENTER:"mouseenter"+i,MOUSELEAVE:"mouseleave"+i,TOUCHEND:"touchend"+i,LOAD_DATA_API:"load.bs.carousel.data-api",CLICK_DATA_API:"click.bs.carousel.data-api"},u={CAROUSEL:"carousel",ACTIVE:"active",SLIDE:"slide",RIGHT:"carousel-item-right",LEFT:"carousel-item-left",NEXT:"carousel-item-next",PREV:"carousel-item-prev",ITEM:"carousel-item"},d={ACTIVE:".active",ACTIVE_ITEM:".active.carousel-item",ITEM:".carousel-item",NEXT_PREV:".carousel-item-next, .carousel-item-prev",INDICATORS:".carousel-indicators",DATA_SLIDE:"[data-slide], [data-slide-to]",DATA_RIDE:'[data-ride="carousel"]'},f=function(){function o(t,n){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this._config=this._getConfig(n),this._element=e(t)[0],this._indicatorsElement=e(this._element).find(d.INDICATORS)[0],this._addEventListeners()}var f=o.prototype;return f.next=function(){this._isSliding||this._slide(h.NEXT)},f.nextWhenVisible=function(){!document.hidden&&e(this._element).is(":visible")&&"hidden"!==e(this._element).css("visibility")&&this.next()},f.prev=function(){this._isSliding||this._slide(h.PREV)},f.pause=function(t){t||(this._isPaused=!0),e(this._element).find(d.NEXT_PREV)[0]&&s.supportsTransitionEnd()&&(s.triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},f.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},f.to=function(t){var n=this;this._activeElement=e(this._element).find(d.ACTIVE_ITEM)[0];var i=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)e(this._element).one(c.SLID,function(){return n.to(t)});else{if(i===t)return this.pause(),void this.cycle();var s=t>i?h.NEXT:h.PREV;this._slide(s,this._items[t])}},f.dispose=function(){e(this._element).off(i),e.removeData(this._element,n),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},f._getConfig=function(n){return n=e.extend({},a,n),s.typeCheckConfig(t,n,l),n},f._addEventListeners=function(){var t=this;this._config.keyboard&&e(this._element).on(c.KEYDOWN,function(e){return t._keydown(e)}),"hover"===this._config.pause&&(e(this._element).on(c.MOUSEENTER,function(e){return t.pause(e)}).on(c.MOUSELEAVE,function(e){return t.cycle(e)}),"ontouchstart"in document.documentElement&&e(this._element).on(c.TOUCHEND,function(){t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout(function(e){return t.cycle(e)},500+t._config.interval)}))},f._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next();break;default:return}},f._getItemIndex=function(t){return this._items=e.makeArray(e(t).parent().find(d.ITEM)),this._items.indexOf(t)},f._getItemByDirection=function(t,e){var n=t===h.NEXT,i=t===h.PREV,s=this._getItemIndex(e),r=this._items.length-1;if((i&&0===s||n&&s===r)&&!this._config.wrap)return e;var o=(s+(t===h.PREV?-1:1))%this._items.length;return-1===o?this._items[this._items.length-1]:this._items[o]},f._triggerSlideEvent=function(t,n){var i=this._getItemIndex(t),s=this._getItemIndex(e(this._element).find(d.ACTIVE_ITEM)[0]),r=e.Event(c.SLIDE,{relatedTarget:t,direction:n,from:s,to:i});return e(this._element).trigger(r),r},f._setActiveIndicatorElement=function(t){if(this._indicatorsElement){e(this._indicatorsElement).find(d.ACTIVE).removeClass(u.ACTIVE);var n=this._indicatorsElement.children[this._getItemIndex(t)];n&&e(n).addClass(u.ACTIVE)}},f._slide=function(t,n){var i,r,o,a=this,l=e(this._element).find(d.ACTIVE_ITEM)[0],f=this._getItemIndex(l),_=n||l&&this._getItemByDirection(t,l),g=this._getItemIndex(_),m=Boolean(this._interval);if(t===h.NEXT?(i=u.LEFT,r=u.NEXT,o=h.LEFT):(i=u.RIGHT,r=u.PREV,o=h.RIGHT),_&&e(_).hasClass(u.ACTIVE))this._isSliding=!1;else if(!this._triggerSlideEvent(_,o).isDefaultPrevented()&&l&&_){this._isSliding=!0,m&&this.pause(),this._setActiveIndicatorElement(_);var p=e.Event(c.SLID,{relatedTarget:_,direction:o,from:f,to:g});s.supportsTransitionEnd()&&e(this._element).hasClass(u.SLIDE)?(e(_).addClass(r),s.reflow(_),e(l).addClass(i),e(_).addClass(i),e(l).one(s.TRANSITION_END,function(){e(_).removeClass(i+" "+r).addClass(u.ACTIVE),e(l).removeClass(u.ACTIVE+" "+r+" "+i),a._isSliding=!1,setTimeout(function(){return e(a._element).trigger(p)},0)}).emulateTransitionEnd(600)):(e(l).removeClass(u.ACTIVE),e(_).addClass(u.ACTIVE),this._isSliding=!1,e(this._element).trigger(p)),m&&this.cycle()}},o._jQueryInterface=function(t){return this.each(function(){var i=e(this).data(n),s=e.extend({},a,e(this).data());"object"==typeof t&&e.extend(s,t);var r="string"==typeof t?t:s.slide;if(i||(i=new o(this,s),e(this).data(n,i)),"number"==typeof t)i.to(t);else if("string"==typeof r){if("undefined"==typeof i[r])throw new Error('No method named "'+r+'"');i[r]()}else s.interval&&(i.pause(),i.cycle())})},o._dataApiClickHandler=function(t){var i=s.getSelectorFromElement(this);if(i){var r=e(i)[0];if(r&&e(r).hasClass(u.CAROUSEL)){var a=e.extend({},e(r).data(),e(this).data()),l=this.getAttribute("data-slide-to");l&&(a.interval=!1),o._jQueryInterface.call(e(r),a),l&&e(r).data(n).to(l),t.preventDefault()}}},r(o,null,[{key:"VERSION",get:function(){return"4.0.0-beta.2"}},{key:"Default",get:function(){return a}}]),o}();return e(document).on(c.CLICK_DATA_API,d.DATA_SLIDE,f._dataApiClickHandler),e(window).on(c.LOAD_DATA_API,function(){e(d.DATA_RIDE).each(function(){var t=e(this);f._jQueryInterface.call(t,t.data())})}),e.fn[t]=f._jQueryInterface,e.fn[t].Constructor=f,e.fn[t].noConflict=function(){return e.fn[t]=o,f._jQueryInterface},f}(),c=function(){var t="collapse",n="bs.collapse",i=e.fn[t],o={toggle:!0,parent:""},a={toggle:"boolean",parent:"(string|element)"},l={SHOW:"show.bs.collapse",SHOWN:"shown.bs.collapse",HIDE:"hide.bs.collapse",HIDDEN:"hidden.bs.collapse",CLICK_DATA_API:"click.bs.collapse.data-api"},h={SHOW:"show",COLLAPSE:"collapse",COLLAPSING:"collapsing",COLLAPSED:"collapsed"},c={WIDTH:"width",HEIGHT:"height"},u={ACTIVES:".show, .collapsing",DATA_TOGGLE:'[data-toggle="collapse"]'},d=function(){function i(t,n){this._isTransitioning=!1,this._element=t,this._config=this._getConfig(n),this._triggerArray=e.makeArray(e('[data-toggle="collapse"][href="#'+t.id+'"],[data-toggle="collapse"][data-target="#'+t.id+'"]'));for(var i=e(u.DATA_TOGGLE),r=0;r<i.length;r++){var o=i[r],a=s.getSelectorFromElement(o);null!==a&&e(a).filter(t).length>0&&this._triggerArray.push(o)}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}var d=i.prototype;return d.toggle=function(){e(this._element).hasClass(h.SHOW)?this.hide():this.show()},d.show=function(){var t=this;if(!this._isTransitioning&&!e(this._element).hasClass(h.SHOW)){var r,o;if(this._parent&&((r=e.makeArray(e(this._parent).children().children(u.ACTIVES))).length||(r=null)),!(r&&(o=e(r).data(n))&&o._isTransitioning)){var a=e.Event(l.SHOW);if(e(this._element).trigger(a),!a.isDefaultPrevented()){r&&(i._jQueryInterface.call(e(r),"hide"),o||e(r).data(n,null));var c=this._getDimension();e(this._element).removeClass(h.COLLAPSE).addClass(h.COLLAPSING),this._element.style[c]=0,this._triggerArray.length&&e(this._triggerArray).removeClass(h.COLLAPSED).attr("aria-expanded",!0),this.setTransitioning(!0);var d=function(){e(t._element).removeClass(h.COLLAPSING).addClass(h.COLLAPSE).addClass(h.SHOW),t._element.style[c]="",t.setTransitioning(!1),e(t._element).trigger(l.SHOWN)};if(s.supportsTransitionEnd()){var f="scroll"+(c[0].toUpperCase()+c.slice(1));e(this._element).one(s.TRANSITION_END,d).emulateTransitionEnd(600),this._element.style[c]=this._element[f]+"px"}else d()}}}},d.hide=function(){var t=this;if(!this._isTransitioning&&e(this._element).hasClass(h.SHOW)){var n=e.Event(l.HIDE);if(e(this._element).trigger(n),!n.isDefaultPrevented()){var i=this._getDimension();if(this._element.style[i]=this._element.getBoundingClientRect()[i]+"px",s.reflow(this._element),e(this._element).addClass(h.COLLAPSING).removeClass(h.COLLAPSE).removeClass(h.SHOW),this._triggerArray.length)for(var r=0;r<this._triggerArray.length;r++){var o=this._triggerArray[r],a=s.getSelectorFromElement(o);null!==a&&(e(a).hasClass(h.SHOW)||e(o).addClass(h.COLLAPSED).attr("aria-expanded",!1))}this.setTransitioning(!0);var c=function(){t.setTransitioning(!1),e(t._element).removeClass(h.COLLAPSING).addClass(h.COLLAPSE).trigger(l.HIDDEN)};this._element.style[i]="",s.supportsTransitionEnd()?e(this._element).one(s.TRANSITION_END,c).emulateTransitionEnd(600):c()}}},d.setTransitioning=function(t){this._isTransitioning=t},d.dispose=function(){e.removeData(this._element,n),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null},d._getConfig=function(n){return n=e.extend({},o,n),n.toggle=Boolean(n.toggle),s.typeCheckConfig(t,n,a),n},d._getDimension=function(){return e(this._element).hasClass(c.WIDTH)?c.WIDTH:c.HEIGHT},d._getParent=function(){var t=this,n=null;s.isElement(this._config.parent)?(n=this._config.parent,"undefined"!=typeof this._config.parent.jquery&&(n=this._config.parent[0])):n=e(this._config.parent)[0];var r='[data-toggle="collapse"][data-parent="'+this._config.parent+'"]';return e(n).find(r).each(function(e,n){t._addAriaAndCollapsedClass(i._getTargetFromElement(n),[n])}),n},d._addAriaAndCollapsedClass=function(t,n){if(t){var i=e(t).hasClass(h.SHOW);n.length&&e(n).toggleClass(h.COLLAPSED,!i).attr("aria-expanded",i)}},i._getTargetFromElement=function(t){var n=s.getSelectorFromElement(t);return n?e(n)[0]:null},i._jQueryInterface=function(t){return this.each(function(){var s=e(this),r=s.data(n),a=e.extend({},o,s.data(),"object"==typeof t&&t);if(!r&&a.toggle&&/show|hide/.test(t)&&(a.toggle=!1),r||(r=new i(this,a),s.data(n,r)),"string"==typeof t){if("undefined"==typeof r[t])throw new Error('No method named "'+t+'"');r[t]()}})},r(i,null,[{key:"VERSION",get:function(){return"4.0.0-beta.2"}},{key:"Default",get:function(){return o}}]),i}();return e(document).on(l.CLICK_DATA_API,u.DATA_TOGGLE,function(t){"A"===t.currentTarget.tagName&&t.preventDefault();var i=e(this),r=s.getSelectorFromElement(this);e(r).each(function(){var t=e(this),s=t.data(n)?"toggle":i.data();d._jQueryInterface.call(t,s)})}),e.fn[t]=d._jQueryInterface,e.fn[t].Constructor=d,e.fn[t].noConflict=function(){return e.fn[t]=i,d._jQueryInterface},d}(),u=function(){if("undefined"==typeof n)throw new Error("Bootstrap dropdown require Popper.js (https://popper.js.org)");var t="dropdown",i="bs.dropdown",o="."+i,a=e.fn[t],l=new RegExp("38|40|27"),h={HIDE:"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,CLICK:"click"+o,CLICK_DATA_API:"click.bs.dropdown.data-api",KEYDOWN_DATA_API:"keydown.bs.dropdown.data-api",KEYUP_DATA_API:"keyup.bs.dropdown.data-api"},c={DISABLED:"disabled",SHOW:"show",DROPUP:"dropup",MENURIGHT:"dropdown-menu-right",MENULEFT:"dropdown-menu-left"},u={DATA_TOGGLE:'[data-toggle="dropdown"]',FORM_CHILD:".dropdown form",MENU:".dropdown-menu",NAVBAR_NAV:".navbar-nav",VISIBLE_ITEMS:".dropdown-menu .dropdown-item:not(.disabled)"},d={TOP:"top-start",TOPEND:"top-end",BOTTOM:"bottom-start",BOTTOMEND:"bottom-end"},f={offset:0,flip:!0},_={offset:"(number|string|function)",flip:"boolean"},g=function(){function a(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}var g=a.prototype;return g.toggle=function(){if(!this._element.disabled&&!e(this._element).hasClass(c.DISABLED)){var t=a._getParentFromElement(this._element),i=e(this._menu).hasClass(c.SHOW);if(a._clearMenus(),!i){var s={relatedTarget:this._element},r=e.Event(h.SHOW,s);if(e(t).trigger(r),!r.isDefaultPrevented()){var o=this._element;e(t).hasClass(c.DROPUP)&&(e(this._menu).hasClass(c.MENULEFT)||e(this._menu).hasClass(c.MENURIGHT))&&(o=t),this._popper=new n(o,this._menu,this._getPopperConfig()),"ontouchstart"in document.documentElement&&!e(t).closest(u.NAVBAR_NAV).length&&e("body").children().on("mouseover",null,e.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),e(this._menu).toggleClass(c.SHOW),e(t).toggleClass(c.SHOW).trigger(e.Event(h.SHOWN,s))}}}},g.dispose=function(){e.removeData(this._element,i),e(this._element).off(o),this._element=null,this._menu=null,null!==this._popper&&this._popper.destroy(),this._popper=null},g.update=function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()},g._addEventListeners=function(){var t=this;e(this._element).on(h.CLICK,function(e){e.preventDefault(),e.stopPropagation(),t.toggle()})},g._getConfig=function(n){return n=e.extend({},this.constructor.Default,e(this._element).data(),n),s.typeCheckConfig(t,n,this.constructor.DefaultType),n},g._getMenuElement=function(){if(!this._menu){var t=a._getParentFromElement(this._element);this._menu=e(t).find(u.MENU)[0]}return this._menu},g._getPlacement=function(){var t=e(this._element).parent(),n=d.BOTTOM;return t.hasClass(c.DROPUP)?(n=d.TOP,e(this._menu).hasClass(c.MENURIGHT)&&(n=d.TOPEND)):e(this._menu).hasClass(c.MENURIGHT)&&(n=d.BOTTOMEND),n},g._detectNavbar=function(){return e(this._element).closest(".navbar").length>0},g._getPopperConfig=function(){var t=this,n={};"function"==typeof this._config.offset?n.fn=function(n){return n.offsets=e.extend({},n.offsets,t._config.offset(n.offsets)||{}),n}:n.offset=this._config.offset;var i={placement:this._getPlacement(),modifiers:{offset:n,flip:{enabled:this._config.flip}}};return this._inNavbar&&(i.modifiers.applyStyle={enabled:!this._inNavbar}),i},a._jQueryInterface=function(t){return this.each(function(){var n=e(this).data(i),s="object"==typeof t?t:null;if(n||(n=new a(this,s),e(this).data(i,n)),"string"==typeof t){if("undefined"==typeof n[t])throw new Error('No method named "'+t+'"');n[t]()}})},a._clearMenus=function(t){if(!t||3!==t.which&&("keyup"!==t.type||9===t.which))for(var n=e.makeArray(e(u.DATA_TOGGLE)),s=0;s<n.length;s++){var r=a._getParentFromElement(n[s]),o=e(n[s]).data(i),l={relatedTarget:n[s]};if(o){var d=o._menu;if(e(r).hasClass(c.SHOW)&&!(t&&("click"===t.type&&/input|textarea/i.test(t.target.tagName)||"keyup"===t.type&&9===t.which)&&e.contains(r,t.target))){var f=e.Event(h.HIDE,l);e(r).trigger(f),f.isDefaultPrevented()||("ontouchstart"in document.documentElement&&e("body").children().off("mouseover",null,e.noop),n[s].setAttribute("aria-expanded","false"),e(d).removeClass(c.SHOW),e(r).removeClass(c.SHOW).trigger(e.Event(h.HIDDEN,l)))}}}},a._getParentFromElement=function(t){var n,i=s.getSelectorFromElement(t);return i&&(n=e(i)[0]),n||t.parentNode},a._dataApiKeydownHandler=function(t){if(!(!l.test(t.which)||/button/i.test(t.target.tagName)&&32===t.which||/input|textarea/i.test(t.target.tagName)||(t.preventDefault(),t.stopPropagation(),this.disabled||e(this).hasClass(c.DISABLED)))){var n=a._getParentFromElement(this),i=e(n).hasClass(c.SHOW);if((i||27===t.which&&32===t.which)&&(!i||27!==t.which&&32!==t.which)){var s=e(n).find(u.VISIBLE_ITEMS).get();if(s.length){var r=s.indexOf(t.target);38===t.which&&r>0&&r--,40===t.which&&r<s.length-1&&r++,r<0&&(r=0),s[r].focus()}}else{if(27===t.which){var o=e(n).find(u.DATA_TOGGLE)[0];e(o).trigger("focus")}e(this).trigger("click")}}},r(a,null,[{key:"VERSION",get:function(){return"4.0.0-beta.2"}},{key:"Default",get:function(){return f}},{key:"DefaultType",get:function(){return _}}]),a}();return e(document).on(h.KEYDOWN_DATA_API,u.DATA_TOGGLE,g._dataApiKeydownHandler).on(h.KEYDOWN_DATA_API,u.MENU,g._dataApiKeydownHandler).on(h.CLICK_DATA_API+" "+h.KEYUP_DATA_API,g._clearMenus).on(h.CLICK_DATA_API,u.DATA_TOGGLE,function(t){t.preventDefault(),t.stopPropagation(),g._jQueryInterface.call(e(this),"toggle")}).on(h.CLICK_DATA_API,u.FORM_CHILD,function(t){t.stopPropagation()}),e.fn[t]=g._jQueryInterface,e.fn[t].Constructor=g,e.fn[t].noConflict=function(){return e.fn[t]=a,g._jQueryInterface},g}(),d=function(){var t="modal",n=".bs.modal",i=e.fn[t],o={backdrop:!0,keyboard:!0,focus:!0,show:!0},a={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},l={HIDE:"hide.bs.modal",HIDDEN:"hidden.bs.modal",SHOW:"show.bs.modal",SHOWN:"shown.bs.modal",FOCUSIN:"focusin.bs.modal",RESIZE:"resize.bs.modal",CLICK_DISMISS:"click.dismiss.bs.modal",KEYDOWN_DISMISS:"keydown.dismiss.bs.modal",MOUSEUP_DISMISS:"mouseup.dismiss.bs.modal",MOUSEDOWN_DISMISS:"mousedown.dismiss.bs.modal",CLICK_DATA_API:"click.bs.modal.data-api"},h={SCROLLBAR_MEASURER:"modal-scrollbar-measure",BACKDROP:"modal-backdrop",OPEN:"modal-open",FADE:"fade",SHOW:"show"},c={DIALOG:".modal-dialog",DATA_TOGGLE:'[data-toggle="modal"]',DATA_DISMISS:'[data-dismiss="modal"]',FIXED_CONTENT:".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",STICKY_CONTENT:".sticky-top",NAVBAR_TOGGLER:".navbar-toggler"},u=function(){function i(t,n){this._config=this._getConfig(n),this._element=t,this._dialog=e(t).find(c.DIALOG)[0],this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._originalBodyPadding=0,this._scrollbarWidth=0}var u=i.prototype;return u.toggle=function(t){return this._isShown?this.hide():this.show(t)},u.show=function(t){var n=this;if(!this._isTransitioning&&!this._isShown){s.supportsTransitionEnd()&&e(this._element).hasClass(h.FADE)&&(this._isTransitioning=!0);var i=e.Event(l.SHOW,{relatedTarget:t});e(this._element).trigger(i),this._isShown||i.isDefaultPrevented()||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),e(document.body).addClass(h.OPEN),this._setEscapeEvent(),this._setResizeEvent(),e(this._element).on(l.CLICK_DISMISS,c.DATA_DISMISS,function(t){return n.hide(t)}),e(this._dialog).on(l.MOUSEDOWN_DISMISS,function(){e(n._element).one(l.MOUSEUP_DISMISS,function(t){e(t.target).is(n._element)&&(n._ignoreBackdropClick=!0)})}),this._showBackdrop(function(){return n._showElement(t)}))}},u.hide=function(t){var n=this;if(t&&t.preventDefault(),!this._isTransitioning&&this._isShown){var i=e.Event(l.HIDE);if(e(this._element).trigger(i),this._isShown&&!i.isDefaultPrevented()){this._isShown=!1;var r=s.supportsTransitionEnd()&&e(this._element).hasClass(h.FADE);r&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),e(document).off(l.FOCUSIN),e(this._element).removeClass(h.SHOW),e(this._element).off(l.CLICK_DISMISS),e(this._dialog).off(l.MOUSEDOWN_DISMISS),r?e(this._element).one(s.TRANSITION_END,function(t){return n._hideModal(t)}).emulateTransitionEnd(300):this._hideModal()}}},u.dispose=function(){e.removeData(this._element,"bs.modal"),e(window,document,this._element,this._backdrop).off(n),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._scrollbarWidth=null},u.handleUpdate=function(){this._adjustDialog()},u._getConfig=function(n){return n=e.extend({},o,n),s.typeCheckConfig(t,n,a),n},u._showElement=function(t){var n=this,i=s.supportsTransitionEnd()&&e(this._element).hasClass(h.FADE);this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.scrollTop=0,i&&s.reflow(this._element),e(this._element).addClass(h.SHOW),this._config.focus&&this._enforceFocus();var r=e.Event(l.SHOWN,{relatedTarget:t}),o=function(){n._config.focus&&n._element.focus(),n._isTransitioning=!1,e(n._element).trigger(r)};i?e(this._dialog).one(s.TRANSITION_END,o).emulateTransitionEnd(300):o()},u._enforceFocus=function(){var t=this;e(document).off(l.FOCUSIN).on(l.FOCUSIN,function(n){document===n.target||t._element===n.target||e(t._element).has(n.target).length||t._element.focus()})},u._setEscapeEvent=function(){var t=this;this._isShown&&this._config.keyboard?e(this._element).on(l.KEYDOWN_DISMISS,function(e){27===e.which&&(e.preventDefault(),t.hide())}):this._isShown||e(this._element).off(l.KEYDOWN_DISMISS)},u._setResizeEvent=function(){var t=this;this._isShown?e(window).on(l.RESIZE,function(e){return t.handleUpdate(e)}):e(window).off(l.RESIZE)},u._hideModal=function(){var t=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._isTransitioning=!1,this._showBackdrop(function(){e(document.body).removeClass(h.OPEN),t._resetAdjustments(),t._resetScrollbar(),e(t._element).trigger(l.HIDDEN)})},u._removeBackdrop=function(){this._backdrop&&(e(this._backdrop).remove(),this._backdrop=null)},u._showBackdrop=function(t){var n=this,i=e(this._element).hasClass(h.FADE)?h.FADE:"";if(this._isShown&&this._config.backdrop){var r=s.supportsTransitionEnd()&&i;if(this._backdrop=document.createElement("div"),this._backdrop.className=h.BACKDROP,i&&e(this._backdrop).addClass(i),e(this._backdrop).appendTo(document.body),e(this._element).on(l.CLICK_DISMISS,function(t){n._ignoreBackdropClick?n._ignoreBackdropClick=!1:t.target===t.currentTarget&&("static"===n._config.backdrop?n._element.focus():n.hide())}),r&&s.reflow(this._backdrop),e(this._backdrop).addClass(h.SHOW),!t)return;if(!r)return void t();e(this._backdrop).one(s.TRANSITION_END,t).emulateTransitionEnd(150)}else if(!this._isShown&&this._backdrop){e(this._backdrop).removeClass(h.SHOW);var o=function(){n._removeBackdrop(),t&&t()};s.supportsTransitionEnd()&&e(this._element).hasClass(h.FADE)?e(this._backdrop).one(s.TRANSITION_END,o).emulateTransitionEnd(150):o()}else t&&t()},u._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},u._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},u._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},u._setScrollbar=function(){var t=this;if(this._isBodyOverflowing){e(c.FIXED_CONTENT).each(function(n,i){var s=e(i)[0].style.paddingRight,r=e(i).css("padding-right");e(i).data("padding-right",s).css("padding-right",parseFloat(r)+t._scrollbarWidth+"px")}),e(c.STICKY_CONTENT).each(function(n,i){var s=e(i)[0].style.marginRight,r=e(i).css("margin-right");e(i).data("margin-right",s).css("margin-right",parseFloat(r)-t._scrollbarWidth+"px")}),e(c.NAVBAR_TOGGLER).each(function(n,i){var s=e(i)[0].style.marginRight,r=e(i).css("margin-right");e(i).data("margin-right",s).css("margin-right",parseFloat(r)+t._scrollbarWidth+"px")});var n=document.body.style.paddingRight,i=e("body").css("padding-right");e("body").data("padding-right",n).css("padding-right",parseFloat(i)+this._scrollbarWidth+"px")}},u._resetScrollbar=function(){e(c.FIXED_CONTENT).each(function(t,n){var i=e(n).data("padding-right");"undefined"!=typeof i&&e(n).css("padding-right",i).removeData("padding-right")}),e(c.STICKY_CONTENT+", "+c.NAVBAR_TOGGLER).each(function(t,n){var i=e(n).data("margin-right");"undefined"!=typeof i&&e(n).css("margin-right",i).removeData("margin-right")});var t=e("body").data("padding-right");"undefined"!=typeof t&&e("body").css("padding-right",t).removeData("padding-right")},u._getScrollbarWidth=function(){var t=document.createElement("div");t.className=h.SCROLLBAR_MEASURER,document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},i._jQueryInterface=function(t,n){return this.each(function(){var s=e(this).data("bs.modal"),r=e.extend({},i.Default,e(this).data(),"object"==typeof t&&t);if(s||(s=new i(this,r),e(this).data("bs.modal",s)),"string"==typeof t){if("undefined"==typeof s[t])throw new Error('No method named "'+t+'"');s[t](n)}else r.show&&s.show(n)})},r(i,null,[{key:"VERSION",get:function(){return"4.0.0-beta.2"}},{key:"Default",get:function(){return o}}]),i}();return e(document).on(l.CLICK_DATA_API,c.DATA_TOGGLE,function(t){var n,i=this,r=s.getSelectorFromElement(this);r&&(n=e(r)[0]);var o=e(n).data("bs.modal")?"toggle":e.extend({},e(n).data(),e(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||t.preventDefault();var a=e(n).one(l.SHOW,function(t){t.isDefaultPrevented()||a.one(l.HIDDEN,function(){e(i).is(":visible")&&i.focus()})});u._jQueryInterface.call(e(n),o,this)}),e.fn[t]=u._jQueryInterface,e.fn[t].Constructor=u,e.fn[t].noConflict=function(){return e.fn[t]=i,u._jQueryInterface},u}(),f=function(){if("undefined"==typeof n)throw new Error("Bootstrap tooltips require Popper.js (https://popper.js.org)");var t="tooltip",i=".bs.tooltip",o=e.fn[t],a=new RegExp("(^|\\s)bs-tooltip\\S+","g"),l={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)"},h={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},c={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip"},u={SHOW:"show",OUT:"out"},d={HIDE:"hide"+i,HIDDEN:"hidden"+i,SHOW:"show"+i,SHOWN:"shown"+i,INSERTED:"inserted"+i,CLICK:"click"+i,FOCUSIN:"focusin"+i,FOCUSOUT:"focusout"+i,MOUSEENTER:"mouseenter"+i,MOUSELEAVE:"mouseleave"+i},f={FADE:"fade",SHOW:"show"},_={TOOLTIP:".tooltip",TOOLTIP_INNER:".tooltip-inner",ARROW:".arrow"},g={HOVER:"hover",FOCUS:"focus",CLICK:"click",MANUAL:"manual"},m=function(){function o(t,e){this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var m=o.prototype;return m.enable=function(){this._isEnabled=!0},m.disable=function(){this._isEnabled=!1},m.toggleEnabled=function(){this._isEnabled=!this._isEnabled},m.toggle=function(t){if(this._isEnabled)if(t){var n=this.constructor.DATA_KEY,i=e(t.currentTarget).data(n);i||(i=new this.constructor(t.currentTarget,this._getDelegateConfig()),e(t.currentTarget).data(n,i)),i._activeTrigger.click=!i._activeTrigger.click,i._isWithActiveTrigger()?i._enter(null,i):i._leave(null,i)}else{if(e(this.getTipElement()).hasClass(f.SHOW))return void this._leave(null,this);this._enter(null,this)}},m.dispose=function(){clearTimeout(this._timeout),e.removeData(this.element,this.constructor.DATA_KEY),e(this.element).off(this.constructor.EVENT_KEY),e(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&e(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,null!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},m.show=function(){var t=this;if("none"===e(this.element).css("display"))throw new Error("Please use show on visible elements");var i=e.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){e(this.element).trigger(i);var r=e.contains(this.element.ownerDocument.documentElement,this.element);if(i.isDefaultPrevented()||!r)return;var a=this.getTipElement(),l=s.getUID(this.constructor.NAME);a.setAttribute("id",l),this.element.setAttribute("aria-describedby",l),this.setContent(),this.config.animation&&e(a).addClass(f.FADE);var h="function"==typeof this.config.placement?this.config.placement.call(this,a,this.element):this.config.placement,c=this._getAttachment(h);this.addAttachmentClass(c);var d=!1===this.config.container?document.body:e(this.config.container);e(a).data(this.constructor.DATA_KEY,this),e.contains(this.element.ownerDocument.documentElement,this.tip)||e(a).appendTo(d),e(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new n(this.element,a,{placement:c,modifiers:{offset:{offset:this.config.offset},flip:{behavior:this.config.fallbackPlacement},arrow:{element:_.ARROW}},onCreate:function(e){e.originalPlacement!==e.placement&&t._handlePopperPlacementChange(e)},onUpdate:function(e){t._handlePopperPlacementChange(e)}}),e(a).addClass(f.SHOW),"ontouchstart"in document.documentElement&&e("body").children().on("mouseover",null,e.noop);var g=function(){t.config.animation&&t._fixTransition();var n=t._hoverState;t._hoverState=null,e(t.element).trigger(t.constructor.Event.SHOWN),n===u.OUT&&t._leave(null,t)};s.supportsTransitionEnd()&&e(this.tip).hasClass(f.FADE)?e(this.tip).one(s.TRANSITION_END,g).emulateTransitionEnd(o._TRANSITION_DURATION):g()}},m.hide=function(t){var n=this,i=this.getTipElement(),r=e.Event(this.constructor.Event.HIDE),o=function(){n._hoverState!==u.SHOW&&i.parentNode&&i.parentNode.removeChild(i),n._cleanTipClass(),n.element.removeAttribute("aria-describedby"),e(n.element).trigger(n.constructor.Event.HIDDEN),null!==n._popper&&n._popper.destroy(),t&&t()};e(this.element).trigger(r),r.isDefaultPrevented()||(e(i).removeClass(f.SHOW),"ontouchstart"in document.documentElement&&e("body").children().off("mouseover",null,e.noop),this._activeTrigger[g.CLICK]=!1,this._activeTrigger[g.FOCUS]=!1,this._activeTrigger[g.HOVER]=!1,s.supportsTransitionEnd()&&e(this.tip).hasClass(f.FADE)?e(i).one(s.TRANSITION_END,o).emulateTransitionEnd(150):o(),this._hoverState="")},m.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},m.isWithContent=function(){return Boolean(this.getTitle())},m.addAttachmentClass=function(t){e(this.getTipElement()).addClass("bs-tooltip-"+t)},m.getTipElement=function(){return this.tip=this.tip||e(this.config.template)[0],this.tip},m.setContent=function(){var t=e(this.getTipElement());this.setElementContent(t.find(_.TOOLTIP_INNER),this.getTitle()),t.removeClass(f.FADE+" "+f.SHOW)},m.setElementContent=function(t,n){var i=this.config.html;"object"==typeof n&&(n.nodeType||n.jquery)?i?e(n).parent().is(t)||t.empty().append(n):t.text(e(n).text()):t[i?"html":"text"](n)},m.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},m._getAttachment=function(t){return h[t.toUpperCase()]},m._setListeners=function(){var t=this;this.config.trigger.split(" ").forEach(function(n){if("click"===n)e(t.element).on(t.constructor.Event.CLICK,t.config.selector,function(e){return t.toggle(e)});else if(n!==g.MANUAL){var i=n===g.HOVER?t.constructor.Event.MOUSEENTER:t.constructor.Event.FOCUSIN,s=n===g.HOVER?t.constructor.Event.MOUSELEAVE:t.constructor.Event.FOCUSOUT;e(t.element).on(i,t.config.selector,function(e){return t._enter(e)}).on(s,t.config.selector,function(e){return t._leave(e)})}e(t.element).closest(".modal").on("hide.bs.modal",function(){return t.hide()})}),this.config.selector?this.config=e.extend({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},m._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},m._enter=function(t,n){var i=this.constructor.DATA_KEY;(n=n||e(t.currentTarget).data(i))||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),e(t.currentTarget).data(i,n)),t&&(n._activeTrigger["focusin"===t.type?g.FOCUS:g.HOVER]=!0),e(n.getTipElement()).hasClass(f.SHOW)||n._hoverState===u.SHOW?n._hoverState=u.SHOW:(clearTimeout(n._timeout),n._hoverState=u.SHOW,n.config.delay&&n.config.delay.show?n._timeout=setTimeout(function(){n._hoverState===u.SHOW&&n.show()},n.config.delay.show):n.show())},m._leave=function(t,n){var i=this.constructor.DATA_KEY;(n=n||e(t.currentTarget).data(i))||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),e(t.currentTarget).data(i,n)),t&&(n._activeTrigger["focusout"===t.type?g.FOCUS:g.HOVER]=!1),n._isWithActiveTrigger()||(clearTimeout(n._timeout),n._hoverState=u.OUT,n.config.delay&&n.config.delay.hide?n._timeout=setTimeout(function(){n._hoverState===u.OUT&&n.hide()},n.config.delay.hide):n.hide())},m._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},m._getConfig=function(n){return"number"==typeof(n=e.extend({},this.constructor.Default,e(this.element).data(),n)).delay&&(n.delay={show:n.delay,hide:n.delay}),"number"==typeof n.title&&(n.title=n.title.toString()),"number"==typeof n.content&&(n.content=n.content.toString()),s.typeCheckConfig(t,n,this.constructor.DefaultType),n},m._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},m._cleanTipClass=function(){var t=e(this.getTipElement()),n=t.attr("class").match(a);null!==n&&n.length>0&&t.removeClass(n.join(""))},m._handlePopperPlacementChange=function(t){this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},m._fixTransition=function(){var t=this.getTipElement(),n=this.config.animation;null===t.getAttribute("x-placement")&&(e(t).removeClass(f.FADE),this.config.animation=!1,this.hide(),this.show(),this.config.animation=n)},o._jQueryInterface=function(t){return this.each(function(){var n=e(this).data("bs.tooltip"),i="object"==typeof t&&t;if((n||!/dispose|hide/.test(t))&&(n||(n=new o(this,i),e(this).data("bs.tooltip",n)),"string"==typeof t)){if("undefined"==typeof n[t])throw new Error('No method named "'+t+'"');n[t]()}})},r(o,null,[{key:"VERSION",get:function(){return"4.0.0-beta.2"}},{key:"Default",get:function(){return c}},{key:"NAME",get:function(){return t}},{key:"DATA_KEY",get:function(){return"bs.tooltip"}},{key:"Event",get:function(){return d}},{key:"EVENT_KEY",get:function(){return i}},{key:"DefaultType",get:function(){return l}}]),o}();return e.fn[t]=m._jQueryInterface,e.fn[t].Constructor=m,e.fn[t].noConflict=function(){return e.fn[t]=o,m._jQueryInterface},m}(),_=function(){var t="popover",n=".bs.popover",i=e.fn[t],s=new RegExp("(^|\\s)bs-popover\\S+","g"),a=e.extend({},f.Default,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),l=e.extend({},f.DefaultType,{content:"(string|element|function)"}),h={FADE:"fade",SHOW:"show"},c={TITLE:".popover-header",CONTENT:".popover-body"},u={HIDE:"hide"+n,HIDDEN:"hidden"+n,SHOW:"show"+n,SHOWN:"shown"+n,INSERTED:"inserted"+n,CLICK:"click"+n,FOCUSIN:"focusin"+n,FOCUSOUT:"focusout"+n,MOUSEENTER:"mouseenter"+n,MOUSELEAVE:"mouseleave"+n},d=function(i){function d(){return i.apply(this,arguments)||this}o(d,i);var f=d.prototype;return f.isWithContent=function(){return this.getTitle()||this._getContent()},f.addAttachmentClass=function(t){e(this.getTipElement()).addClass("bs-popover-"+t)},f.getTipElement=function(){return this.tip=this.tip||e(this.config.template)[0],this.tip},f.setContent=function(){var t=e(this.getTipElement());this.setElementContent(t.find(c.TITLE),this.getTitle()),this.setElementContent(t.find(c.CONTENT),this._getContent()),t.removeClass(h.FADE+" "+h.SHOW)},f._getContent=function(){return this.element.getAttribute("data-content")||("function"==typeof this.config.content?this.config.content.call(this.element):this.config.content)},f._cleanTipClass=function(){var t=e(this.getTipElement()),n=t.attr("class").match(s);null!==n&&n.length>0&&t.removeClass(n.join(""))},d._jQueryInterface=function(t){return this.each(function(){var n=e(this).data("bs.popover"),i="object"==typeof t?t:null;if((n||!/destroy|hide/.test(t))&&(n||(n=new d(this,i),e(this).data("bs.popover",n)),"string"==typeof t)){if("undefined"==typeof n[t])throw new Error('No method named "'+t+'"');n[t]()}})},r(d,null,[{key:"VERSION",get:function(){return"4.0.0-beta.2"}},{key:"Default",get:function(){return a}},{key:"NAME",get:function(){return t}},{key:"DATA_KEY",get:function(){return"bs.popover"}},{key:"Event",get:function(){return u}},{key:"EVENT_KEY",get:function(){return n}},{key:"DefaultType",get:function(){return l}}]),d}(f);return e.fn[t]=d._jQueryInterface,e.fn[t].Constructor=d,e.fn[t].noConflict=function(){return e.fn[t]=i,d._jQueryInterface},d}(),g=function(){var t="scrollspy",n=e.fn[t],i={offset:10,method:"auto",target:""},o={offset:"number",method:"string",target:"(string|element)"},a={ACTIVATE:"activate.bs.scrollspy",SCROLL:"scroll.bs.scrollspy",LOAD_DATA_API:"load.bs.scrollspy.data-api"},l={DROPDOWN_ITEM:"dropdown-item",DROPDOWN_MENU:"dropdown-menu",ACTIVE:"active"},h={DATA_SPY:'[data-spy="scroll"]',ACTIVE:".active",NAV_LIST_GROUP:".nav, .list-group",NAV_LINKS:".nav-link",NAV_ITEMS:".nav-item",LIST_ITEMS:".list-group-item",DROPDOWN:".dropdown",DROPDOWN_ITEMS:".dropdown-item",DROPDOWN_TOGGLE:".dropdown-toggle"},c={OFFSET:"offset",POSITION:"position"},u=function(){function n(t,n){var i=this;this._element=t,this._scrollElement="BODY"===t.tagName?window:t,this._config=this._getConfig(n),this._selector=this._config.target+" "+h.NAV_LINKS+","+this._config.target+" "+h.LIST_ITEMS+","+this._config.target+" "+h.DROPDOWN_ITEMS,this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,e(this._scrollElement).on(a.SCROLL,function(t){return i._process(t)}),this.refresh(),this._process()}var u=n.prototype;return u.refresh=function(){var t=this,n=this._scrollElement!==this._scrollElement.window?c.POSITION:c.OFFSET,i="auto"===this._config.method?n:this._config.method,r=i===c.POSITION?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),e.makeArray(e(this._selector)).map(function(t){var n,o=s.getSelectorFromElement(t);if(o&&(n=e(o)[0]),n){var a=n.getBoundingClientRect();if(a.width||a.height)return[e(n)[i]().top+r,o]}return null}).filter(function(t){return t}).sort(function(t,e){return t[0]-e[0]}).forEach(function(e){t._offsets.push(e[0]),t._targets.push(e[1])})},u.dispose=function(){e.removeData(this._element,"bs.scrollspy"),e(this._scrollElement).off(".bs.scrollspy"),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},u._getConfig=function(n){if("string"!=typeof(n=e.extend({},i,n)).target){var r=e(n.target).attr("id");r||(r=s.getUID(t),e(n.target).attr("id",r)),n.target="#"+r}return s.typeCheckConfig(t,n,o),n},u._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},u._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},u._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},u._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t<this._offsets[0]&&this._offsets[0]>0)return this._activeTarget=null,void this._clear();for(var s=this._offsets.length;s--;)this._activeTarget!==this._targets[s]&&t>=this._offsets[s]&&("undefined"==typeof this._offsets[s+1]||t<this._offsets[s+1])&&this._activate(this._targets[s])}},u._activate=function(t){this._activeTarget=t,this._clear();var n=this._selector.split(",");n=n.map(function(e){return e+'[data-target="'+t+'"],'+e+'[href="'+t+'"]'});var i=e(n.join(","));i.hasClass(l.DROPDOWN_ITEM)?(i.closest(h.DROPDOWN).find(h.DROPDOWN_TOGGLE).addClass(l.ACTIVE),i.addClass(l.ACTIVE)):(i.addClass(l.ACTIVE),i.parents(h.NAV_LIST_GROUP).prev(h.NAV_LINKS+", "+h.LIST_ITEMS).addClass(l.ACTIVE),i.parents(h.NAV_LIST_GROUP).prev(h.NAV_ITEMS).children(h.NAV_LINKS).addClass(l.ACTIVE)),e(this._scrollElement).trigger(a.ACTIVATE,{relatedTarget:t})},u._clear=function(){e(this._selector).filter(h.ACTIVE).removeClass(l.ACTIVE)},n._jQueryInterface=function(t){return this.each(function(){var i=e(this).data("bs.scrollspy"),s="object"==typeof t&&t;if(i||(i=new n(this,s),e(this).data("bs.scrollspy",i)),"string"==typeof t){if("undefined"==typeof i[t])throw new Error('No method named "'+t+'"');i[t]()}})},r(n,null,[{key:"VERSION",get:function(){return"4.0.0-beta.2"}},{key:"Default",get:function(){return i}}]),n}();return e(window).on(a.LOAD_DATA_API,function(){for(var t=e.makeArray(e(h.DATA_SPY)),n=t.length;n--;){var i=e(t[n]);u._jQueryInterface.call(i,i.data())}}),e.fn[t]=u._jQueryInterface,e.fn[t].Constructor=u,e.fn[t].noConflict=function(){return e.fn[t]=n,u._jQueryInterface},u}(),m=function(){var t=e.fn.tab,n={HIDE:"hide.bs.tab",HIDDEN:"hidden.bs.tab",SHOW:"show.bs.tab",SHOWN:"shown.bs.tab",CLICK_DATA_API:"click.bs.tab.data-api"},i={DROPDOWN_MENU:"dropdown-menu",ACTIVE:"active",DISABLED:"disabled",FADE:"fade",SHOW:"show"},o={DROPDOWN:".dropdown",NAV_LIST_GROUP:".nav, .list-group",ACTIVE:".active",ACTIVE_UL:"> li > .active",DATA_TOGGLE:'[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',DROPDOWN_TOGGLE:".dropdown-toggle",DROPDOWN_ACTIVE_CHILD:"> .dropdown-menu .active"},a=function(){function t(t){this._element=t}var a=t.prototype;return a.show=function(){var t=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&e(this._element).hasClass(i.ACTIVE)||e(this._element).hasClass(i.DISABLED))){var r,a,l=e(this._element).closest(o.NAV_LIST_GROUP)[0],h=s.getSelectorFromElement(this._element);if(l){var c="UL"===l.nodeName?o.ACTIVE_UL:o.ACTIVE;a=e.makeArray(e(l).find(c)),a=a[a.length-1]}var u=e.Event(n.HIDE,{relatedTarget:this._element}),d=e.Event(n.SHOW,{relatedTarget:a});if(a&&e(a).trigger(u),e(this._element).trigger(d),!d.isDefaultPrevented()&&!u.isDefaultPrevented()){h&&(r=e(h)[0]),this._activate(this._element,l);var f=function(){var i=e.Event(n.HIDDEN,{relatedTarget:t._element}),s=e.Event(n.SHOWN,{relatedTarget:a});e(a).trigger(i),e(t._element).trigger(s)};r?this._activate(r,r.parentNode,f):f()}}},a.dispose=function(){e.removeData(this._element,"bs.tab"),this._element=null},a._activate=function(t,n,r){var a,l=this,h=(a="UL"===n.nodeName?e(n).find(o.ACTIVE_UL):e(n).children(o.ACTIVE))[0],c=r&&s.supportsTransitionEnd()&&h&&e(h).hasClass(i.FADE),u=function(){return l._transitionComplete(t,h,c,r)};h&&c?e(h).one(s.TRANSITION_END,u).emulateTransitionEnd(150):u(),h&&e(h).removeClass(i.SHOW)},a._transitionComplete=function(t,n,r,a){if(n){e(n).removeClass(i.ACTIVE);var l=e(n.parentNode).find(o.DROPDOWN_ACTIVE_CHILD)[0];l&&e(l).removeClass(i.ACTIVE),"tab"===n.getAttribute("role")&&n.setAttribute("aria-selected",!1)}if(e(t).addClass(i.ACTIVE),"tab"===t.getAttribute("role")&&t.setAttribute("aria-selected",!0),r?(s.reflow(t),e(t).addClass(i.SHOW)):e(t).removeClass(i.FADE),t.parentNode&&e(t.parentNode).hasClass(i.DROPDOWN_MENU)){var h=e(t).closest(o.DROPDOWN)[0];h&&e(h).find(o.DROPDOWN_TOGGLE).addClass(i.ACTIVE),t.setAttribute("aria-expanded",!0)}a&&a()},t._jQueryInterface=function(n){return this.each(function(){var i=e(this),s=i.data("bs.tab");if(s||(s=new t(this),i.data("bs.tab",s)),"string"==typeof n){if("undefined"==typeof s[n])throw new Error('No method named "'+n+'"');s[n]()}})},r(t,null,[{key:"VERSION",get:function(){return"4.0.0-beta.2"}}]),t}();return e(document).on(n.CLICK_DATA_API,o.DATA_TOGGLE,function(t){t.preventDefault(),a._jQueryInterface.call(e(this),"show")}),e.fn.tab=a._jQueryInterface,e.fn.tab.Constructor=a,e.fn.tab.noConflict=function(){return e.fn.tab=t,a._jQueryInterface},a}();return function(){if("undefined"==typeof e)throw new Error("Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.");var t=e.fn.jquery.split(" ")[0].split(".");if(t[0]<2&&t[1]<9||1===t[0]&&9===t[1]&&t[2]<1||t[0]>=4)throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}(),t.Util=s,t.Alert=a,t.Button=l,t.Carousel=h,t.Collapse=c,t.Dropdown=u,t.Modal=d,t.Popover=_,t.Scrollspy=g,t.Tab=m,t.Tooltip=f,t}({},$,Popper);
7 | //# sourceMappingURL=bootstrap.min.js.map


--------------------------------------------------------------------------------
/app/static/js/main.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function(){
2 | 
3 | })


--------------------------------------------------------------------------------
/app/templates/bus.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Title</title>
  6 |     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  7 | 
  8 | </head>
  9 | <body>
 10 | <p>Legend: <label id="legend">Legend text</label></p>
 11 | <p> "s" - skip, "space" - save and next</p>
 12 | <p>images left: <lable id ="images_left">0</label><p>
 13 | 
 14 | <canvas id="canvas" width="{{width}}" height="{{height}}"></canvas>
 15 | 
 16 | 
 17 |     <script >
 18 | 
 19 |     type="adult";
 20 |     chosen_index=-1;
 21 |     imageName="";
 22 |     application="{{application}}";
 23 | 
 24 |     function httpGet(theUrl)
 25 |     {
 26 |         var xmlHttp = new XMLHttpRequest();
 27 |         xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
 28 |         xmlHttp.send( null );
 29 |         return xmlHttp.responseText;
 30 |     }
 31 | 
 32 |     function httpPost(theUrl,str)
 33 |     {
 34 |         var client = new XMLHttpRequest();
 35 |         var xmlHttp = new XMLHttpRequest();
 36 |         client.open( "POST", theUrl, true ); // false for synchronous request
 37 |         client.setRequestHeader("Content-Type", "application/json");
 38 |         client.send(str);
 39 |         return xmlHttp.responseText;
 40 |     }
 41 |     function getLegend()
 42 |     {
 43 | 	return " z -adult, x - child, c - clear";
 44 |     }
 45 | 
 46 |     var canvas = document.getElementById('canvas');
 47 |     ctx = canvas.getContext('2d');
 48 |     rects = new Array();
 49 |     types=new Array();
 50 |     drag=false;
 51 | 
 52 |     var imageObj = new Image();
 53 | 
 54 |     function init() {
 55 |       canvas.addEventListener('mousedown', mouseDown, false);
 56 |       canvas.addEventListener('mouseup', mouseUp, false);
 57 |       canvas.addEventListener('mousemove', mouseMove, false);
 58 |     }
 59 | 
 60 |     function mouseDown(e) {
 61 |       var was=0;
 62 |       for(var i=0;i<rects.length;i++)
 63 |       {
 64 |           if((Math.abs(e.pageX - this.offsetLeft-rects[i].startX)<30)&&(Math.abs(e.pageY - this.offsetTop-rects[i].startY)<30))
 65 | 	  {
 66 |               if(chosen_index==i)
 67 |               	chosen_index=-1;
 68 |               else
 69 | 		chosen_index=i;
 70 |               was=1;
 71 |           }
 72 |       }
 73 |       if(was==0)
 74 |       {
 75 |       	rect={}
 76 | 	rect.startX = e.pageX - this.offsetLeft;
 77 |         rect.startY = e.pageY - this.offsetTop;
 78 |         rect.w=1;
 79 |         rect.h=1;
 80 |         rects.push(rect);
 81 |         types.push(type);
 82 |         drag = true;
 83 |       }else
 84 |       {  
 85 | 	draw(rects,types,type,chosen_index);
 86 |       }
 87 |     }
 88 | 
 89 |     function mouseUp() {
 90 |       drag = false;
 91 | 
 92 | 
 93 |     }
 94 |     function draw(rects,types,type,chosen_index)
 95 |     {
 96 |  	
 97 |  	
 98 |         ctx.clearRect(0, 0, canvas.width, canvas.height);
 99 |         ctx.drawImage(imageObj, 0, 0);
100 |         ctx.beginPath();
101 |         ctx.font = "30px Arial";
102 |         ctx.fillStyle = 'green';
103 |         ctx.fillText(type,30,50);
104 |         ctx.stroke();
105 | 
106 | 
107 |         for(var i=0;i<rects.length;i++)
108 |         {
109 |             ctx.beginPath();
110 |             ctx.lineWidth=6;
111 |             ctx.font = "20px Arial";
112 |             if(types[i].localeCompare("adult")==0)
113 |             {
114 |                 ctx.strokeStyle = 'red';
115 |                 ctx.fillStyle = 'red';
116 |             }
117 |             if(types[i].localeCompare("child")==0)
118 |             {
119 |                 ctx.strokeStyle = 'green';
120 |                 ctx.fillStyle = 'green';
121 |             }
122 | 
123 | 	    if(i==chosen_index)
124 |             {
125 |                 ctx.strokeStyle = 'orange';
126 |                 ctx.fillStyle = 'orange';
127 | 
128 |             }
129 | 
130 | 
131 |             ctx.fillText(types[i],rects[i].startX+5,rects[i].startY+20);
132 |             ctx.rect(rects[i].startX,rects[i].startY, rects[i].w, rects[i].h);
133 |             ctx.stroke();
134 | 		
135 |         }
136 | 
137 | 
138 |     }
139 |     function mouseMove(e) {
140 |       if (drag) {
141 |         rects[rects.length-1].w=(e.pageX - this.offsetLeft) - rects[rects.length-1].startX;
142 |         rects[rects.length-1].h=(e.pageY - this.offsetTop) - rects[rects.length-1].startY;
143 |         draw(rects,types,type,chosen_index);
144 |       }
145 |     }
146 |     function saveAndNext(imageName,rects,types)
147 |     {
148 |         res={};
149 |         res.imageName=imageName;
150 |         res.rects=rects;
151 |         res.types=types;
152 |         str=JSON.stringify(res);
153 | 
154 |         console.log(httpPost('/save/'+application,str));
155 | 
156 |     }
157 | 
158 |     document.onkeydown = function(evt) {
159 |         evt = evt || window.event;
160 |         if (evt.keyCode == 90) {  //Z
161 |             type="adult";
162 |             draw(rects,types,type,chosen_index);
163 |         }
164 |         if (evt.keyCode == 88) {  //X
165 |             type="child";
166 |             draw(rects,types,type,chosen_index);
167 |         }
168 |         if (evt.keyCode==67)  //C
169 |         {
170 |             rects.length=0;
171 |             types.length=0;
172 |             draw(rects,types,type,chosen_index);
173 |         }
174 |         if (evt.keyCode==83)  //S
175 |         {
176 |             document.location.reload(true);
177 |         }
178 |         if (evt.keyCode==32)//space
179 |         {
180 |             saveAndNext(imageName,rects,types);
181 |             document.location.reload(true);
182 |         }
183 | 	if (evt.keyCode==68)//D
184 | 	{
185 | 		if(chosen_index>=0)
186 | 		{	
187 | 			console.log(chosen_index);
188 | 			console.log(rects[chosen_index]);
189 | 			rects.splice(chosen_index,1);
190 | 			types.splice(chosen_index,1);
191 | 			chosen_index=-1;
192 | 			draw(rects,types,type,chosen_index);
193 | 
194 | 		}
195 | 	}
196 |     };
197 | 
198 |     init();
199 | 
200 |       var canvas = document.getElementById('canvas');
201 |       var context = canvas.getContext('2d');
202 | 
203 | 
204 | 
205 |       imageObj.onload = function()
206 |       {
207 |         draw(rects,types,type,chosen_index);
208 |         
209 |       };
210 | 
211 |       
212 | 
213 |       imageName= httpGet('/'+application+'/get_random_pic_name');
214 | 
215 |       fn=imageName.split('/')[3];
216 |       folder=imageName.split('/')[2];
217 | 
218 |       var json_res=httpGet('/'+application+'/get_json/'+folder+'/'+fn);
219 |       var json_parsed=JSON.parse(json_res);
220 |       if(json_parsed["rects"]!=undefined)
221 |       {
222 | 
223 |         rects=json_parsed["rects"];
224 |         types=json_parsed["types"];
225 | 	
226 |         
227 | 
228 |       }
229 | 
230 |       imageObj.src =imageName;
231 | 	
232 | 	document.getElementById('legend').innerHTML=getLegend();
233 | 	document.getElementById('images_left').innerHTML=httpGet('/'+application+'/get_left_images');
234 | 
235 |        </script>
236 |   </body>
237 | 
238 | </body>
239 | </html>
240 | 


--------------------------------------------------------------------------------
/app/templates/container.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <title>Markup heads</title>
  5 |     {% include "header.html" %}
  6 | </head>
  7 | <body>
  8 | 
  9 | {% include "nav_bar.html" %}
 10 | 
 11 | <div class="description">
 12 |     {% if review %}<h4>Review page</h4>{%else%}<h4>Markup page</h4>{%endif%}
 13 | 
 14 |     <div>
 15 |         <div>
 16 |             <label class="radio-inline"><input type="radio" name="resize" id="onresize" checked onclick="onResize();" > Resizing</label>
 17 |             <label class="radio-inline"><input type="radio" name="resize" id="offresize" onclick="offResize();"> Original</label>
 18 |         </div>
 19 |         <div id="typeselect">
 20 |         </div>
 21 |         <div>Legend: <span id="legend"></span></div>
 22 |     </div>
 23 |     <div>
 24 |         <canvas id="canvas" width="" height=""></canvas>
 25 |     </div>
 26 |     <div style="text-align: center;">
 27 |         <div class="btngroup">
 28 |             
 29 |             Images left: <label id ="images_left">0</label>&nbsp&nbsp
 30 | 		<button type="button" class="btn btn-primary" onclick="imageSave()">Save & Next</button>
 31 |             <button type="button" class="btn btn-info" style="width:70px" onclick="imageSkip()">Skip</button>
 32 |         </div>
 33 |     </div>
 34 |     <script >
 35 | 
 36 |     type="";
 37 |     chosen_index=-1;
 38 |     imageName="";
 39 |     application="{{application}}";
 40 |     var curWidth=0;
 41 |     var curHeight=0;
 42 | 
 43 |     function httpGet(theUrl)
 44 |     {
 45 |         var xmlHttp = new XMLHttpRequest();
 46 |         xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
 47 |         xmlHttp.send( null );
 48 |         return xmlHttp.responseText;
 49 |     }
 50 | 
 51 |     function httpPost(theUrl,str)
 52 |     {
 53 |         var client = new XMLHttpRequest();
 54 |         var xmlHttp = new XMLHttpRequest();
 55 |         client.open( "POST", theUrl, true ); // false for synchronous request
 56 |         client.setRequestHeader("Content-Type", "application/json");
 57 |         client.send(str);
 58 |         return xmlHttp.responseText;
 59 |     }
 60 |     function getLegend(types)
 61 |     {
 62 |         var s="";
 63 |         for(var i=0;i<types.length;i++)
 64 |         {
 65 |             s+=(i+1).toString()+" - "+types[i]+";  ";
 66 |         }
 67 | 	s+="S - Skip; Space - Save&Next; D - Delete;";
 68 |         return s;
 69 |     }
 70 |     function getRadioDivContent(types){
 71 |         var divString = '';
 72 |         for (var i=0; i<types.length; i++){
 73 |             if(i==0)
 74 |                 divString += '<div class="form-check-inline"><label class="form-check-label"><input type="radio" class="form-check-input" style="margin-top:7px" name="type" id="adult" checked onclick="typeChange('+i+');">'+types[i]+'</label></div>'
 75 |             else
 76 |                 divString += '<div class="form-check-inline"><label class="form-check-label"><input type="radio" class="form-check-input" style="margin-top:7px" name="type" id="adult" onclick="typeChange('+i+');">'+types[i]+'</label></div>'
 77 |         }
 78 |         return(divString);
 79 |     }
 80 |     function onResize(){
 81 |         httpPost('/markup/{{application}}/set_resize?resize=True',null);
 82 |         resize();
 83 |     }
 84 |     function offResize(){
 85 |         httpPost('/markup/{{application}}/set_resize?resize=False',null);
 86 |         resize();
 87 |     }
 88 |     function typeChange(index){
 89 |         type=types[index];
 90 |         draw(rects,rects_types,type,chosen_index);
 91 |     }
 92 |     function imageSave(){
 93 |         saveAndNext(imageName,rects,rects_types);
 94 |         {% if review %}
 95 |         document.location.href="/review/{{application}}"
 96 |         {%else%}
 97 |         document.location.reload(true);
 98 |         {%endif%}
 99 |     }
100 |     function imageSkip(){
101 |         {% if review %}
102 |         document.location.href="/review/{{application}}"
103 |         {%else%}
104 |         document.location.reload(true);
105 |         {%endif%}
106 |     }
107 |     function markDelete(){
108 |         rects.splice(chosen_index,1);
109 |         rects_types.splice(chosen_index,1);
110 |         chosen_index=-1;
111 |         draw(rects,rects_types,type,chosen_index);
112 |     }
113 |     var canvas = document.getElementById('canvas');
114 |     ctx = canvas.getContext('2d');
115 |     rects = new Array();
116 |     relativeRects = new Array();
117 |     types=new Array();
118 |     rects_types=new Array();
119 |     drag=false;
120 | 
121 |     var imageObj = new Image();
122 | 
123 |     function init() {
124 |       canvas.addEventListener('mousedown', mouseDown, false);
125 |       canvas.addEventListener('mouseup', mouseUp, false);
126 |       canvas.addEventListener('mousemove', mouseMove, false);
127 |     }
128 |     
129 |     function mouseDown(e) {
130 |       var was=0;
131 |       let reference = canvas.offsetParent;
132 |       shiftX=canvas.offsetLeft +reference.offsetLeft ;
133 |       shiftY=canvas.offsetTop +reference.offsetTop;
134 |       for(var i=0;i<rects.length;i++)
135 |       {
136 |           if((Math.abs(e.pageX - shiftX-rects[i].startX*curWidth)<10)&&(Math.abs(e.pageY - shiftY-rects[i].startY*curHeight)<10))
137 | 	        {
138 |               if(chosen_index==i)
139 |                 chosen_index=-1;
140 |               else
141 | 		        chosen_index=i;
142 |               was=1;
143 |           }
144 |       }
145 |       if(was==0)
146 |       {
147 |       	rect={}
148 | 	    rect.startX = (e.pageX - shiftX)/curWidth;
149 |         rect.startY = (e.pageY - shiftY)/curHeight;
150 |         rect.w=0;
151 |         rect.h=0;
152 |         rects.push(rect);
153 |         rects_types.push(type);
154 |         drag = true;
155 |       }else
156 |       {  
157 | 	    draw(rects,rects_types,type,chosen_index);
158 |       }
159 |     }
160 | 
161 |     function mouseUp() {
162 |       drag = false;
163 |       if(rects.length>0)
164 |       {
165 |           if(((rects[rects.length-1].w*curWidth<10)&&(rects[rects.length-1].h*curHeight<10))||
166 |              ((rects[rects.length-1].w<0)||(rects[rects.length-1].h<0)))
167 |           {
168 |               rects.splice(rects.length-1,1);
169 |               rects_types.splice(rects.length-1,1);
170 | 
171 |           }
172 |       }
173 |       draw(rects,rects_types,type,chosen_index);
174 |     }
175 | 
176 |     function mouseMove(e) {
177 |       if (drag) {
178 |         let reference = canvas.offsetParent;
179 |         shiftX=canvas.offsetLeft +reference.offsetLeft;
180 |         shiftY=canvas.offsetTop +reference.offsetTop;
181 | 
182 |         rects[rects.length-1].w = ((e.pageX - shiftX) - rects[rects.length-1].startX*curWidth)/curWidth;
183 |         rects[rects.length-1].h = ((e.pageY - shiftY) - rects[rects.length-1].startY*curHeight)/curHeight;
184 |         draw(rects,rects_types,type,chosen_index);
185 |       }
186 |     }
187 |     function draw(rects,rects_types,type,chosen_index)
188 |     {
189 |         ctx.clearRect(0, 0, canvas.width, canvas.height);
190 |         ctx.drawImage(imageObj, 0, 0, canvas.width, canvas.height);
191 |         //ctx.drawImage(imageObj, 0, 0);
192 |         curWidth=canvas.width;
193 |         curHeight=canvas.height;
194 | 
195 |         ctx.beginPath();
196 |         ctx.font = "30px Arial";
197 |         ctx.fillStyle = 'green';
198 |         ctx.fillText(type,30,50);
199 |         ctx.stroke();
200 | 
201 |         for(var i=0;i<rects.length;i++)
202 |         {
203 |             ctx.beginPath();
204 |             ctx.lineWidth=2;
205 |             ctx.font = "20px Arial";
206 |             
207 |             if(rects_types[i].localeCompare("cont_p1")==0)
208 |             {
209 |                 ctx.strokeStyle = 'red';
210 |                 ctx.fillStyle = 'red';
211 |             }
212 |             if(rects_types[i].localeCompare("cont_p2")==0)
213 |             {
214 |                 ctx.strokeStyle = 'yellow';
215 |                 ctx.fillStyle = 'yellow';
216 |             }
217 |             if(rects_types[i].localeCompare("cont_p3")==0)
218 |             {
219 |                 ctx.strokeStyle = 'blue';
220 |                 ctx.fillStyle = 'blue';
221 |             }
222 | 
223 | 
224 | 	    if(i==chosen_index)
225 |             {
226 |                 ctx.strokeStyle = 'orange';
227 |                 ctx.fillStyle = 'orange';
228 | 
229 |             }
230 | 
231 |             //ctx.fillText(rects_types[i],rects[i].startX*curWidth+5,rects[i].startY*curHeight+20);
232 |             ctx.rect(rects[i].startX*curWidth,rects[i].startY*curHeight, rects[i].w*curWidth, rects[i].h*curHeight);
233 |             ctx.stroke();
234 | 
235 |         }
236 | 
237 | 
238 |     }
239 |     function saveAndNext(imageName,rects,rects_types)
240 |     {
241 |         res={};
242 |         res.imageName=imageName;
243 |         
244 |         absRects = [];
245 |         for(var i=0;i<rects.length;i++){
246 |             var absRect = {};
247 |             absRect.startX = rects[i].startX * imageObj.width;
248 |             absRect.startY = rects[i].startY * imageObj.height;
249 |             absRect.w = rects[i].w * imageObj.width;
250 |             absRect.h = rects[i].h * imageObj.height;
251 |             absRects[i] = absRect;
252 |         }
253 | 
254 |         res.rects = absRects;
255 |         res.types = rects_types;
256 | 
257 |         res.imageWidth=imageObj.width;
258 |         res.imageHeight=imageObj.height;
259 | 
260 |         str=JSON.stringify(res);
261 |         console.log(str);
262 |         httpPost('/save/'+application,str);
263 | 
264 |     }
265 | 
266 |     document.onkeydown = function(evt) {
267 |         if (window.event)
268 |             keyCode = window.event.keyCode; // IE
269 |         else
270 |             keyCode = evt.which;  // Firefox
271 | 
272 |         if ((keyCode>=49) &&(keyCode<49+types.length))
273 |         {
274 |             type=types[keyCode-49];
275 |             draw(rects,rects_types,type,chosen_index);
276 |         }
277 |         if (keyCode==67)  //C
278 |         {
279 |             rects.length=0;
280 |             rects_types.length=0;
281 |             draw(rects,rects_types,type,chosen_index);
282 |         }
283 |         if ((keyCode==32))  //Space
284 |         {
285 |             saveAndNext(imageName,rects,rects_types);
286 |             {% if review %}
287 |             document.location.href="/review/{{application}}"
288 |             {%else%}
289 |             document.location.reload(true);
290 |             {%endif%}
291 | 
292 |         }
293 |         if(keyCode==83) //S
294 |         {
295 |             {% if review %}
296 |             document.location.href="/review/{{application}}"
297 |             {%else%}
298 |             document.location.reload(true);
299 |             {%endif%}
300 | 
301 |         }
302 | 
303 | 	    if (keyCode==68)//D
304 | 	    {
305 | 			markDelete();
306 | 
307 | 	    }
308 |     };
309 | 
310 |     init();
311 | 
312 |       var canvas = document.getElementById('canvas');
313 |       var context = canvas.getContext('2d');
314 | 
315 |       imageObj.onload = function()
316 |       { 
317 |         //draw(rects,rects_types,type,chosen_index);
318 |         resize();
319 |       };
320 | 
321 |       var fileFound=true;
322 |       
323 |       {% if review %}
324 | 
325 |       imageName="/{{application}}/get_file/{{folder}}/{{filename}}.{{image_ext}}"
326 |       if(imageName.localeCompare('None')==0)throw "file not found";
327 | 
328 | 
329 |       fn="{{filename}}.{{image_ext}}"
330 |       folder="{{folder}}"
331 | 
332 |       {%else%}
333 | 
334 |       imageName= httpGet('/'+application+'/get_random_pic_name');
335 |       
336 |       if(imageName.localeCompare('None')!=0)
337 |       {
338 |       	fn=imageName.split('/')[4];
339 | 	folder=imageName.split('/')[3];
340 |       }else
341 |         fileFound=false;
342 |   
343 | 
344 |       {% endif%}
345 | 
346 |       if(fileFound)
347 |       {
348 |         var json_res=httpGet('/'+application+'/get_json/'+folder+'/'+fn);
349 |         var json_parsed=JSON.parse(json_res);
350 |         if(json_parsed["rects"]!=undefined)
351 |         {
352 |           var relRects = [];
353 |           for(var i=0;i<json_parsed["rects"].length;i++){
354 |               var relRect = {};
355 |               relRect.startX = json_parsed["rects"][i].startX/json_parsed["imageWidth"];
356 |               relRect.startY = json_parsed["rects"][i].startY/json_parsed["imageHeight"];
357 |               relRect.w = json_parsed["rects"][i].w/json_parsed["imageWidth"];
358 |               relRect.h = json_parsed["rects"][i].h/json_parsed["imageHeight"];
359 |               relRects[i] = relRect;
360 |           }
361 |           rects=relRects;
362 |           rects_types=json_parsed["types"];
363 |         }
364 | 
365 |       }
366 | 
367 |     function resize()
368 |     {
369 |         var marginX=64;
370 |         var marginY=290;
371 |         if(document.getElementById('onresize').checked==true){
372 |             if((imageObj.width<(window.innerWidth-marginX))&&(imageObj.height<      (window.innerHeight-marginY))){
373 |                 document.getElementById('canvas').width=imageObj.width;
374 |                 document.getElementById('canvas').height=imageObj.height;
375 |                 document.getElementsByClassName('description')[0].setAttribute('style', 'margin: auto; padding: 67.188px 2em 2em 2em')
376 |                 document.getElementsByClassName('description')[0].style.width=imageObj.width+16*3+"px";
377 |             }else{
378 |                 var kx=imageObj.width/(window.innerWidth-marginX);
379 |                 var ky=imageObj.height/(window.innerHeight-marginY);
380 | 
381 |                 if(kx>ky)
382 |                 {
383 |                     document.getElementById('canvas').width=window.innerWidth-marginX-3;
384 |                     document.getElementById('canvas').height=imageObj.height*(window.innerWidth-marginX)/imageObj.width;
385 |                     document.getElementsByClassName('description')[0].setAttribute('style', 'position: absolute; top: 8%; padding: 2em')
386 |                 }else
387 |                 {
388 |                     document.getElementById('canvas').height=window.innerHeight-marginY-3;
389 |                     document.getElementById('canvas').width=imageObj.width*(window.innerHeight-marginY)/imageObj.height;
390 |                     document.getElementsByClassName('description')[0].setAttribute('style', 'margin: auto; padding: 67.188px 2em 2em 2em')
391 |                     document.getElementsByClassName('description')[0].style.width=imageObj.width*(window.innerHeight-marginY)/imageObj.height+16*3+"px";
392 |                    
393 |                 }
394 |             }
395 | 
396 |         } else {
397 |             document.getElementById('canvas').width=imageObj.width;
398 |             document.getElementById('canvas').height=imageObj.height;
399 |             document.getElementsByClassName('description')[0].setAttribute('style', 'position: absolute; top: 8%; padding: 2em')
400 |         }
401 |         draw(rects,rects_types,type,chosen_index);
402 |     }
403 |     imageObj.src =imageName;
404 |     types=JSON.parse(httpGet('/'+application+'/get_config/types'));
405 |     type=types[0];
406 | 
407 |     //if(imageObj.width<(window.innerWidth-64)){
408 |     //    document.getElementById('canvas').width=imageObj.width;
409 |     //    document.getElementById('canvas').height=imageObj.height;
410 |     //}else{
411 |     //    document.getElementById('canvas').width=window.innerWidth-64;
412 |     //    document.getElementById('canvas').height=imageObj.height*(window.innerWidth-64)/imageObj.width;
413 |     //}
414 |     //resize();
415 |     document.getElementById('legend').innerHTML=getLegend(types);
416 |     console.log(httpGet('/markup/{{application}}/get_resize'));
417 |     if(httpGet('/markup/{{application}}/get_resize').localeCompare('True')==0)
418 |     {
419 |         document.getElementById('onresize').checked=true;
420 |     }else
421 |     {
422 |         document.getElementById('offresize').checked=true;
423 |     }
424 |     document.getElementById('typeselect').innerHTML=getRadioDivContent(types);
425 |     document.getElementById('images_left').innerHTML=httpGet('/'+application+'/get_left_images');
426 | 
427 |     var doit;
428 |     window.onresize = function(){
429 |       clearTimeout(doit);
430 |       doit = setTimeout(resize, 200);
431 |     };
432 |     </script>
433 | </div>
434 | </body>
435 | </html>
436 | 


--------------------------------------------------------------------------------
/app/templates/door.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <title>Markup door</title>
  5 |     {% include "header.html" %}
  6 | </head>
  7 | <body>
  8 | 
  9 | {% include "nav_bar.html" %}
 10 | 
 11 | 
 12 | 	<div class="description">
 13 |     
 14 | 	    {% if review %}<h4>Review page</h4>{%else%}<h4>Markup page</h4>{%endif%}
 15 | 
 16 | 	    <div>
 17 | 		<div>
 18 | 		    <label class="radio-inline"><input type="radio" name="resize" id="onresize" checked onclick="onResize();" > Resizing</label>
 19 | 		    <label class="radio-inline"><input type="radio" name="resize" id="offresize" onclick="offResize();"> Original</label>
 20 | 		</div>
 21 | 		<div id="typeselect">
 22 | 		</div>
 23 | 		<div>Legend: <span id="legend"></span></div>
 24 | 	    </div>
 25 | 	    <div>
 26 | 		<canvas id="canvas" width="" height=""></canvas>
 27 | 	    </div>
 28 | 	    <div style="text-align: center;">
 29 | 		<div class="btngroup">
 30 | 		    
 31 | 		    Images left: <label id ="images_left">0</label>&nbsp&nbsp
 32 | 			<button type="button" class="btn btn-primary" onclick="imageSave()">Save & Next</button>
 33 | 		    <button type="button" class="btn btn-info" style="width:70px" onclick="imageSkip()">Skip</button>
 34 | 		</div>
 35 | 	    </div>
 36 |   
 37 |     <script >
 38 | 
 39 |     type="adult";
 40 |     chosen_index=-1;
 41 |     imageName="";
 42 |     application="{{application}}";
 43 |     var curWidth=0;
 44 |     var curHeight=0;
 45 | 
 46 |     function httpGet(theUrl)
 47 |     {
 48 |         var xmlHttp = new XMLHttpRequest();
 49 |         xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
 50 |         xmlHttp.send( null );
 51 |         return xmlHttp.responseText;
 52 |     }
 53 | 
 54 |     function httpPost(theUrl,str)
 55 |     {
 56 |         var client = new XMLHttpRequest();
 57 |         var xmlHttp = new XMLHttpRequest();
 58 |         client.open( "POST", theUrl, true ); // false for synchronous request
 59 |         client.setRequestHeader("Content-Type", "application/json");
 60 |         client.send(str);
 61 |         return xmlHttp.responseText;
 62 |     }
 63 |     function getLegend(types)
 64 |     {
 65 |         var s="";
 66 |         for(var i=0;i<types.length;i++)
 67 |         {
 68 |             s+=(i+1).toString()+" - "+types[i]+";  ";
 69 |         }
 70 | 	s+="S - Skip; Space - Save&Next; D - Delete;";
 71 |         return s;
 72 |     }
 73 |     function getRadioDivContent(types){
 74 |         var divString = '';
 75 |         for (var i=0; i<types.length; i++){
 76 |             if(i==0)
 77 |                 divString += '<div class="form-check-inline"><label class="form-check-label"><input type="radio" class="form-check-input" style="margin-top:7px" name="type" id="adult" checked onclick="typeChange('+i+');">'+types[i]+'</label></div>'
 78 |             else
 79 |                 divString += '<div class="form-check-inline"><label class="form-check-label"><input type="radio" class="form-check-input" style="margin-top:7px" name="type" id="adult" onclick="typeChange('+i+');">'+types[i]+'</label></div>'
 80 |         }
 81 |         return(divString);
 82 |     }
 83 |     function onResize(){
 84 |         httpPost('/markup/{{application}}/set_resize?resize=True',null);
 85 |         resize();
 86 |     }
 87 |     function offResize(){
 88 |         httpPost('/markup/{{application}}/set_resize?resize=False',null);
 89 |         resize();
 90 |     }
 91 |     function typeChange(index){
 92 |         type=types[index];
 93 |         draw(rects,rects_types,type,chosen_index);
 94 |     }
 95 |     function imageSave(){
 96 |         saveAndNext(imageName,rects,rects_types);
 97 |         {% if review %}
 98 |         document.location.href="/review/{{application}}"
 99 |         {%else%}
100 |         document.location.reload(true);
101 |         {%endif%}
102 |     }
103 |     function imageSkip(){
104 |         {% if review %}
105 |         document.location.href="/review/{{application}}"
106 |         {%else%}
107 |         document.location.reload(true);
108 |         {%endif%}
109 |     }
110 |     function markDelete(){
111 |         rects.splice(chosen_index,1);
112 |         rects_types.splice(chosen_index,1);
113 |         chosen_index=-1;
114 |         draw(rects,rects_types,type,chosen_index);
115 |     }
116 |     var canvas = document.getElementById('canvas');
117 |     ctx = canvas.getContext('2d');
118 |     rects = new Array();
119 |     relativeRects = new Array();
120 |     types=new Array();
121 |     rects_types=new Array();
122 |     drag=false;
123 | 
124 |     var imageObj = new Image();
125 | 
126 |     function init() {
127 |       canvas.addEventListener('mousedown', mouseDown, false);
128 |       canvas.addEventListener('mouseup', mouseUp, false);
129 |       canvas.addEventListener('mousemove', mouseMove, false);
130 |     }
131 |     
132 |     function mouseDown(e) {
133 |       var was=0;
134 |       let reference = canvas.offsetParent;
135 |       shiftX=canvas.offsetLeft +reference.offsetLeft ;
136 |       shiftY=canvas.offsetTop +reference.offsetTop;
137 |       for(var i=0;i<rects.length;i++)
138 |       {
139 |           if((Math.abs(e.pageX - shiftX-rects[i].startX*curWidth)<20)&&(Math.abs(e.pageY - shiftY-rects[i].startY*curHeight)<20))
140 | 	        {
141 |               if(chosen_index==i)
142 |                 chosen_index=-1;
143 |               else
144 | 		        chosen_index=i;
145 |               was=1;
146 |           }
147 |       }
148 |       if(was==0)
149 |       {
150 |       	rect={}
151 | 	    rect.startX = (e.pageX - shiftX)/curWidth;
152 |         rect.startY = (e.pageY - shiftY)/curHeight;
153 |         rect.w=0;
154 |         rect.h=0;
155 |         rects.push(rect);
156 |         rects_types.push(type);
157 |         drag = true;
158 |       }else
159 |       {  
160 | 	    draw(rects,rects_types,type,chosen_index);
161 |       }
162 |     }
163 | 
164 |     function mouseUp() {
165 |       drag = false;
166 |       if(rects.length>0)
167 |       {
168 |           if(((rects[rects.length-1].w*curWidth<10)&&(rects[rects.length-1].h*curHeight<10))||
169 |              ((rects[rects.length-1].w<0)||(rects[rects.length-1].h<0)))
170 |           {
171 |               rects.splice(rects.length-1,1);
172 |               rects_types.splice(rects.length-1,1);
173 | 
174 |           }
175 |       }
176 |       draw(rects,rects_types,type,chosen_index);
177 |     }
178 | 
179 |     function mouseMove(e) {
180 |       if (drag) {
181 |         let reference = canvas.offsetParent;
182 |         shiftX=canvas.offsetLeft +reference.offsetLeft;
183 |         shiftY=canvas.offsetTop +reference.offsetTop;
184 | 
185 |         rects[rects.length-1].w = ((e.pageX - shiftX) - rects[rects.length-1].startX*curWidth)/curWidth;
186 |         rects[rects.length-1].h = ((e.pageY - shiftY) - rects[rects.length-1].startY*curHeight)/curHeight;
187 |         draw(rects,rects_types,type,chosen_index);
188 |       }
189 |     }
190 |     function draw(rects,rects_types,type,chosen_index)
191 |     {
192 |         ctx.clearRect(0, 0, canvas.width, canvas.height);
193 |         ctx.drawImage(imageObj, 0, 0, canvas.width, canvas.height);
194 |         //ctx.drawImage(imageObj, 0, 0);
195 |         curWidth=canvas.width;
196 |         curHeight=canvas.height;
197 | 
198 |         ctx.beginPath();
199 |         ctx.font = "30px Arial";
200 |         ctx.fillStyle = 'green';
201 |         ctx.fillText(type,30,50);
202 |         ctx.stroke();
203 | 
204 |         for(var i=0;i<rects.length;i++)
205 |         {
206 |             ctx.beginPath();
207 |             ctx.lineWidth=6;
208 |             ctx.font = "20px Arial";
209 |             if(rects_types[i].localeCompare("opened")==0)
210 |             {
211 |                 ctx.strokeStyle = 'red';
212 |                 ctx.fillStyle = 'red';
213 |             }
214 | 
215 |             if(rects_types[i].localeCompare("closed")==0)
216 |             {
217 |                 ctx.strokeStyle = 'blue';
218 |                 ctx.fillStyle = 'blue';
219 |             }
220 | 
221 | 
222 | 	        if(i==chosen_index)
223 |             {
224 |                 ctx.strokeStyle = 'orange';
225 |                 ctx.fillStyle = 'orange';
226 | 
227 |             }
228 | 
229 |             ctx.fillText(rects_types[i],rects[i].startX*curWidth+5,rects[i].startY*curHeight+20);
230 |             ctx.rect(rects[i].startX*curWidth,rects[i].startY*curHeight, rects[i].w*curWidth, rects[i].h*curHeight);
231 |             ctx.stroke();
232 | 
233 |         }
234 | 
235 | 
236 |     }
237 |     function saveAndNext(imageName,rects,rects_types)
238 |     {
239 |         res={};
240 |         res.imageName=imageName;
241 |         
242 |         absRects = [];
243 |         for(var i=0;i<rects.length;i++){
244 |             var absRect = {};
245 |             absRect.startX = rects[i].startX * imageObj.width;
246 |             absRect.startY = rects[i].startY * imageObj.height;
247 |             absRect.w = rects[i].w * imageObj.width;
248 |             absRect.h = rects[i].h * imageObj.height;
249 |             absRects[i] = absRect;
250 |         }
251 | 
252 |         res.rects = absRects;
253 |         res.types = rects_types;
254 | 
255 |         res.imageWidth=imageObj.width;
256 |         res.imageHeight=imageObj.height;
257 | 
258 |         str=JSON.stringify(res);
259 |         console.log(str);
260 |         httpPost('/save/'+application,str);
261 | 
262 |     }
263 | 
264 |     document.onkeydown = function(evt) {
265 |         if (window.event)
266 |             keyCode = window.event.keyCode; // IE
267 |         else
268 |             keyCode = evt.which;  // Firefox
269 | 
270 |         if ((keyCode>=49) &&(keyCode<49+types.length))
271 |         {
272 |             type=types[keyCode-49];
273 |             draw(rects,rects_types,type,chosen_index);
274 |         }
275 |         if (keyCode==67)  //C
276 |         {
277 |             rects.length=0;
278 |             rects_types.length=0;
279 |             draw(rects,rects_types,type,chosen_index);
280 |         }
281 |         if ((keyCode==32))  //Space
282 |         {
283 |             saveAndNext(imageName,rects,rects_types);
284 |             {% if review %}
285 |             document.location.href="/review/{{application}}"
286 |             {%else%}
287 |             document.location.reload(true);
288 |             {%endif%}
289 | 
290 |         }
291 |         if(keyCode==83) //S
292 |         {
293 |             {% if review %}
294 |             document.location.href="/review/{{application}}"
295 |             {%else%}
296 |             document.location.reload(true);
297 |             {%endif%}
298 | 
299 |         }
300 | 
301 | 	    if (keyCode==68)//D
302 | 	    {
303 | 			markDelete();
304 | 
305 | 	    }
306 |     };
307 | 
308 |     init();
309 | 
310 |       var canvas = document.getElementById('canvas');
311 |       var context = canvas.getContext('2d');
312 | 
313 |       imageObj.onload = function()
314 |       { 
315 |         //draw(rects,rects_types,type,chosen_index);
316 |         resize();
317 |       };
318 |       
319 |       var fileFound=true;
320 |       
321 |       {% if review %}
322 | 
323 |       imageName="/{{application}}/get_file/{{folder}}/{{filename}}.{{image_ext}}"
324 |       if(imageName.localeCompare('None')==0)throw "file not found";
325 | 
326 | 
327 |       fn="{{filename}}.{{image_ext}}"
328 |       folder="{{folder}}"
329 | 
330 |       {%else%}
331 | 
332 |       imageName= httpGet('/'+application+'/get_random_pic_name');
333 |       
334 |       if(imageName.localeCompare('None')!=0)
335 |       {
336 |       	fn=imageName.split('/')[4];
337 | 	folder=imageName.split('/')[3];
338 |       }else
339 |         fileFound=false;
340 |   
341 | 
342 |       {% endif%}
343 | 
344 |       if(fileFound)
345 |       {
346 |         var json_res=httpGet('/'+application+'/get_json/'+folder+'/'+fn);
347 |         var json_parsed=JSON.parse(json_res);
348 |         if(json_parsed["rects"]!=undefined)
349 |         {
350 |           var relRects = [];
351 |           for(var i=0;i<json_parsed["rects"].length;i++){
352 |               var relRect = {};
353 |               relRect.startX = json_parsed["rects"][i].startX/json_parsed["imageWidth"];
354 |               relRect.startY = json_parsed["rects"][i].startY/json_parsed["imageHeight"];
355 |               relRect.w = json_parsed["rects"][i].w/json_parsed["imageWidth"];
356 |               relRect.h = json_parsed["rects"][i].h/json_parsed["imageHeight"];
357 |               relRects[i] = relRect;
358 |           }
359 |           rects=relRects;
360 |           rects_types=json_parsed["types"];
361 |         }
362 | 
363 |       }
364 | 
365 | 
366 |     function resize()
367 |     {
368 |         var marginX=64;
369 |         var marginY=290;
370 | 	
371 |         if(document.getElementById('onresize').checked==true){
372 | 
373 |             document.getElementsByClassName('description')[0].setAttribute('style','margin-left:auto;margin-right:auto;margin-top:66px');
374 |             if((imageObj.width<(window.innerWidth-marginX))&&(imageObj.height<      (window.innerHeight-marginY))){
375 |                 document.getElementById('canvas').width=imageObj.width;
376 |                 document.getElementById('canvas').height=imageObj.height;
377 | 
378 |                 document.getElementsByClassName('description')[0].style.width=imageObj.width+16*3+"px";
379 |             }else{
380 |                 var kx=imageObj.width/(window.innerWidth-marginX);
381 |                 var ky=imageObj.height/(window.innerHeight-marginY);
382 | 
383 |                 if(kx>ky)
384 |                 {
385 |                     document.getElementById('canvas').width=window.innerWidth-marginX-3;
386 |                     document.getElementById('canvas').height=imageObj.height*(window.innerWidth-marginX)/imageObj.width;
387 | 
388 |                 }else
389 |                 {
390 |                     document.getElementById('canvas').height=window.innerHeight-marginY-3;
391 |                     document.getElementById('canvas').width=imageObj.width*(window.innerHeight-marginY)/imageObj.height;
392 | 
393 |                     document.getElementsByClassName('description')[0].style.width=imageObj.width*(window.innerHeight-marginY)/imageObj.height+16*3+"px";
394 |                    
395 |                 }
396 |             }
397 | 
398 |         } else {
399 |             document.getElementById('canvas').width=imageObj.width;
400 |             document.getElementById('canvas').height=imageObj.height;
401 | 		document.getElementsByClassName('description')[0].setAttribute('style','');
402 |             //document.getElementsByClassName('description')[0].setAttribute('style', 'position: absolute; top: 8%; padding: 2em')
403 |         }
404 |         draw(rects,rects_types,type,chosen_index);
405 |     }
406 |     if(fileFound)
407 |     {
408 |        imageObj.src =imageName;
409 |     }else
410 |     {
411 |         console.log('/static/blank-img.jpg');
412 |         imageObj.src='/static/blank-img.jpg';
413 |     }
414 |     types=JSON.parse(httpGet('/'+application+'/get_config/types'));
415 |     type=types[0];
416 | 
417 |     //if(imageObj.width<(window.innerWidth-64)){
418 |     //    document.getElementById('canvas').width=imageObj.width;
419 |     //    document.getElementById('canvas').height=imageObj.height;
420 |     //}else{
421 |     //    document.getElementById('canvas').width=window.innerWidth-64;
422 |     //    document.getElementById('canvas').height=imageObj.height*(window.innerWidth-64)/imageObj.width;
423 |     //}
424 |     //resize();
425 |     document.getElementById('legend').innerHTML=getLegend(types);
426 |     console.log(httpGet('/markup/{{application}}/get_resize'));
427 |     if(httpGet('/markup/{{application}}/get_resize').localeCompare('True')==0)
428 |     {
429 |         document.getElementById('onresize').checked=true;
430 |     }else
431 |     {
432 |         document.getElementById('offresize').checked=true;
433 |     }
434 |     document.getElementById('typeselect').innerHTML=getRadioDivContent(types);
435 |     document.getElementById('images_left').innerHTML=httpGet('/'+application+'/get_left_images');
436 | 
437 |     var doit;
438 |     window.onresize = function(){
439 |       clearTimeout(doit);
440 |       doit = setTimeout(resize, 200);
441 |     };
442 |     </script>
443 | </div>
444 | </body>
445 | </html>
446 | 


--------------------------------------------------------------------------------
/app/templates/header.html:
--------------------------------------------------------------------------------
 1 | 
 2 |    
 3 |       <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
 4 |       <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/main.css') }}">
 5 |       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
 6 |    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
 7 | 	<script type="text/javascript" src="{{ url_for('static', filename='js/jquery.min.js') }}" ></script>
 8 | 	<script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
 9 | 	<script type="text/javascript" src="{{ url_for('static', filename='js/main.js') }}"></script>
10 | 
11 |       <meta charset="UTF-8">
12 | 


--------------------------------------------------------------------------------
/app/templates/heads.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <title>Markup heads</title>
  5 |     {% include "header.html" %}
  6 | </head>
  7 | <body>
  8 | 
  9 | {% include "nav_bar.html" %}
 10 | 
 11 | 
 12 | 	<div class="description">
 13 |     
 14 | 	    {% if review %}<h4>Review page</h4>{%else%}<h4>Markup page</h4>{%endif%}
 15 | 
 16 | 	    <div>
 17 | 		<div>
 18 | 		    <label class="radio-inline"><input type="radio" name="resize" id="onresize" checked onclick="onResize();" > Resizing</label>
 19 | 		    <label class="radio-inline"><input type="radio" name="resize" id="offresize" onclick="offResize();"> Original</label>
 20 | 		</div>
 21 | 		<div id="typeselect">
 22 | 		</div>
 23 | 		<div>Legend: <span id="legend"></span></div>
 24 | 	    </div>
 25 | 	    <div>
 26 | 		<canvas id="canvas" width="" height=""></canvas>
 27 | 	    </div>
 28 | 	    <div style="text-align: center;">
 29 | 		<div class="btngroup">
 30 | 		    
 31 | 		    Images left: <label id ="images_left">0</label>&nbsp&nbsp
 32 | 			<button type="button" class="btn btn-primary" onclick="imageSave()">Save & Next</button>
 33 | 		    <button type="button" class="btn btn-info" style="width:70px" onclick="imageSkip()">Skip</button>
 34 | 		</div>
 35 | 	    </div>
 36 |   
 37 |     <script >
 38 | 
 39 |     type="adult";
 40 |     chosen_index=-1;
 41 |     imageName="";
 42 |     application="{{application}}";
 43 |     var curWidth=0;
 44 |     var curHeight=0;
 45 | 
 46 |     function httpGet(theUrl)
 47 |     {
 48 |         var xmlHttp = new XMLHttpRequest();
 49 |         xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
 50 |         xmlHttp.send( null );
 51 |         return xmlHttp.responseText;
 52 |     }
 53 | 
 54 |     function httpPost(theUrl,str)
 55 |     {
 56 |         var client = new XMLHttpRequest();
 57 |         var xmlHttp = new XMLHttpRequest();
 58 |         client.open( "POST", theUrl, true ); // false for synchronous request
 59 |         client.setRequestHeader("Content-Type", "application/json");
 60 |         client.send(str);
 61 |         return xmlHttp.responseText;
 62 |     }
 63 |     function getLegend(types)
 64 |     {
 65 |         var s="";
 66 |         for(var i=0;i<types.length;i++)
 67 |         {
 68 |             s+=(i+1).toString()+" - "+types[i]+";  ";
 69 |         }
 70 | 	s+="S - Skip; Space - Save&Next; D - Delete;";
 71 |         return s;
 72 |     }
 73 |     function getRadioDivContent(types){
 74 |         var divString = '';
 75 |         for (var i=0; i<types.length; i++){
 76 |             if(i==0)
 77 |                 divString += '<div class="form-check-inline"><label class="form-check-label"><input type="radio" class="form-check-input" style="margin-top:7px" name="type" id="adult" checked onclick="typeChange('+i+');">'+types[i]+'</label></div>'
 78 |             else
 79 |                 divString += '<div class="form-check-inline"><label class="form-check-label"><input type="radio" class="form-check-input" style="margin-top:7px" name="type" id="adult" onclick="typeChange('+i+');">'+types[i]+'</label></div>'
 80 |         }
 81 |         return(divString);
 82 |     }
 83 |     function onResize(){
 84 |         httpPost('/markup/{{application}}/set_resize?resize=True',null);
 85 |         resize();
 86 |     }
 87 |     function offResize(){
 88 |         httpPost('/markup/{{application}}/set_resize?resize=False',null);
 89 |         resize();
 90 |     }
 91 |     function typeChange(index){
 92 |         type=types[index];
 93 |         draw(rects,rects_types,type,chosen_index);
 94 |     }
 95 |     function imageSave(){
 96 |         saveAndNext(imageName,rects,rects_types);
 97 |         {% if review %}
 98 |         document.location.href="/review/{{application}}"
 99 |         {%else%}
100 |         document.location.reload(true);
101 |         {%endif%}
102 |     }
103 |     function imageSkip(){
104 |         {% if review %}
105 |         document.location.href="/review/{{application}}"
106 |         {%else%}
107 |         document.location.reload(true);
108 |         {%endif%}
109 |     }
110 |     function markDelete(){
111 |         rects.splice(chosen_index,1);
112 |         rects_types.splice(chosen_index,1);
113 |         chosen_index=-1;
114 |         draw(rects,rects_types,type,chosen_index);
115 |     }
116 |     var canvas = document.getElementById('canvas');
117 |     ctx = canvas.getContext('2d');
118 |     rects = new Array();
119 |     relativeRects = new Array();
120 |     types=new Array();
121 |     rects_types=new Array();
122 |     drag=false;
123 | 
124 |     var imageObj = new Image();
125 | 
126 |     function init() {
127 |       canvas.addEventListener('mousedown', mouseDown, false);
128 |       canvas.addEventListener('mouseup', mouseUp, false);
129 |       canvas.addEventListener('mousemove', mouseMove, false);
130 |     }
131 |     
132 |     function mouseDown(e) {
133 |       var was=0;
134 |       let reference = canvas.offsetParent;
135 |       shiftX=canvas.offsetLeft +reference.offsetLeft ;
136 |       shiftY=canvas.offsetTop +reference.offsetTop;
137 |       for(var i=0;i<rects.length;i++)
138 |       {
139 |           if((Math.abs(e.pageX - shiftX-rects[i].startX*curWidth)<20)&&(Math.abs(e.pageY - shiftY-rects[i].startY*curHeight)<20))
140 | 	        {
141 |               if(chosen_index==i)
142 |                 chosen_index=-1;
143 |               else
144 | 		        chosen_index=i;
145 |               was=1;
146 |           }
147 |       }
148 |       if(was==0)
149 |       {
150 |       	rect={}
151 | 	    rect.startX = (e.pageX - shiftX)/curWidth;
152 |         rect.startY = (e.pageY - shiftY)/curHeight;
153 |         rect.w=0;
154 |         rect.h=0;
155 |         rects.push(rect);
156 |         rects_types.push(type);
157 |         drag = true;
158 |       }else
159 |       {  
160 | 	    draw(rects,rects_types,type,chosen_index);
161 |       }
162 |     }
163 | 
164 |     function mouseUp() {
165 |       drag = false;
166 |       if(rects.length>0)
167 |       {
168 |           if(((rects[rects.length-1].w*curWidth<10)&&(rects[rects.length-1].h*curHeight<10))||
169 |              ((rects[rects.length-1].w<0)||(rects[rects.length-1].h<0)))
170 |           {
171 |               rects.splice(rects.length-1,1);
172 |               rects_types.splice(rects.length-1,1);
173 | 
174 |           }
175 |       }
176 |       draw(rects,rects_types,type,chosen_index);
177 |     }
178 | 
179 |     function mouseMove(e) {
180 |       if (drag) {
181 |         let reference = canvas.offsetParent;
182 |         shiftX=canvas.offsetLeft +reference.offsetLeft;
183 |         shiftY=canvas.offsetTop +reference.offsetTop;
184 | 
185 |         rects[rects.length-1].w = ((e.pageX - shiftX) - rects[rects.length-1].startX*curWidth)/curWidth;
186 |         rects[rects.length-1].h = ((e.pageY - shiftY) - rects[rects.length-1].startY*curHeight)/curHeight;
187 |         draw(rects,rects_types,type,chosen_index);
188 |       }
189 |     }
190 |     function draw(rects,rects_types,type,chosen_index)
191 |     {
192 |         ctx.clearRect(0, 0, canvas.width, canvas.height);
193 |         ctx.drawImage(imageObj, 0, 0, canvas.width, canvas.height);
194 |         //ctx.drawImage(imageObj, 0, 0);
195 |         curWidth=canvas.width;
196 |         curHeight=canvas.height;
197 | 
198 |         ctx.beginPath();
199 |         ctx.font = "30px Arial";
200 |         ctx.fillStyle = 'green';
201 |         ctx.fillText(type,30,50);
202 |         ctx.stroke();
203 | 
204 |         for(var i=0;i<rects.length;i++)
205 |         {
206 |             ctx.beginPath();
207 |             ctx.lineWidth=6;
208 |             ctx.font = "20px Arial";
209 |             if(rects_types[i].localeCompare("adult")==0)
210 |             {
211 |                 ctx.strokeStyle = 'red';
212 |                 ctx.fillStyle = 'red';
213 |             }
214 |             if(rects_types[i].localeCompare("child")==0)
215 |             {
216 |                 ctx.strokeStyle = 'yellow';
217 |                 ctx.fillStyle = 'yellow';
218 |             }
219 |             if(rects_types[i].localeCompare("hidden")==0)
220 |             {
221 |                 ctx.strokeStyle = 'blue';
222 |                 ctx.fillStyle = 'blue';
223 |             }
224 | 
225 | 
226 | 	        if(i==chosen_index)
227 |             {
228 |                 ctx.strokeStyle = 'orange';
229 |                 ctx.fillStyle = 'orange';
230 | 
231 |             }
232 | 
233 |             ctx.fillText(rects_types[i],rects[i].startX*curWidth+5,rects[i].startY*curHeight+20);
234 |             ctx.rect(rects[i].startX*curWidth,rects[i].startY*curHeight, rects[i].w*curWidth, rects[i].h*curHeight);
235 |             ctx.stroke();
236 | 
237 |         }
238 | 
239 | 
240 |     }
241 |     function saveAndNext(imageName,rects,rects_types)
242 |     {
243 |         res={};
244 |         res.imageName=imageName;
245 |         
246 |         absRects = [];
247 |         for(var i=0;i<rects.length;i++){
248 |             var absRect = {};
249 |             absRect.startX = rects[i].startX * imageObj.width;
250 |             absRect.startY = rects[i].startY * imageObj.height;
251 |             absRect.w = rects[i].w * imageObj.width;
252 |             absRect.h = rects[i].h * imageObj.height;
253 |             absRects[i] = absRect;
254 |         }
255 | 
256 |         res.rects = absRects;
257 |         res.types = rects_types;
258 | 
259 |         res.imageWidth=imageObj.width;
260 |         res.imageHeight=imageObj.height;
261 | 
262 |         str=JSON.stringify(res);
263 |         console.log(str);
264 |         httpPost('/save/'+application,str);
265 | 
266 |     }
267 | 
268 |     document.onkeydown = function(evt) {
269 |         if (window.event)
270 |             keyCode = window.event.keyCode; // IE
271 |         else
272 |             keyCode = evt.which;  // Firefox
273 | 
274 |         if ((keyCode>=49) &&(keyCode<49+types.length))
275 |         {
276 |             type=types[keyCode-49];
277 |             draw(rects,rects_types,type,chosen_index);
278 |         }
279 |         if (keyCode==67)  //C
280 |         {
281 |             rects.length=0;
282 |             rects_types.length=0;
283 |             draw(rects,rects_types,type,chosen_index);
284 |         }
285 |         if ((keyCode==32))  //Space
286 |         {
287 |             saveAndNext(imageName,rects,rects_types);
288 |             {% if review %}
289 |             document.location.href="/review/{{application}}"
290 |             {%else%}
291 |             document.location.reload(true);
292 |             {%endif%}
293 | 
294 |         }
295 |         if(keyCode==83) //S
296 |         {
297 |             {% if review %}
298 |             document.location.href="/review/{{application}}"
299 |             {%else%}
300 |             document.location.reload(true);
301 |             {%endif%}
302 | 
303 |         }
304 | 
305 | 	    if (keyCode==68)//D
306 | 	    {
307 | 			markDelete();
308 | 
309 | 	    }
310 |     };
311 | 
312 |     init();
313 | 
314 |       var canvas = document.getElementById('canvas');
315 |       var context = canvas.getContext('2d');
316 | 
317 |       imageObj.onload = function()
318 |       { 
319 |         //draw(rects,rects_types,type,chosen_index);
320 |         resize();
321 |       };
322 |       
323 |       var fileFound=true;
324 |       
325 |       {% if review %}
326 | 
327 |       imageName="/{{application}}/get_file/{{folder}}/{{filename}}.{{image_ext}}"
328 |       if(imageName.localeCompare('None')==0)throw "file not found";
329 | 
330 | 
331 |       fn="{{filename}}.{{image_ext}}"
332 |       folder="{{folder}}"
333 | 
334 |       {%else%}
335 | 
336 |       imageName= httpGet('/'+application+'/get_random_pic_name');
337 |       
338 |       if(imageName.localeCompare('None')!=0)
339 |       {
340 |       	fn=imageName.split('/')[4];
341 | 	folder=imageName.split('/')[3];
342 |       }else
343 |         fileFound=false;
344 |   
345 | 
346 |       {% endif%}
347 | 
348 |       if(fileFound)
349 |       {
350 |         var json_res=httpGet('/'+application+'/get_json/'+folder+'/'+fn);
351 |         var json_parsed=JSON.parse(json_res);
352 |         if(json_parsed["rects"]!=undefined)
353 |         {
354 |           var relRects = [];
355 |           for(var i=0;i<json_parsed["rects"].length;i++){
356 |               var relRect = {};
357 |               relRect.startX = json_parsed["rects"][i].startX/json_parsed["imageWidth"];
358 |               relRect.startY = json_parsed["rects"][i].startY/json_parsed["imageHeight"];
359 |               relRect.w = json_parsed["rects"][i].w/json_parsed["imageWidth"];
360 |               relRect.h = json_parsed["rects"][i].h/json_parsed["imageHeight"];
361 |               relRects[i] = relRect;
362 |           }
363 |           rects=relRects;
364 |           rects_types=json_parsed["types"];
365 |         }
366 | 
367 |       }
368 | 
369 | 
370 |     function resize()
371 |     {
372 |         var marginX=64;
373 |         var marginY=290;
374 | 	
375 |         if(document.getElementById('onresize').checked==true){
376 | 
377 |             document.getElementsByClassName('description')[0].setAttribute('style','margin-left:auto;margin-right:auto;margin-top:66px');
378 |             if((imageObj.width<(window.innerWidth-marginX))&&(imageObj.height<      (window.innerHeight-marginY))){
379 |                 document.getElementById('canvas').width=imageObj.width;
380 |                 document.getElementById('canvas').height=imageObj.height;
381 | 
382 |                 document.getElementsByClassName('description')[0].style.width=imageObj.width+16*3+"px";
383 |             }else{
384 |                 var kx=imageObj.width/(window.innerWidth-marginX);
385 |                 var ky=imageObj.height/(window.innerHeight-marginY);
386 | 
387 |                 if(kx>ky)
388 |                 {
389 |                     document.getElementById('canvas').width=window.innerWidth-marginX-3;
390 |                     document.getElementById('canvas').height=imageObj.height*(window.innerWidth-marginX)/imageObj.width;
391 | 
392 |                 }else
393 |                 {
394 |                     document.getElementById('canvas').height=window.innerHeight-marginY-3;
395 |                     document.getElementById('canvas').width=imageObj.width*(window.innerHeight-marginY)/imageObj.height;
396 | 
397 |                     document.getElementsByClassName('description')[0].style.width=imageObj.width*(window.innerHeight-marginY)/imageObj.height+16*3+"px";
398 |                    
399 |                 }
400 |             }
401 | 
402 |         } else {
403 |             document.getElementById('canvas').width=imageObj.width;
404 |             document.getElementById('canvas').height=imageObj.height;
405 | 		document.getElementsByClassName('description')[0].setAttribute('style','');
406 |             //document.getElementsByClassName('description')[0].setAttribute('style', 'position: absolute; top: 8%; padding: 2em')
407 |         }
408 |         draw(rects,rects_types,type,chosen_index);
409 |     }
410 |     if(fileFound)
411 |     {
412 |        imageObj.src =imageName;
413 |     }else
414 |     {
415 |         imageObj.src='/static/blank-img.jpg';
416 |     }
417 |     types=JSON.parse(httpGet('/'+application+'/get_config/types'));
418 |     type=types[0];
419 | 
420 |     //if(imageObj.width<(window.innerWidth-64)){
421 |     //    document.getElementById('canvas').width=imageObj.width;
422 |     //    document.getElementById('canvas').height=imageObj.height;
423 |     //}else{
424 |     //    document.getElementById('canvas').width=window.innerWidth-64;
425 |     //    document.getElementById('canvas').height=imageObj.height*(window.innerWidth-64)/imageObj.width;
426 |     //}
427 |     //resize();
428 |     document.getElementById('legend').innerHTML=getLegend(types);
429 |     console.log(httpGet('/markup/{{application}}/get_resize'));
430 |     if(httpGet('/markup/{{application}}/get_resize').localeCompare('True')==0)
431 |     {
432 |         document.getElementById('onresize').checked=true;
433 |     }else
434 |     {
435 |         document.getElementById('offresize').checked=true;
436 |     }
437 |     document.getElementById('typeselect').innerHTML=getRadioDivContent(types);
438 |     document.getElementById('images_left').innerHTML=httpGet('/'+application+'/get_left_images');
439 | 
440 |     var doit;
441 |     window.onresize = function(){
442 |       clearTimeout(doit);
443 |       doit = setTimeout(resize, 200);
444 |     };
445 |     </script>
446 | </div>
447 | </body>
448 | </html>
449 | 


--------------------------------------------------------------------------------
/app/templates/input.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 
 5 |     <title>Input samples</title>
 6 |     {% include "header.html" %}
 7 | </head>
 8 | <body>
 9 | {% include "nav_bar.html" %}
10 | 
11 | <!-- <div class="description"> -->
12 | <div class="container">
13 |     <div class="row" style="padding-top: 100px;">
14 |         <div class="col-md-6 offset-md-3">
15 |           <form action="/input/{{application}}" method="post" id="form">
16 |             <div class="form-group input-group">
17 |               <label for="example-month-input" class="col-form-label">Choose month: </label>
18 |               <input  id="month" class="form-control" name="month" type="month" value="{{cur_month}}" >
19 |               <div class="input-group-append">
20 |                   <input class="btn btn-outline-secondary" type="submit" value ="Show" />
21 |               </div>
22 |             </div>
23 |           </form>
24 |           <br />
25 |           <table class="table table-bordered table-hover input-table">
26 |             <thead class="table-success">
27 |               <th>No</th>
28 |               <th>Date </th>
29 |               <th>Samples</th>
30 |               <th>Delete</th>
31 |             </thead>
32 |             <tbody class="table-active">
33 |             {% if day_by_day | length > 0 %}
34 |             {% for day in day_by_day %}
35 |               <tr>
36 |                 <td>{{loop.index}}</td>
37 |                 <td>{{day['date']}}</td>
38 |                 <td>{{day['count']}}</td>
39 |                 <td><a href="/input/del_day/{{application}}/{{input}}/{{day['date']}}"><i class="fas fa-trash-alt"></i></a></td>
40 |               </tr>
41 |             {% endfor %}
42 |             {% else %}
43 |               <tr class="alert alert-warning"><td colspan="4"><span>There is no data to show</span></td></tr>
44 |             {% endif %}
45 |             </tbody>
46 |           </table> 
47 |         </div>
48 |       </div>
49 |     </div>
50 | </body>


--------------------------------------------------------------------------------
/app/templates/login.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <title>Login</title>
 5 |         {% include "header.html" %}
 6 |     </head>
 7 |     <body>
 8 |         <div class="container">
 9 |             <div class="row" style="margin-top: 60px;">
10 |                 <div class="col-md-4 offset-md-4">
11 |                     <form action="login" method="POST">
12 |                         <fieldset>
13 |                             <h3 style="color:dimgray; text-align: center">Login</h3>
14 |                             <div class="form-group input-group">
15 |                                 <span class="input-group-addon">
16 |                                     <i class="fas fa-user"></i>
17 |                                 </span>
18 |                                 <input type="email" class="form-control" name="email" id="email" placeholder="Email" />
19 |                             </div>
20 |                             
21 |                             <div class="form-group input-group">
22 |                                 <span class="input-group-addon">
23 |                                     <i class="fas fa-lock"></i>
24 |                                 </span>
25 |                                 <input class="form-control" type="password" name='password' placeholder="Password"/>     
26 |                             </div>
27 |                             <div class="form-group">
28 |                                 <label class="form-check-label">
29 |                                     <input class="form-check-input" type="checkbox" name="remember"> Remember Me  
30 |                                 </label>
31 |                                 <a class="float-right" href="#"><span style="color: blue;">Forgot Password?</span></a>
32 |                             </div>
33 |                             <div class="form-group">
34 |                                 <button type="submit" class="btn btn-def btn-block">Login</button>
35 |                             </div>
36 |                         </fieldset>
37 |                     </form>
38 |                 </div>
39 |             </div>
40 |         </div>
41 |     </body>
42 | </html>


--------------------------------------------------------------------------------
/app/templates/nav_bar.html:
--------------------------------------------------------------------------------
 1 | <!-- navbar -->
 2 |   <nav class="navbar navbar-expand-sm fixed-top">
 3 | 	<a class="navbar-brand mb-0 h1" href="#">Rembrain</a> 
 4 | 	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 5 | 	<span class="navbar-toggler-icon"></span>
 6 | 	</button>
 7 | 	<div class="collapse navbar-collapse " id="navbarSupportedContent">
 8 | 	    <ul class="navbar-nav mr-4">
 9 | 	      <li class="nav-item">
10 | 	        <a class="nav-link "  href="/markup/{{application}}">Markup</a>
11 | 	      </li>
12 | 	      <li class="nav-item">
13 | 	        <a class="nav-link " href="/review/{{application}}">Supervising</a>
14 | 	      </li>
15 | 	      <li class="nav-item">
16 | 	        <a class="nav-link " href="/upload/{{application}}">Upload</a>
17 | 	      </li>
18 | 	      <li class="nav-item">
19 | 	        <a class="nav-link " href="/input/{{application}}">
20 | 	        Input</a>
21 | 	      </li>
22 | 	      <li class="nav-item">
23 | 	        <a class="nav-link " href="/log{{log_in_or_out}}">Log {{log_in_or_out}}</a>
24 | 	      </li>
25 | 	    </ul>
26 | 	    
27 | 	</div>
28 |    </nav>
29 | 


--------------------------------------------------------------------------------
/app/templates/onerect.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>One rectangle</title>
  6 |     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  7 | 
  8 | </head>
  9 | <body>
 10 | <p>Legend: "c" - clear, "s" - skip, "space" - save and next</p>
 11 | 
 12 | <canvas id="canvas" width="{{width}}" height="{{height}}"></canvas>
 13 | 
 14 | 
 15 |     <script >
 16 | 
 17 |     type="adult";
 18 |     imageName="";
 19 | 
 20 |     function httpGet(theUrl)
 21 |     {
 22 |         var xmlHttp = new XMLHttpRequest();
 23 |         xmlHttp.open( "GET", theUrl, false );
 24 |         xmlHttp.send( null );
 25 |         return xmlHttp.responseText;
 26 |     }
 27 | 
 28 |     function httpPost(theUrl,str)
 29 |     {
 30 |         var client = new XMLHttpRequest();
 31 |         var xmlHttp = new XMLHttpRequest();
 32 |         client.open( "POST", theUrl, true );
 33 |         client.setRequestHeader("Content-Type", "application/json");
 34 |         client.send(str);
 35 |         return xmlHttp.responseText;
 36 |     }
 37 |     var canvas = document.getElementById('canvas');
 38 |     ctx = canvas.getContext('2d');
 39 |     rects = new Array();
 40 |     types=new Array();
 41 |     drag=false;
 42 | 
 43 |     var imageObj = new Image();
 44 | 
 45 |     function init() {
 46 |       canvas.addEventListener('mousedown', mouseDown, false);
 47 |       canvas.addEventListener('mouseup', mouseUp, false);
 48 |       canvas.addEventListener('mousemove', mouseMove, false);
 49 |     }
 50 | 
 51 |     function mouseDown(e) {
 52 |       rects.length=0;
 53 |       rect={};
 54 |       rect.startX = e.pageX - this.offsetLeft;
 55 |       rect.startY = e.pageY - this.offsetTop;
 56 |       rect.w=1;
 57 |       rect.h=1;
 58 |       rects.push(rect);
 59 |       drag = true;
 60 |     }
 61 | 
 62 |     function mouseUp() {
 63 |       drag = false;
 64 | 
 65 | 
 66 |     }
 67 |     function draw(rects)
 68 |     {
 69 |         ctx.clearRect(0, 0, canvas.width, canvas.height);
 70 |         ctx.drawImage(imageObj, 0, 0);
 71 | 
 72 | 
 73 | 
 74 |         for(var i=0;i<rects.length;i++)
 75 |         {
 76 |             ctx.beginPath();
 77 |             ctx.lineWidth=6;
 78 |             ctx.font = "20px Arial";
 79 | 
 80 |             ctx.strokeStyle = 'red';
 81 |             ctx.fillStyle = 'red';
 82 | 
 83 | 
 84 |             ctx.rect(rects[i].startX,rects[i].startY, rects[i].w, rects[i].h);
 85 |             ctx.stroke();
 86 |         }
 87 | 
 88 | 
 89 |     }
 90 |     function mouseMove(e) {
 91 |       if (drag) {
 92 |         rects[rects.length-1].w=(e.pageX - this.offsetLeft) - rects[rects.length-1].startX;
 93 |         rects[rects.length-1].h=(e.pageY - this.offsetTop) - rects[rects.length-1].startY;
 94 |         draw(rects);
 95 |       }
 96 |     }
 97 |     function saveAndNext(imageName,rects,types)
 98 |     {
 99 |         res={};
100 |         res.imageName=imageName;
101 |         res.rects=rects;
102 |         res.types=types;
103 |         str=JSON.stringify(res);
104 | 
105 |         console.log(httpPost('/save/onerect',str));
106 |     }
107 | 
108 |     document.onkeydown = function(evt) {
109 |         evt = evt || window.event;
110 | 
111 |         if (evt.keyCode==67)  //C
112 |         {
113 |             rects.length=0;
114 |             draw(rects,types,type);
115 |         }
116 |         if (evt.keyCode==83)  //S
117 |         {
118 |             document.location.reload(true);
119 |         }
120 |         if (evt.keyCode==32)
121 |         {
122 |             saveAndNext(imageName,rects,types);
123 |             document.location.reload(true);
124 |         }
125 |     };
126 | 
127 |     init();
128 | 
129 |       var canvas = document.getElementById('canvas');
130 |       var context = canvas.getContext('2d');
131 | 
132 | 
133 | 
134 |       imageObj.onload = function()
135 |       {
136 |         draw(rects);
137 |       };
138 |       imageName= httpGet('/onerect/get_random_pic_name');
139 |       imageObj.src =imageName;
140 |     </script>
141 |   </body>
142 | 
143 | </body>
144 | </html>


--------------------------------------------------------------------------------
/app/templates/register.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <title>Register</title>
 6 |     {% include "header.html" %}
 7 | </head>
 8 | 
 9 | <body>
10 |     <div class="container">
11 |         <div class="row" style="margin-top: 60px;">
12 |             <div class="col-md-4 offset-md-4">
13 |                 <h3 style="color:dimgray; text-align: center">Register</h3>
14 |                 <form action="" method="post">
15 |                     {{ form.hidden_tag() }}
16 |                     <div class="form-group">
17 |                         <div class="input-group">
18 |                             <span class="input-group-addon">
19 |                                 <i class="fas fa-user"></i>
20 |                             </span>
21 |                             {{ form.username(size=32, class='form-control', placeholder='Username') }}
22 |                         </div>
23 |                         {% for error in form.username.errors %}
24 |                             <span style="color: red;">[{{ error }}]</span>
25 |                         {% endfor %}
26 |                     </div>
27 |                     <div class="form-group">
28 |                         <div class="input-group">
29 |                             <span class="input-group-addon">
30 |                                 <i class="fas fa-envelope"></i>
31 |                             </span>
32 |                             {{ form.email(size=32, class='form-control', placeholder='Email') }}
33 |                         </div>
34 |                         {% for error in form.email.errors %}
35 |                             <span style="color: red;">[{{ error }}]</span>
36 |                         {% endfor %}
37 |                     </div>
38 |                     <div class="form-group">
39 |                         <div class="input-group">
40 |                             <span class="input-group-addon">
41 |                                 <i class="fas fa-lock"></i>
42 |                             </span>
43 |                             {{ form.password(size=32, class='form-control', placeholder='Password') }}
44 |                         </div>
45 |                         {% for error in form.password.errors %}
46 |                             <span style="color: red;">[{{ error }}]</span>
47 |                         {% endfor %}
48 |                     </div>
49 |                     <div class="form-group">
50 |                         <div class="input-group">
51 |                             <span class="input-group-addon">
52 |                                 <i class="fas fa-lock"></i>
53 |                             </span>
54 |                             {{ form.password2(size=32, class='form-control', placeholder='Confirm Password') }}
55 |                         </div>
56 |                         {% for error in form.password2.errors %}
57 |                             <span style="color: red;">[{{ error }}]</span>
58 |                         {% endfor %}
59 |                     </div>
60 |                     <div class="form-group">
61 |                         <button type="submit" class="btn btn-def btn-block">Register</button>
62 |                     </div>
63 |                 </form>
64 |             </div>
65 |         </div>
66 |     </div>
67 | </body>


--------------------------------------------------------------------------------
/app/templates/review_choose_user.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <title>Select a user</title>
 5 |     {% include "header.html" %}
 6 | </head>
 7 | <body>
 8 | {% include "nav_bar.html" %}
 9 | <!-- <div class="description"> -->
10 | <div class="container">
11 |   <div class="row" style="padding-top: 100px;">
12 |     <div class="col-md-8 offset-md-2">
13 |       <p>Select a user to review:</p>
14 |       <form action="/review/{{application}}" method="post" id="form">
15 |         <div class="form-group input-group">
16 |           <select class="custom-select form-control" name="select_user" id="select_user">
17 |               {% for user in users %}
18 |               <option value= "{{user}}" {%if user == cur_user%} selected{%endif%}>{{user}}</option>
19 |               {% endfor %}
20 |           </select>
21 |           <div class="input-group-append">
22 |             <input class="btn btn-outline-secondary" type="submit" value="Review">
23 |           </div>
24 |         </div>
25 |       </form>
26 |       <p>Current user to review: {{cur_user}} <p>
27 |       <p>Marked files: {{files|length}}</p>
28 |       <p><a href="/review/del_all_samples_for_user/{{application}}/{{output}}" onclick="return confirm('Are you sure you would like to delete all processed samples of a chosen user?')">Delete them all for the user</a></p>
29 |       <table class="table table-bordered table-hover review-table">
30 |         {% if files | length > 0 %}
31 |         <thead>
32 |           <tr>
33 |             <th class="col-sm-1">No</th>
34 |             <th class="col-sm-8">File Name</th>
35 |             <th class="col-sm-1">Show</th>
36 |             <th class="col-sm-2">Delete</th>
37 |           </tr>
38 |         </thead>
39 |         <tbody class="table-active">
40 |         {% for fn in files %}
41 |           <tr>
42 |             <td class="col-sm-1">{{loop.index}}</td>
43 |             <td class="col-sm-8">{{fn}}</td>
44 |             <td class="col-sm-1"><a href="/review/{{application}}/{{output}}/{{fn.split('.')[0]}}"><i class="fas fa-eye"></i></a> </td>
45 |             <td class="col-sm-2"><a href="/review/del_sample/{{application}}/{{output}}/{{fn.split('.')[0]}}"><i class="fas fa-trash-alt"></i></a></td>
46 |           </tr>
47 |         {% endfor %}
48 |         </tbody> 
49 |         {% else %}
50 |         <thead>
51 |           <tr style="padding-right: 0px;">
52 |             <th class="col-sm-1">No</th>
53 |             <th class="col-sm-8">File Name</th>
54 |             <th class="col-sm-1">View</th>
55 |             <th class="col-sm-2">Delete</th>
56 |             </tr>
57 |           </thead>
58 |         <tbody class="table-warning" style="height: 50px;">
59 |           <tr><td class="col-sm-12">There is no data to show</td></tr>
60 |         </tbody>
61 |         {% endif %}
62 |       </table> 
63 |     </div>
64 |   </div>
65 | </div>
66 | </body>
67 | </html>
68 | 


--------------------------------------------------------------------------------
/app/templates/tiles.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Title</title>
  6 |     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  7 | 
  8 | </head>
  9 | <body>
 10 | <p>Legend: <label id="legend">Legend text</label></p>
 11 | <p> "s" - skip, "space" - save and next</p>
 12 | <p>images left: <lable id ="images_left">0</label><p>
 13 | 
 14 | <canvas id="canvas" width="{{width}}" height="{{height}}"></canvas>
 15 | 
 16 | 
 17 |     <script >
 18 | 
 19 |     type="";
 20 |     imageName="";
 21 |     application="{{application}}";
 22 | 
 23 |     function httpGet(theUrl)
 24 |     {
 25 |         var xmlHttp = new XMLHttpRequest();
 26 |         xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
 27 |         xmlHttp.send( null );
 28 |         return xmlHttp.responseText;
 29 |     }
 30 | 
 31 |     function httpPost(theUrl,str)
 32 |     {
 33 |         var client = new XMLHttpRequest();
 34 |         var xmlHttp = new XMLHttpRequest();
 35 |         client.open( "POST", theUrl, true ); // false for synchronous request
 36 |         client.setRequestHeader("Content-Type", "application/json");
 37 |         client.send(str);
 38 |         return xmlHttp.responseText;
 39 |     }
 40 |     function getLegend(types)
 41 |     {
 42 | 	var s="";
 43 | 	for(var i=0;i<types.length;i++)
 44 | 	{
 45 | 		s+=(i+1).toString()+" - "+types[i]+";  ";
 46 | 	}
 47 | 	return s;
 48 |     }
 49 | 
 50 |     var canvas = document.getElementById('canvas');
 51 |     ctx = canvas.getContext('2d');
 52 |     rects = new Array();
 53 |     types=new Array();
 54 |     rects_types=new Array();
 55 |     drag=false;
 56 | 
 57 |     var imageObj = new Image();
 58 | 
 59 |     function init() {
 60 |       canvas.addEventListener('mousedown', mouseDown, false);
 61 |       canvas.addEventListener('mouseup', mouseUp, false);
 62 |       canvas.addEventListener('mousemove', mouseMove, false);
 63 |     }
 64 | 
 65 |     function mouseDown(e) {
 66 | 	rects.length=0;
 67 |       rect={}
 68 |       rect.startX = e.pageX - this.offsetLeft;
 69 |       rect.startY = e.pageY - this.offsetTop;
 70 |       rect.w=1;
 71 |       rect.h=1;
 72 |       rects.push(rect);
 73 |       rects_types.push(type);
 74 |       drag = true;
 75 |     }
 76 | 
 77 |     function mouseUp() {
 78 |       drag = false;
 79 | 
 80 | 
 81 |     }
 82 |     function draw(rects,types,type)
 83 |     {
 84 |         ctx.clearRect(0, 0, canvas.width, canvas.height);
 85 |         ctx.drawImage(imageObj, 0, 0);
 86 |         ctx.beginPath();
 87 |         ctx.font = "30px Arial";
 88 |         ctx.fillStyle = 'green';
 89 |         ctx.fillText(type,30,50);
 90 |         ctx.stroke();
 91 | 
 92 | 
 93 |         for(var i=0;i<rects.length;i++)
 94 |         {
 95 |             ctx.beginPath();
 96 |             ctx.lineWidth=6;
 97 |             ctx.font = "20px Arial";
 98 | 
 99 |             ctx.strokeStyle = 'red';
100 |             ctx.fillStyle = 'red';
101 |             
102 | 
103 | 
104 |             ctx.fillText(types[i],rects[i].startX+5,rects[i].startY+20);
105 |             ctx.rect(rects[i].startX,rects[i].startY, rects[i].w, rects[i].h);
106 |             ctx.stroke();
107 |         }
108 | 
109 | 
110 |     }
111 |     function mouseMove(e) {
112 |       if (drag) {
113 |         rects[rects.length-1].w=(e.pageX - this.offsetLeft) - rects[rects.length-1].startX;
114 |         rects[rects.length-1].h=(e.pageY - this.offsetTop) - rects[rects.length-1].startY;
115 |         draw(rects,rects_types,type);
116 |       }
117 |     }
118 |     function saveAndNext(imageName,rects,types)
119 |     {
120 |         res={};
121 |         res.imageName=imageName;
122 |         res.rects=rects;
123 |         res.types=types;
124 |         str=JSON.stringify(res);
125 | 
126 |         console.log(httpPost('/save/'+application,str));
127 | 
128 |     }
129 | 
130 |     document.onkeydown = function(evt) {
131 |         evt = evt || window.event;
132 | 	console.log(evt.keyCode);
133 | 	if ((evt.keyCode>=49) &&(evt.keyCode<49+types.length))
134 | 	{
135 | 		type=types[evt.keyCode-49];
136 | 		draw(rects,rects_types,type);
137 | 
138 | 	}
139 |         if (evt.keyCode==67)  //C
140 |         {
141 |             rects.length=0;
142 |             types.length=0;
143 |             draw(rects,rects_types,type);
144 |         }
145 |         if (evt.keyCode==83)  //S
146 |         {
147 |             document.location.reload(true);
148 |         }
149 |         if (evt.keyCode==32)
150 |         {
151 |             saveAndNext(imageName,rects,types);
152 |             document.location.reload(true);
153 |         }
154 |     };
155 | 
156 |     init();
157 | 
158 |       var canvas = document.getElementById('canvas');
159 |       var context = canvas.getContext('2d');
160 | 
161 | 
162 | 
163 |       
164 |       imageName= httpGet('/'+application+'/get_random_pic_name');
165 |       imageObj.src =imageName;
166 | 
167 | 	types=JSON.parse(httpGet('/'+application+'/get_config/types'));
168 | 	type=types[0];
169 | 	document.getElementById('legend').innerHTML=getLegend(types);
170 | 	document.getElementById('images_left').innerHTML=httpGet('/'+application+'/get_left_images');
171 | 
172 | 	imageObj.onload = function()
173 |       {
174 |         draw(rects,rects_types,type);
175 |       };
176 | 
177 |     </script>
178 |   </body>
179 | 
180 | </body>
181 | </html>


--------------------------------------------------------------------------------
/app/templates/trainsegmentation.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Title</title>
  6 |     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  7 | 
  8 | </head>
  9 | <body>
 10 | <p>Legend: <label id="legend">Legend text</label></p>
 11 | <p> "s" - skip, "space" - save and next</p>
 12 | <p>images left: <lable id ="images_left">0</label><p>
 13 | 
 14 | <canvas id="canvas" width="{{width}}" height="{{height}}"></canvas>
 15 | 
 16 | 
 17 |     <script >
 18 | 
 19 |     type="";
 20 |     imageName="";
 21 |     application="{{application}}";
 22 | 
 23 |     function httpGet(theUrl)
 24 |     {
 25 |         var xmlHttp = new XMLHttpRequest();
 26 |         xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
 27 |         xmlHttp.send( null );
 28 |         return xmlHttp.responseText;
 29 |     }
 30 | 
 31 |     function httpPost(theUrl,str)
 32 |     {
 33 |         var client = new XMLHttpRequest();
 34 |         var xmlHttp = new XMLHttpRequest();
 35 |         client.open( "POST", theUrl, true ); // false for synchronous request
 36 |         client.setRequestHeader("Content-Type", "application/json");
 37 |         client.send(str);
 38 |         return xmlHttp.responseText;
 39 |     }
 40 |     function getLegend(types)
 41 |     {
 42 | 	var s="";
 43 | 	for(var i=0;i<types.length;i++)
 44 | 	{
 45 | 		s+=(i+1).toString()+" - "+types[i]+";  ";
 46 | 	}
 47 | 	return s;
 48 |     }
 49 | 
 50 |     var canvas = document.getElementById('canvas');
 51 |     ctx = canvas.getContext('2d');
 52 |     rects = new Array();
 53 |     types=new Array();
 54 |     rects_types=new Array();
 55 |     drag=false;
 56 | 
 57 |     var imageObj = new Image();
 58 | 
 59 |     function init() {
 60 |       canvas.addEventListener('mousedown', mouseDown, false);
 61 |       canvas.addEventListener('mouseup', mouseUp, false);
 62 |       canvas.addEventListener('mousemove', mouseMove, false);
 63 |     }
 64 | 
 65 |     function mouseDown(e) {
 66 | 
 67 |       rect={}
 68 |       rect.startX = e.pageX - this.offsetLeft;
 69 |       rect.startY = e.pageY - this.offsetTop;
 70 |       rect.w=1;
 71 |       rect.h=1;
 72 |       rects.push(rect);
 73 |       rects_types.push(type);
 74 |       drag = true;
 75 |     }
 76 | 
 77 |     function mouseUp() {
 78 |       drag = false;
 79 | 
 80 | 
 81 |     }
 82 |     function draw(rects,types,type)
 83 |     {
 84 |         ctx.clearRect(0, 0, canvas.width, canvas.height);
 85 |         ctx.drawImage(imageObj, 0, 0);
 86 |         ctx.beginPath();
 87 |         ctx.font = "30px Arial";
 88 |         ctx.fillStyle = 'green';
 89 |         ctx.fillText(type,30,50);
 90 |         ctx.stroke();
 91 | 
 92 | 
 93 |         for(var i=0;i<rects.length;i++)
 94 |         {
 95 |             ctx.beginPath();
 96 |             ctx.lineWidth=6;
 97 |             ctx.font = "20px Arial";
 98 | 
 99 |             ctx.strokeStyle = 'red';
100 |             ctx.fillStyle = 'red';
101 |             
102 | 
103 | 
104 |             ctx.fillText(types[i],rects[i].startX+5,rects[i].startY+20);
105 |             ctx.rect(rects[i].startX,rects[i].startY, rects[i].w, rects[i].h);
106 |             ctx.stroke();
107 |         }
108 | 
109 | 
110 |     }
111 |     function mouseMove(e) {
112 |       if (drag) {
113 |         rects[rects.length-1].w=(e.pageX - this.offsetLeft) - rects[rects.length-1].startX;
114 |         rects[rects.length-1].h=(e.pageY - this.offsetTop) - rects[rects.length-1].startY;
115 |         draw(rects,rects_types,type);
116 |       }
117 |     }
118 |     function saveAndNext(imageName,rects,types)
119 |     {
120 |         res={};
121 |         res.imageName=imageName;
122 |         res.rects=rects;
123 |         res.types=types;
124 |         str=JSON.stringify(res);
125 | 
126 |         console.log(httpPost('/save/'+application,str));
127 | 
128 |     }
129 | 
130 |     document.onkeydown = function(evt) {
131 |         evt = evt || window.event;
132 | 	console.log(evt.keyCode);
133 | 	if ((evt.keyCode>=49) &&(evt.keyCode<49+types.length))
134 | 	{
135 | 		type=types[evt.keyCode-49];
136 | 		draw(rects,rects_types,type);
137 | 
138 | 	}
139 |         if (evt.keyCode==67)  //C
140 |         {
141 |             rects.length=0;
142 |             types.length=0;
143 |             draw(rects,rects_types,type);
144 |         }
145 |         if (evt.keyCode==83)  //S
146 |         {
147 |             document.location.reload(true);
148 |         }
149 |         if (evt.keyCode==32)
150 |         {
151 |             saveAndNext(imageName,rects,types);
152 |             document.location.reload(true);
153 |         }
154 |     };
155 | 
156 |     init();
157 | 
158 |       var canvas = document.getElementById('canvas');
159 |       var context = canvas.getContext('2d');
160 | 
161 | 
162 | 
163 |       
164 |       imageName= httpGet('/'+application+'/get_random_pic_name');
165 |       imageObj.src =imageName;
166 | 
167 | 	types=JSON.parse(httpGet('/'+application+'/get_config/types'));
168 | 	type=types[0];
169 | 	document.getElementById('legend').innerHTML=getLegend(types);
170 | 	document.getElementById('images_left').innerHTML=httpGet('/'+application+'/get_left_images');
171 | 
172 | 	imageObj.onload = function()
173 |       {
174 |         draw(rects,rects_types,type);
175 |       };
176 | 
177 |     </script>
178 |   </body>
179 | 
180 | </body>
181 | </html>


--------------------------------------------------------------------------------
/app/templates/uploadfiles.html:
--------------------------------------------------------------------------------
 1 | 
 2 | <!DOCTYPE html>
 3 | <html lang="en">
 4 | <head>
 5 | {% include "header.html" %}
 6 | </head>
 7 | <body>
 8 | {% include "nav_bar.html" %}
 9 | <!-- <div class="description"> -->
10 |   <div class="container">
11 |     <div class="row" style="padding-top: 100px;">
12 |       <div class="col-md-6 offset-md-3">
13 |         <div class="card">
14 |           <div class="card-header"><strong>Upload Files</strong></div>
15 |           <div class="card-body">
16 |             <form action="/upload/{{application}}" method="post" enctype="multipart/form-data" id="js-upload-form">
17 |                 <div class="form-group files color">
18 |                     <input type="file" class="form-control" name="files" multiple="">
19 |                     <button type="submit" class="btn btn-sm btn-primary float-right" id="js-upload-submit">Upload files</button>
20 |                     </div>
21 |                 </div>
22 |             </form>
23 |           </div>
24 |         </div>
25 |       </div>
26 |     </div>
27 |   </div> 
28 | <!-- </div> -->
29 | </body>


--------------------------------------------------------------------------------
/app/uwsgi.ini:
--------------------------------------------------------------------------------
1 | [uwsgi]
2 | module = main
3 | logto = /app/app.log
4 | callable = app
5 | lazy-apps = true
6 | buffer-size = 65535
7 | processes = 1
8 | cheaper=0
9 | wsgi-disable-file-wrapper = true


--------------------------------------------------------------------------------
/confd_nginx.conf:
--------------------------------------------------------------------------------
 1 | server {
 2 |     listen 443 ssl;
 3 |     server_name YOUR_ADDRESS.com www.YOUR_ADDRESS.com;
 4 |     ssl_certificate /app/ssl.crt;
 5 |     ssl_certificate_key /app/ssl.pem;
 6 |     location / {
 7 |         try_files $uri @app;
 8 |         proxy_max_temp_file_size 0;
 9 |     }
10 |     location @app {
11 |         include uwsgi_params;
12 |         uwsgi_pass unix:///tmp/uwsgi.sock;
13 |     }
14 |     location /static {
15 |         alias /app/static;
16 |     }
17 | }
18 | 


--------------------------------------------------------------------------------