mv templates -> template.d

author: LV-426 <lv-426@taproot.org.il> 2015-05-03 18:30:28 +0300
committer: LV-426 <lv-426@taproot.org.il> 2015-05-05 19:04:32 +0300
commit: 9ae959fe5c02635cb542f8d1dd915c8f02ef8da0 (patch)
tree: 434f320cfacccf9bb6c3cc43bfdb2e42a0b8880d /res/template.d
parent: fe6e8404dcfbcce6bdf44b8ada444cd715d697f4 (diff)
5 files changed, 429 insertions, 0 deletions
diff --git a/res/template.d/base.html b/res/template.d/base.html
new file mode 100644
index 00000000..7369984d
--- /dev/null
+++ b/res/template.d/base.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    {% block head %}
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
+    <title>{% block title %}{% endblock %}</title>
+    <link rel="shortcut icon" href="/static/img/favicon2.ico" />
+
+    <link href="/static/css/style.css" rel="stylesheet" type="text/css">
+    {% endblock %}
+</head>
+<body>
+    <div id="content">{% block content %}{% endblock %}</div>
+    <div id="footer">{% block footer %}{% endblock %}</div>
+</body>
+</html>
diff --git a/res/template.d/index.html b/res/template.d/index.html
new file mode 100644
index 00000000..3a1d921e
--- /dev/null
+++ b/res/template.d/index.html
@@ -0,0 +1,150 @@
+{% extends "base.html" %}
+{% block title %}{{ rz_config__rzdoc_cur__name|safe }} -- Rhizi Prototype{% endblock %}
+{% block head %}
+{{ super() }}
+<link href="/static/css/feedback.css" rel="stylesheet" type="text/css">
+<script>
+var rz_config = { // set as a global variable
+    'backend_enabled': true,
+    'backend__maintain_ws_connection': true,
+    'role_set': {{ rz_config__role_set|safe }},
+    'feedback_url': '/feedback',
+    'node_edge_separator': true,
+    'optimized_main': {{ rz_config__optimized_main }},
+    'rand_id_generator' : 'hash',
+    'rzdoc_cur__name': "{{ rz_config__rzdoc_cur__name|safe }}",
+    'rzdoc__mainpage_name': '{{ rz_config__rzdoc__mainpage_name }}',
+    'separator_string': '  ',
+};
+
+var RZ_VERSION = '{% include "fragment/version.txt" %}';
+</script>
+<script data-main='/static/js/app.js' src="/static/lib/require.js"></script>
+<script src="/static/js/local_config.js"></script>
+{% endblock %}
+{% block content %}
+  <div class="top-bar">
+    <span id="top-bar_float-left">
+      <div id="rzdoc-bar">
+        <span id="rzdoc-bar_doc-label"></span>
+        <span class="tool_bar_btn" id="btn_rzdoc__new" title="New"></span>
+        <span class="tool_bar_btn" id="btn_rzdoc__open" title="Open"></span>
+      </div>
+    </span>
+    <span id="top-bar_float-right">
+      <span class="top-bar__user-area">
+           <span id="profile-circle"></span>
+           <span class="profile-username">Hello&nbsp;<span id="user_id">{{ rz_username }}</span>!<span id="btn-logout" class="button">Logout</span></span>
+      </span>
+      <span class="logo-3rd-party"><a tabindex="-1" href="http://cri-paris.org/"><img id="logo-3rd-party__CRI" src="/static/img/CRI-logo.png"></a></span>
+    </span>
+  </div>
+  <div id="intro-task" class="task-alert" style="display:none">
+    <span class="task-desc">Connect yourself to the clubs, internship proposals, skills &amp; scientific interests you have.</span>
+    <span class="task-close-button">got it</span>
+  </div>
+  <div class="graph-view">
+    <div id="tool-bar">
+      <div id="tool-bar-top-bar">
+        <div class="tool_bar_btn" id="btn_layout" title="Layout">Layout</div>
+        <div class="tool_bar_btn" id="btn_filter" title="Filter">Filter
+          <div>
+            <div id="menu__type-filter" style="display:none">
+              <div id="menu__type-filter_header">Filter by type</div>
+            </div>
+          </div>
+        </div>
+        <div class="tool_bar_btn" id="btn_zen_mode" style="display: none" title="Zen mode">Zen mode</div>
+        <div class="tool_bar_btn" id="btn_delete" style="display: none" title="Delete nods">Delete</div>
+        <div id="tool-bar-multiple-node-operations" style="display: none">
+          <div class="tool_bar_btn" id="btn_link_fan" title="Link nodes in fan">Connect</div>
+          <div class="tool_bar_btn" id="btn_merge" title="Merge nodes">Merge</div>
+        </div>
+      </div>
+    </div>
+    <div id="zoom-bar">
+      <div id="btn_zoom_to_selection" title="Zoom to selection"></div>
+      <div id="btn_zoom_in" title="Zoom in"></div>
+      <div id="btn_zoom_out"title="Zoom out"></div>
+    </div>
+    <div id="input-box-set-container">
+      <div class="input-container" id="input-container__search">
+          <input class="input-bar" tabindex="1" id="search" placeholder="Search and select nodes"/>
+          <button tabindex="-1" id="btn_search"></button>
+          <div id="selection-count"></div>
+        <div id="search-suggestion" class="suggestion" style="display: none"></div>
+      </div>
+      <div class="input-container" id="input-container__graph-input">
+          <div contentEditable="true" tabindex="2" class="input input-bar" id="textanalyser" placeholder="Add nodes or links" autofocus ></div>
+          <button tabindex="-1" id="btn_add"></button>
+        <div id="input-suggestion" class="suggestion" style="display: none"></div>
+      </div>
+    </div>
+    <div class="info-container" style="display:none">
+       <div id="editbox">
+         <p class="info-card-message"></p>
+         <div class="info-container__row" id="type">
+           <div class="info-card-attr">Type</div>
+           <select id="edittype" class="select-dropdown">
+           </select>
+         </div>
+         <div class="info-container__row" id="status" style="display:none">
+             <div class="info-card-attr">Status</div>
+             <select id="editstatus" style="display:none">
+               <option value="waiting">Waiting</option>
+               <option value="approved">Approved</option>
+               <option value="notapproved">Not Approved</option>
+             </select>
+             <span class="info-card-attr" id="displaystatus"></span>
+         </div>
+       </div>
+    </div>
+    <div id="graph-view__canvas"></div>
+    <div class="type_selection" style="display:none; width:400px; top: 20px">
+      <div class="type_selection__row" id="type_selection__intro">Change node type with <span class="kbd-button">Shift</span>+<span class="kbd-button">Up</span> and <span class="kbd-button">Shift</span>+<span class="kbd-button">Down</span></div>
+      <div class="type_selection__row" id="type_selection__chosen_type_label">Chosen Type: <span id="type_selection__chosen_type_name"/></div>
+      <div class="type_selection__row" id="type_selection__chosen_type_desc"></div>
+    </div>
+    <div class="debug-ui">
+    <div class="debug-ui-row">
+        <div class="debug-ui-left">
+            <a class="save-history" href="#">Save history</a>
+        </div>
+        <div class="debug-ui-right">
+            <a id="replay-history" style="display: none" href="#">Replay history</a>
+        </div>
+    </div>
+    <div class="debug-ui-row">
+        <div class="debug-ui-left">
+            <div class="save">
+                <a href="#">Save</a>
+            </div>
+        </div>
+    </div>
+    <div class="debug-ui-row">
+    <div class="debug-ui-left">
+        <div class="local-storage-load">
+            <a href="#">Load</a>
+        </div>
+    </div>
+    <div class="debug-ui-right">
+        <div class="url-copy">
+            <a href="#">Copy to URL</a>
+        </div>
+    </div>
+    </div>
+    <div class="debug-ui-row">
+        Import <input type="file" class="file-import" />
+    </div>
+    <div class="debug-ui-row">
+        <button id="btn_export" title="Export">Export</button>
+    </div>
+
+
+
+    </div>
+  </div>
+  <div class="rhizi-logo"><a tabindex="-1" href="http://www.rhizi.org">
+    <img src="/static/img/rhizi-logo.png"/></a>
+  </div>
+{% endblock %}
diff --git a/res/template.d/login.html b/res/template.d/login.html
new file mode 100644
index 00000000..b3e4cfd0
--- /dev/null
+++ b/res/template.d/login.html
@@ -0,0 +1,57 @@
+{% extends "base.html" %}
+{% block title %}Welcome to Rhizi{% endblock %}
+{% block head %}
+{{ super() }}
+<script src="/static/lib/jquery.js" type="text/javascript"></script>
+<script src="/static/js/user_login.js" type="text/javascript"></script>
+
+<style type="text/css">
+html {
+  background: url(/static/img/login-background.jpg);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+
+body {
+  background-color: transparent;
+  overflow-y: auto;
+}
+</style>
+{% endblock %}
+{% block content %}
+<div class="welcome-box">
+	<div class="login-view-section">
+		<div class="login-rhizi-logo"></div>
+	</div>
+	<div class="login-view-section">
+		<h1 class="login-header">Welcome to Rhizi</h1>
+	</div>
+	<div class="login-view-section" id="login-view-section_intro-text">
+	{% include "fragment/login__header.html" %}
+	</div>
+	<div class="login-view-section login-form">
+		<div id="login-form">
+			<form action="javascript:void(0);" method="get" onsubmit="submit_login_form();" id="login_form">
+				<input class="login-input" type="email" id="login_email_address" placeholder="Email">
+				<input class="login-input" type="password" id="login_password" placeholder="Password">
+				<input class="login-form_button" type="submit" value="Sign in">
+			</form>
+		</div>
+		<div id="login-view_failed-login" style="display: none">Login Failed</div>
+		<div class="login-text" id="login-page_forgot-password-button" title="Forgot your password"><a href="/pw-reset">Forgot your password?</a></div>
+	</div>
+	{% if signup_enabled %}
+	<div id="create-account-section" class="login-view-section login-form">
+		<div class="section-divider">or</div>
+		<a href="/signup">
+			<div class="login-form_button" id="login-page_create-account-button" title="Create Account">Create Account</div>
+		</a>
+	</div>
+	{% endif %}
+	<div class="login-view-section">
+		<div class="section-divider magenta-divider"><span class="contact-us-icon"></span></div>
+		<p class="login-text contact-us-text"><a class="contact-us-link" href="mailto:feedback_CRI@rhizi.net?subject=Rhizi%20User%20Feedback">Email us</a> with your feedback,<br>we would love to hear your suggestions!</p>
+	</div>
+</div>
+{% endblock %}
diff --git a/res/template.d/pw_reset.html b/res/template.d/pw_reset.html
new file mode 100644
index 00000000..908f5597
--- /dev/null
+++ b/res/template.d/pw_reset.html
@@ -0,0 +1,107 @@
+{% extends "base.html" %} {% block title %}Rhizi - Password Reset{% endblock %}
+{% block head %} {{ super() }}
+<script src="/static/lib/jquery.js" type="text/javascript"></script>
+<script src="/static/lib/require.js" type="text/javascript"></script>
+<script>
+var lib_path = '/static/lib/';
+var config = {
+        baseUrl: '/static/js/',
+        paths: {
+            jquery: lib_path + 'jquery',
+            underscore: lib_path + 'underscore',
+            pw_reset__common: '/static/js/pw_reset',
+            pw_reset__submit_new_pw: '/static/js/pw_reset',
+            pw_reset__submit_rst_req: '/static/js/pw_reset'
+        }
+    }
+require.config(config);
+{% if 'step_0__reset_request_submission' == pw_rst_step %}
+require(['pw_reset__submit_rst_req'], function(pw_reset) {});
+{% endif %}
+{% if 'step_1__collect_new_password' == pw_rst_step %}
+require(['pw_reset__submit_new_pw'], function(pw_reset) {});
+{% endif %}
+</script>
+
+<style type="text/css">
+html {
+  background: url(/static/img/login-background.jpg);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+
+body {
+  background-color: transparent;
+}
+</style>
+{% endblock %} {% block content %}
+<div class="cmn-form">
+    <div class="cmn-form-section">
+        <div class="cmn-form-logo"></div>
+        <div class="cmn-form-title">Password Reset</div>
+    </div>
+    {% if 'step_0__reset_request_submission' == pw_rst_step %}
+    <div class="cmn-form-section">
+        <div class="cmn-form-row" id="cmn-form-row--instruction-line" >
+            <p>To have a password renewal link sent to you, please insert the email addressed associated with your Rhizi account.</p>
+        </div>
+        <div class="cmn-form-row">
+            <input
+                id="pw_reset_form__email_address"
+                type="email"
+                placeholder="Email"
+                class="cmn-form-input">
+        </div>
+        <div class="cmn-form-row"
+             id="msg_row">
+        </div>
+    </div>
+    <div class="cmn-form-section">
+        <div class="cmn-form__submit-btn"
+             id="pw_reset_form__submit_button"
+             onclick="pw_reset_form__submit();">Submit</div>
+    </div>
+    {% elif 'step_1__collect_new_password' == pw_rst_step %}
+    <div class="cmn-form-section">
+        <div class="cmn-form-row" id="cmn-form-row--instruction-line" >
+            <p>Please set a new account password:</p>
+        </div>
+        <div class="cmn-form-row">
+            <input
+                id="pw_reset_form__password_first"
+                type="password"
+                placeholder="Password"
+                class="cmn-form-input">
+        </div>
+        <div class="cmn-form-row">
+            <input
+                id="pw_reset_form__password_second"
+                type="password"
+                placeholder="Re-type password"
+                class="cmn-form-input">
+        </div>
+        <div
+            class="cmn-form-row"
+            id="msg_row">
+        </div>
+        <div id="pw_reset_form__submit_button_row">
+            <div class="cmn-form__submit-btn"
+                 id="pw_reset_form__submit_button"
+                 onclick="pw_reset_form__submit();">Submit</div>
+        </div>
+    </div>
+    {% elif 'general_error' == pw_rst_step %}
+    <div class="cmn-form-section">
+        <div class="cmn-form-row">
+            <p>An error has occurred, please try again later.</p>
+        </div>
+    </div>
+    {% endif %}
+    <div class="cmn-form-section">
+        <div class="cmn-form-row cmn-form__ajax-response">
+            <div id="pw_reset_form__ajax_response"></div>
+        </div>
+    </div>
+</div>
+{% endblock %}
diff --git a/res/template.d/user_signup.html b/res/template.d/user_signup.html
new file mode 100644
index 00000000..93589d86
--- /dev/null
+++ b/res/template.d/user_signup.html
@@ -0,0 +1,98 @@
+{% extends "base.html" %} {% block title %}Rhizi - Sign up{% endblock %}
+{% block head %} {{ super() }}
+<script src="/static/lib/jquery.js" type="text/javascript"></script>
+<script src="/static/js/user_signup.js" type="text/javascript"></script>
+
+<style type="text/css">
+html {
+  background: url(/static/img/login-background.jpg);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+
+body {
+  background-color: transparent;
+}
+</style>
+{% endblock %} {% block content %}
+<div id="user_signup_form_panel" class="welcome-box">
+    <div class="login-view-section">
+        <div class="login-rhizi-logo"></div>
+    </div>
+    <div class="login-view-section">
+        <h1 class="login-header">Sign up</h1>
+    </div>
+    {% if 'activation_success' == state %}
+    <div>
+        <p>
+            Congratulations! your account has been activated.<br>Please
+            head over to the <a href="/login">login page</a> to access
+            your account.
+        </p>
+    </div>
+    {% elif 'activation_failure' == state %}
+    <div>
+        <p>Activation failure,<br>please try again later.</p>
+    </div>
+    {% else %}
+    <div class="login-view-section login-form">
+        <div class="signup_form__row">
+            <div class="signup_form__field signup_form__row_sharing_field">
+                <input
+                    id="signup_form__first_name"
+                    placeholder="First name"
+                    class="login-input input-username">
+            </div>
+            <div class="signup_form__field signup_form__row_sharing_field">
+                <input
+                    id="signup_form__last_name"
+                    placeholder="Last name"
+                    class="login-input input-username">
+            </div>
+        </div>
+        <div class="signup_form__row">
+            <div class="signup_form__field">
+                <input
+                    id="signup_form__rz_username"
+                    placeholder="Rhizi username"
+                    class="login-input input-username">
+            </div>
+        </div>
+        <div class="signup_form__row">
+            <div class="signup_form__field">
+                <input
+                    id="signup_form__email_address"
+                    type="email"
+                    placeholder="Email"
+                    class="login-input">
+            </div>
+        </div>
+        <div class="signup_form__row">
+            <div class="signup_form__field">
+                <input
+                    id="signup_form__password_first"
+                    type="password"
+                    placeholder="password"
+                    class="login-input">
+            </div>
+        </div>
+        <div class="signup_form__row">
+            <div class="signup_form__field">
+                <input
+                    id="signup_form__password_second"
+                    type="password"
+                    placeholder="Re-type password"
+                    class="login-input">
+            </div>
+        </div>
+        <div id="signup_form__submit_button_row">
+            <div
+                id="signup_form__submit_button" class="login-form_button signup-button"
+                onclick="signup_form__submit();">Sign Up</div>
+        </div>
+        <div id="signup_form__msg_row"></div>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}
author	LV-426 <lv-426@taproot.org.il>	2015-05-03 18:30:28 +0300
committer	LV-426 <lv-426@taproot.org.il>	2015-05-05 19:04:32 +0300
commit	9ae959fe5c02635cb542f8d1dd915c8f02ef8da0 (patch)
tree	434f320cfacccf9bb6c3cc43bfdb2e42a0b8880d /res/template.d
parent	fe6e8404dcfbcce6bdf44b8ada444cd715d697f4 (diff)