Skip to content
Snippets Groups Projects
Commit 3036b693 authored by Max Ramsay King's avatar Max Ramsay King
Browse files

added some feedback for progress slide

parent fd7edbef
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
backend/auto_augmentation/progress.py
+ 7
− 1
View file @ 3036b693
...@@ -31,6 +31,11 @@ def response(): ...@@ -31,6 +31,11 @@ def response():
# hyperparameters to change # hyperparameters to change
# print("thing: ", request.files['dataset_upload'] ) # print("thing: ", request.files['dataset_upload'] )
if request.method == 'POST': if request.method == 'POST':
exclude_method = request.form.getlist("action_space")
num_funcs = len(exclude_method)
batch_size = 1 # size of batch the inner NN is trained with batch_size = 1 # size of batch the inner NN is trained with
learning_rate = 1e-1 # fix learning rate learning_rate = 1e-1 # fix learning rate
ds = request.form.get("dataset_selection") # pick dataset (MNIST, KMNIST, FashionMNIST, CIFAR10, CIFAR100) ds = request.form.get("dataset_selection") # pick dataset (MNIST, KMNIST, FashionMNIST, CIFAR10, CIFAR100)
...@@ -76,9 +81,10 @@ def response(): ...@@ -76,9 +81,10 @@ def response():
# save('best_q_values_{}_{}percent_{}.npy'.format(IsLeNet, int(toy_size*100), ds), best_q_values) # save('best_q_values_{}_{}percent_{}.npy'.format(IsLeNet, int(toy_size*100), ds), best_q_values)
#best_q_values = load('best_q_values_{}_{}percent_{}.npy'.format(IsLeNet, int(toy_size*100), ds), allow_pickle=True) #best_q_values = load('best_q_values_{}_{}percent_{}.npy'.format(IsLeNet, int(toy_size*100), ds), allow_pickle=True)
print("DONE") print("DONE")
print("HEREHERE exclude_method: ", exclude_method)
return render_template("progress.html") return render_template("progress.html", exclude_method = exclude_method)
......
backend/auto_augmentation/templates/home.html
+ 62
− 62
View file @ 3036b693
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
<h3>Advanced Search</h3> <h3>Advanced Search</h3>
<!-- action(data augmentation) space --> <!-- action(data augmentation) space -->
Which data augmentation method you would like exclude? <br> Which data augmentation method you would like exclude? <br> <br>
<input type="checkbox" id="ShearX" <input type="checkbox" id="ShearX"
name="action_space" value="ShearX"> name="action_space" value="ShearX">
<label for="ShearX">ShearX</label> <label for="ShearX">ShearX</label>
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
<label for="TranslateY">TranslateY</label> <label for="TranslateY">TranslateY</label>
<input type="checkbox" id="Rotate" <input type="checkbox" id="Rotate"
name="Rotate" value="Rotate"> name="action_space" value="Rotate">
<label for="Rotate">Rotate</label><br> <label for="Rotate">Rotate</label><br>
<input type="checkbox" id="Brightness" <input type="checkbox" id="Brightness"
...@@ -129,79 +129,87 @@ ...@@ -129,79 +129,87 @@
<label for="Invert">Invert</label><br><br><br> <label for="Invert">Invert</label><br><br><br>
<div id="like_button_container"></div>
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
<!-- <script src="metarl/auto_augmentation/templates/like_button.js"></script> -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> -->
<!-- <link rel="stylesheet" href="multiselect/jquery.multiselect.css"> -->
<!-- <script src="multiselect/jquery.multiselect.js"></script> -->
<!-- <div class="container"> -->
<!-- <select name="langOpt[]" multiple id="langOpt"> -->
<!-- <option value="C++">C++</option> -->
<!-- <option value="C#">C#</option> -->
<!-- <option value="Java">Java</option> -->
<!-- <option value="Objective-C">Objective-C</option> -->
<!-- <option value="JavaScript">JavaScript</option> -->
<!-- <option value="Perl">Perl</option> -->
<!-- <option value="PHP">PHP</option> -->
<!-- <option value="Ruby on Rails">Ruby on Rails</option> -->
<!-- <option value="Android">Android</option> -->
<!-- <option value="iOS">iOS</option> -->
<!-- <option value="HTML">HTML</option> -->
<!-- <option value="XML">XML</option> -->
<!-- </select> -->
<!-- <script> -->
<!-- $('select[multiple]').multiselect(); -->
<!-- $('#langOpt').multiselect({ -->
<!-- columns: 1, -->
<!-- placeholder: 'Select Languages' -->
<!-- }); -->
<!-- </script> -->
<!-- </div> -->
<!-- <div id="like_button_container"></div> -->
<!-- <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script> -->
<!-- <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script> -->
<!-- <script src="metarl/auto_augmentation/templates/like_button.js"></script> -->
<script type = 'module'> <script type = 'module'>
// 'use strict'; // 'use strict';
import React from 'react'; // import React from 'react';
import ReactDOM from "react-dom/client"; // import ReactDOM from "react-dom/client";
</script>
<script>
const e = React.createElement;
var path = document.location.pathname;
var directory = path.substring(path.indexOf('/'), path.lastIndexOf('/'));
// var loc = window.location.pathname;
class LikeButton extends React.Component {
constructor(props) {
super(props);
this.state = { liked: false };
}
render() {
if (this.state.liked) {
return 'You liked this.';
}
return e(
'button',
{ onClick: () => this.setState({ liked: true }) },
'Like'
);
}
}
const domContainer = document.querySelector('#like_button_container');
const root = ReactDOM.createRoot(domContainer);
root.render(e(LikeButton));
</script> </script>
<!-- <script> -->
<!-- // const e = React.createElement;
// var path = document.location.pathname;
// var directory = path.substring(path.indexOf('/'), path.lastIndexOf('/'));
// // var loc = window.location.pathname;
// class LikeButton extends React.Component {
// constructor(props) {
// super(props);
// this.state = { liked: false };
// }
// render() {
// if (this.state.liked) {
// return 'You liked this.';
// }
// return e(
// 'button',
// { onClick: () => this.setState({ liked: true }) },
// 'Like'
// );
// }
// }
// const domContainer = document.querySelector('#like_button_container');
// const root = ReactDOM.createRoot(domContainer);
// root.render(e(LikeButton)); -->
<!-- </script> -->
<!-- 3 <!-- 3
<div id="mydiv"></div> <div id="mydiv"></div>
<script type="text/babel" type="javascript"> <script type="text/babel" type="javascript">
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
function Hello() { function Hello() {
return <h1>Hello World!</h1>; return <h1>Hello World!</h1>;
} }
ReactDOM.render(<Hello />, document.getElementById('mydiv')) ReactDOM.render(<Hello />, document.getElementById('mydiv'))
</script> </script>
3 --> 3 -->
<!-- ----------------- --> <!-- ----------------- -->
<!-- <script <!-- <script
src="https://unpkg.com/react@16/umd/react.production.min.js" src="https://unpkg.com/react@16/umd/react.production.min.js"
crossorigin crossorigin
...@@ -222,14 +230,6 @@ ...@@ -222,14 +230,6 @@
<input type="submit"> <input type="submit">
......
backend/auto_augmentation/templates/progress.html
+ 9
− 0
View file @ 3036b693
{% extends "basic.html" %} {% extends "basic.html" %}
{% block title%}Progress{% endblock %} {% block title%}Progress{% endblock %}
{% block body %} {% block body %}
<ul>
Excluded methods:
{% for method in exclude_method %}
{{method}},
{% endfor %}
</ul>
Training the model... Training the model...
<div> <div>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment