Browse Source

UI optimize

pull/6/head
Menci 7 years ago
parent
commit
5d4870402f
  1. 2
      static/style.css
  2. 4
      views/article.ejs
  3. 4
      views/article_edit.ejs
  4. 2
      views/contest.ejs
  5. 2
      views/contest_edit.ejs
  6. 2
      views/contests.ejs
  7. 2
      views/help.ejs
  8. 4
      views/index.ejs
  9. 10
      views/problem.ejs
  10. 22
      views/problem_edit.ejs
  11. 2
      views/ranklist.ejs
  12. 4
      views/user.ejs
  13. 4
      views/user_edit.ejs

2
static/style.css

@ -305,7 +305,7 @@
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
} }
.ui.segment { .font-content {
font-family: 'Open Sans'; font-family: 'Open Sans';
} }

4
views/article.ejs

@ -15,7 +15,7 @@
<% } %> <% } %>
</p> </p>
<div class="ui existing segment"> <div class="ui existing segment">
<div id="content"><%- article.content %></div> <div id="content" class="font-content"><%- article.content %></div>
</div> </div>
<% if (comments.length) { %> <% if (comments.length) { %>
<div class="ui comments" style="max-width: none;"> <div class="ui comments" style="max-width: none;">
@ -30,7 +30,7 @@
<div class="metadata"> <div class="metadata">
<span class="date"><%= syzoj.utils.formatDate(comment.public_time) %></span> <span class="date"><%= syzoj.utils.formatDate(comment.public_time) %></span>
</div> </div>
<div class="text"><%- comment.content %></div> <div class="text font-content"><%- comment.content %></div>
<% if (comment.allowedEdit) { %> <% if (comment.allowedEdit) { %>
<div class="actions"><a href="<%= syzoj.utils.makeUrl(['article', article.id, 'comment', comment.id, 'delete']) %>">删除</a></div> <div class="actions"><a href="<%= syzoj.utils.makeUrl(['article', article.id, 'comment', comment.id, 'delete']) %>">删除</a></div>
<% } %> <% } %>

4
views/article_edit.ejs

@ -16,12 +16,12 @@
<label for="title">标题</label> <label for="title">标题</label>
<input type="text" id="title" name="title" value="<%= article.title %>"> <input type="text" id="title" name="title" value="<%= article.title %>">
<label for="content">内容</label> <label for="content">内容</label>
<textarea rows="15" id="content" name="content"><%= article.content %></textarea> <textarea rows="15" id="content" name="content" class="font-content"><%= article.content %></textarea>
</div> </div>
</div> </div>
<div class="ui bottom attached tab segment" data-tab="preview"> <div class="ui bottom attached tab segment" data-tab="preview">
<div class="ui header" id="pv-title"></div> <div class="ui header" id="pv-title"></div>
<div id="pv-content"></div> <div id="pv-content" class="font-content"></div>
</div> </div>
<button type="submit" class="ui labeled submit icon button"> <button type="submit" class="ui labeled submit icon button">
<i class="icon edit"></i> 提交 <i class="icon edit"></i> 提交

2
views/contest.ejs

@ -36,7 +36,7 @@
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<h4 class="ui top attached block header">描述</h4> <h4 class="ui top attached block header">描述</h4>
<div class="ui bottom attached segment"> <div class="ui bottom attached segment font-content">
<%- contest.information %> <%- contest.information %>
</div> </div>
</div> </div>

2
views/contest_edit.ejs

@ -16,7 +16,7 @@
</div> </div>
<div class="field"> <div class="field">
<label>比赛介绍</label> <label>比赛介绍</label>
<textarea class="" rows="5" id="doc-ta-1" name="information"><%= contest.information %></textarea> <textarea class="" rows="5" id="doc-ta-1" name="information" class="font-content"><%= contest.information %></textarea>
</div> </div>
<div class="field"> <div class="field">
<label>开始时间</label> <label>开始时间</label>

2
views/contests.ejs

@ -37,7 +37,7 @@
<td><a href="<%= syzoj.utils.makeUrl(['contest', contest.id]) %>"><%= contest.title %> <%- tag %></a></td> <td><a href="<%= syzoj.utils.makeUrl(['contest', contest.id]) %>"><%= contest.title %> <%- tag %></a></td>
<td><%= syzoj.utils.formatDate(contest.start_time) %></td> <td><%= syzoj.utils.formatDate(contest.start_time) %></td>
<td><%= syzoj.utils.formatDate(contest.end_time) %></td> <td><%= syzoj.utils.formatDate(contest.end_time) %></td>
<td><%- contest.information %></td> <td class="font-content"><%- contest.information %></td>
</tr> </tr>
<% } %> <% } %>
</tbody> </tbody>

2
views/help.ejs

@ -2,7 +2,7 @@
<% include header %> <% include header %>
<div class="padding"> <div class="padding">
<h1 class="ui center aligned header">帮助</h1> <h1 class="ui center aligned header">帮助</h1>
<div> <div style="font-content">
<h2 class="ui header">评测</h2> <h2 class="ui header">评测</h2>
<p> <p>
C++ 使用 <code>g++</code> 编译,命令为 &nbsp;<code>g++ source_file.cpp -o exec_file -O2 -lm -DONLINE_JUDGE</code>; C++ 使用 <code>g++</code> 编译,命令为 &nbsp;<code>g++ source_file.cpp -o exec_file -O2 -lm -DONLINE_JUDGE</code>;

4
views/index.ejs

@ -41,7 +41,7 @@
<tr> <tr>
<td><%= i %></td> <td><%= i %></td>
<td><a href="<%= syzoj.utils.makeUrl(['user', user.id]) %>"><%= user.username %></a><% if (user.nameplate) { %><%- user.nameplate %><% } %></td> <td><a href="<%= syzoj.utils.makeUrl(['user', user.id]) %>"><%= user.username %></a><% if (user.nameplate) { %><%- user.nameplate %><% } %></td>
<td> <td style="font-content">
<script id="user-infomation-script-<%= i %>"> <script id="user-infomation-script-<%= i %>">
(function () { (function () {
var html = <%- JSON.stringify(user.information) %>; var html = <%- JSON.stringify(user.information) %>;
@ -167,7 +167,7 @@
</table> </table>
<% } %> <% } %>
</div> </div>
<h4 class="ui top attached block header">信息栏</h4> <h4 class="ui top attached block header font-content">信息栏</h4>
<div class="ui bottom attached <% if (!syzoj.config.announcement) { %>center aligned <% } %>segment"> <div class="ui bottom attached <% if (!syzoj.config.announcement) { %>center aligned <% } %>segment">
<% if (!syzoj.config.announcement) { %> <% if (!syzoj.config.announcement) { %>
无任何信息 无任何信息

10
views/problem.ejs

@ -81,7 +81,7 @@ if (contest) {
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<h4 class="ui top attached block header">题目描述</h4> <h4 class="ui top attached block header">题目描述</h4>
<div class="ui bottom attached segment"><%- problem.description %></div> <div class="ui bottom attached segment font-content"><%- problem.description %></div>
</div> </div>
</div> </div>
<% } %> <% } %>
@ -89,7 +89,7 @@ if (contest) {
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<h4 class="ui top attached block header">输入格式</h4> <h4 class="ui top attached block header">输入格式</h4>
<div class="ui bottom attached segment"><%- problem.input_format %></div> <div class="ui bottom attached segment font-content"><%- problem.input_format %></div>
</div> </div>
</div> </div>
<% } %> <% } %>
@ -97,7 +97,7 @@ if (contest) {
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<h4 class="ui top attached block header">输出格式</h4> <h4 class="ui top attached block header">输出格式</h4>
<div class="ui bottom attached segment"><%- problem.output_format %></div> <div class="ui bottom attached segment font-content"><%- problem.output_format %></div>
</div> </div>
</div> </div>
<% } %> <% } %>
@ -105,7 +105,7 @@ if (contest) {
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<h4 class="ui top attached block header">样例</h4> <h4 class="ui top attached block header">样例</h4>
<div class="ui bottom attached segment"><%- problem.example %></div> <div class="ui bottom attached segment font-content"><%- problem.example %></div>
</div> </div>
</div> </div>
<% } %> <% } %>
@ -113,7 +113,7 @@ if (contest) {
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<h4 class="ui top attached block header">数据范围与提示</h4> <h4 class="ui top attached block header">数据范围与提示</h4>
<div class="ui bottom attached segment"><%- problem.limit_and_hint %></div> <div class="ui bottom attached segment font-content"><%- problem.limit_and_hint %></div>
</div> </div>
</div> </div>
<% } %> <% } %>

22
views/problem_edit.ejs

@ -26,17 +26,17 @@
<div style="margin-top: 15px; "></div> <div style="margin-top: 15px; "></div>
<% } %> <% } %>
<label for="title">题目名称</label> <label for="title">题目名称</label>
<input type="text" id="title" name="title" value="<%= problem.title %>"> <input class="font-content" type="text" id="title" name="title" value="<%= problem.title %>">
<label style="margin-top: 15px; " for="description">题目描述</label> <label style="margin-top: 15px; " for="description">题目描述</label>
<textarea rows="15" id="description" name="description"><%= problem.description %></textarea> <textarea class="font-content" rows="15" id="description" name="description"><%= problem.description %></textarea>
<label style="margin-top: 15px; " for="input_format">输入格式</label> <label style="margin-top: 15px; " for="input_format">输入格式</label>
<textarea rows="3" id="input" name="input_format"><%= problem.input_format %></textarea> <textarea class="font-content" rows="3" id="input" name="input_format"><%= problem.input_format %></textarea>
<label style="margin-top: 15px; " for="output_format">输出格式</label> <label style="margin-top: 15px; " for="output_format">输出格式</label>
<textarea rows="3" id="output" name="output_format"><%= problem.output_format %></textarea> <textarea class="font-content" rows="3" id="output" name="output_format"><%= problem.output_format %></textarea>
<label style="margin-top: 15px; ">样例</label> <label style="margin-top: 15px; ">样例</label>
<textarea rows="15" id="example" name="example"><%= problem.example %></textarea> <textarea class="font-content" rows="15" id="example" name="example"><%= problem.example %></textarea>
<label style="margin-top: 15px; ">数据范围与提示</label> <label style="margin-top: 15px; ">数据范围与提示</label>
<textarea rows="10" id="hint" name="limit_and_hint"><%= problem.limit_and_hint %></textarea> <textarea class="font-content" rows="10" id="hint" name="limit_and_hint"><%= problem.limit_and_hint %></textarea>
<label style="margin-top: 15px; ">标签</label> <label style="margin-top: 15px; ">标签</label>
<select class="ui fluid search dropdown" multiple="" id="search_tags" name="tags"> <select class="ui fluid search dropdown" multiple="" id="search_tags" name="tags">
<% for (let tag of problem.tags) { %> <% for (let tag of problem.tags) { %>
@ -48,15 +48,15 @@
<div class="ui bottom attached tab segment" data-tab="preview" id="preview"> <div class="ui bottom attached tab segment" data-tab="preview" id="preview">
<h1 class="ui header problem_header" id="pv-title"></h1> <h1 class="ui header problem_header" id="pv-title"></h1>
<h2 class="ui header">题目描述</h2> <h2 class="ui header">题目描述</h2>
<div id="pv-description"></div> <div class="font-content" id="pv-description"></div>
<h2 class="ui header">输入格式</h2> <h2 class="ui header">输入格式</h2>
<div id="pv-input"></div> <div class="font-content" id="pv-input"></div>
<h2 class="ui header">输出格式</h2> <h2 class="ui header">输出格式</h2>
<div id="pv-output"></div> <div class="font-content" id="pv-output"></div>
<h2 class="ui header">样例</h2> <h2 class="ui header">样例</h2>
<div id="pv-example"></div> <div class="font-content" id="pv-example"></div>
<h2 class="ui header">数据范围与提示</h2> <h2 class="ui header">数据范围与提示</h2>
<div id="pv-hint"></div> <div class="font-content" id="pv-hint"></div>
</div> </div>
<% if (problem.allowedEdit) { %> <% if (problem.allowedEdit) { %>
<button type="submit" class="ui button">提交</button> <button type="submit" class="ui button">提交</button>

2
views/ranklist.ejs

@ -25,7 +25,7 @@
<tr> <tr>
<td><%= i %></td> <td><%= i %></td>
<td><a href="<%= syzoj.utils.makeUrl(['user', user.id]) %>"><%= user.username %></a><% if (user.nameplate) { %><%- user.nameplate %><% } %></td> <td><a href="<%= syzoj.utils.makeUrl(['user', user.id]) %>"><%= user.username %></a><% if (user.nameplate) { %><%- user.nameplate %><% } %></td>
<td> <td class="font-content">
<script id="user-infomation-script-<%= i %>"> <script id="user-infomation-script-<%= i %>">
(function () { (function () {
var html = <%- JSON.stringify(user.information) %>; var html = <%- JSON.stringify(user.information) %>;

4
views/user.ejs

@ -52,13 +52,13 @@
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<h4 class="ui top attached block header">Email</h4> <h4 class="ui top attached block header">Email</h4>
<div class="ui bottom attached segment"><%= show_user.email %></div> <div class="ui bottom attached segment" class="font-content"><%= show_user.email %></div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<h4 class="ui top attached block header">个性签名</h4> <h4 class="ui top attached block header">个性签名</h4>
<div class="ui bottom attached segment"><%- show_user.information %></div> <div class="ui bottom attached segment" class="font-content"><%- show_user.information %></div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">

4
views/user_edit.ejs

@ -23,11 +23,11 @@
</div> </div>
<div class="field"> <div class="field">
<label for="email">Email</label> <label for="email">Email</label>
<input type="email" id="email" name="email" value="<%= edited_user.email %>"> <input class="font-content" type="email" id="email" name="email" value="<%= edited_user.email %>">
</div> </div>
<div class="field"> <div class="field">
<label for="information">个性签名</label> <label for="information">个性签名</label>
<textarea rows="5" id="information" name="information"><%= edited_user.information %></textarea> <textarea class="font-content" rows="5" id="information" name="information"><%= edited_user.information %></textarea>
</div> </div>
<div class="field"> <div class="field">
<label class="ui header">修改密码</label> <label class="ui header">修改密码</label>

Loading…
Cancel
Save