增加部分基础组件

account/decorators.py

@@ -6,7 +6,7 @@ import functools
 from django.http import HttpResponseRedirect
 from django.utils.translation import ugettext as _
 
-from utils.shortcuts import error_response, error_page
+from utils.shortcuts import error_response, error_page, redirect_to_login
 from .models import AdminType
 
 
@@ -34,7 +34,7 @@ class BasePermissionDecorator(object):
             if self.request.is_ajax():
                 return error_response(_("Please login in first"))
             else:
-                return HttpResponseRedirect("/login/?__from=" + urllib.quote(self.request.path))
+                return redirect_to_login(self.request)
 
     def check_permission(self):
         raise NotImplementedError()
@@ -47,9 +47,11 @@ class login_required(BasePermissionDecorator):
 
 class super_admin_required(BasePermissionDecorator):
     def check_permission(self):
-        return self.request.user.is_authenticated() and self.request.user.admin_type == AdminType.SUPER_ADMIN
+        return self.request.user.is_authenticated() and \
+               self.request.user.admin_type == AdminType.SUPER_ADMIN
 
 
 class admin_required(BasePermissionDecorator):
     def check_permission(self):
-        return self.request.user.is_authenticated() and self.request.user.admin_type in [AdminType.SUPER_ADMIN, AdminType.ADMIN]
+        return self.request.user.is_authenticated() and \
+               self.request.user.admin_type in [AdminType.SUPER_ADMIN, AdminType.ADMIN]

account/middleware.py

@@ -3,27 +3,24 @@ import time
 import json
 import urllib
 
-from django.http import HttpResponseRedirect, HttpResponse
+from django.http import HttpResponse
 from django.utils.translation import ugettext as _
-from django.contrib import auth
 
-from .models import AdminType, User
+from utils.shortcuts import redirect_to_login
+from .models import AdminType
 
 
-# todo remove this
-from django.contrib import auth
-
 class SessionSecurityMiddleware(object):
     def process_request(self, request):
         if request.user.is_authenticated() and request.user.admin_type in [AdminType.ADMIN, AdminType.SUPER_ADMIN]:
             if "last_activity" in request.session:
-                # 24 hours passwd since last visit
+                # 24 hours passed since last visit
                 if time.time() - request.session["last_activity"] >= 24 * 60 * 60:
                     auth.logout(request)
                     if request.is_ajax():
                         return HttpResponse(json.dumps({"code": 1, "data": _("Please login in first")}),
                                             content_type="application/json")
                     else:
-                        return HttpResponseRedirect("/login/?__from=" + urllib.quote(request.path))
+                        return redirect_to_login(request)
             # 更新最后活动日期
             request.session["last_activity"] = time.time()

account/views.py

@@ -1,38 +1,35 @@
 # coding=utf-8
-import os
-import codecs
-import qrcode
 import StringIO
+import codecs
+import os
 
-from django import http
+import qrcode
+from django.conf import settings
 from django.contrib import auth
-from django.shortcuts import render
+from django.core.exceptions import MultipleObjectsReturned
 from django.core.paginator import Paginator
 from django.db.models import Q
-from django.conf import settings
+from django.http import HttpResponse, HttpResponseRedirect
-from django.http import HttpResponse
+from django.shortcuts import render
-from django.core.exceptions import MultipleObjectsReturned
 from django.utils.timezone import now
 from django.utils.translation import ugettext as _
-
-from rest_framework.views import APIView
 from rest_framework.response import Response
+from rest_framework.views import APIView
 
-from utils.shortcuts import (serializer_invalid_response, error_response,
-                             success_response, error_page, paginate, rand_str)
 from utils.captcha import Captcha
 from utils.otp_auth import OtpAuth
-
+from utils.shortcuts import (serializer_invalid_response, error_response,
-from .tasks import _send_email
+                             success_response, error_page, paginate, rand_str)
 from .decorators import login_required
-from .models import User, UserProfile, AdminExtraPermission, AdminType
+from .decorators import super_admin_required
+from .models import User, UserProfile, AdminType
 from .serializers import (UserLoginSerializer, UserRegisterSerializer,
                           UserChangePasswordSerializer,
                           UserSerializer, EditUserSerializer,
                           ApplyResetPasswordSerializer, ResetPasswordSerializer,
                           SSOSerializer, EditUserProfileSerializer,
                           TwoFactorAuthCodeSerializer)
-from .decorators import super_admin_required
+from .tasks import _send_email
 
 
 class UserLoginAPIView(APIView):
@@ -223,7 +220,7 @@ class UserAdminAPIView(APIView):
 
 def logout(request):
     auth.logout(request)
-    return http.HttpResponseRedirect("/")
+    return HttpResponseRedirect("/")
 
 
 def index_page(request):
@@ -233,7 +230,7 @@ def index_page(request):
     if request.META.get('HTTP_REFERER') or request.GET.get("index"):
         return render(request, "oj/index.html")
     else:
-        return http.HttpResponseRedirect('/problems/')
+        return HttpResponseRedirect('/problems/')
 
 
 class UsernameCheckAPIView(APIView):

frontend/admin/index.html

@@ -6,7 +6,6 @@
   </head>
   <body>
   <div id="app">
-      <app></app>
   </div>
   </body>
 </html>

frontend/admin/package.json

@@ -33,6 +33,7 @@
     "json-loader": "^0.5.4",
     "ora": "^0.2.0",
     "shelljs": "^0.6.0",
+    "simditor-markdown": "^1.1.2",
     "url-loader": "^0.5.7",
     "vue-hot-reload-api": "^1.2.0",
     "vue-html-loader": "^1.0.0",
@@ -44,6 +45,7 @@
     "webpack": "^1.12.2",
     "webpack-dev-middleware": "^1.4.0",
     "webpack-hot-middleware": "^2.6.0",
-    "webpack-merge": "^0.8.3"
+    "webpack-merge": "^0.8.3",
+    "webuploader": "^0.1.8"
   }
 }

frontend/admin/src/App.vue

@@ -22,8 +22,8 @@
 </template>
 
 <style>
-@import "../../static/css/bootstrap.css";
+    @import "../../static/css/bootstrap.css";
-@import "../../static/css/todc-bootstrap.css";
+    @import "../../static/css/todc-bootstrap.css";
 </style>
 
 <script>

frontend/admin/src/components/account/editUser.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <back url="/user"></back>
+        <back></back>
         <h3>修改用户信息</h3>
         <form v-on:submit="submit">
             <div class="row">
@@ -138,7 +138,7 @@
                 this.request({
                     url: "/api/admin/user/?user_id=" + this.$route.params["userId"],
                     method: "GET",
-                    success:(data)=> {
+                    success: (data)=> {
                         this.user = data.data;
                         for (var p of data.data.admin_extra_permission) {
                             if (this.userPermissionNum2Str[p]) {

frontend/admin/src/components/problem/problem.vue

@@ -0,0 +1,19 @@
+<template>
+    <div>
+        <simditor editorid="problem_detail"></simditor>
+
+        <uploader uploaderid="uploader"></uploader>
+    </div>
+</template>
+
+<script>
+    import simditor from "../utils/simditor.vue"
+    import uploader from "../utils/uploader.vue"
+
+    export default({
+        components: {
+            simditor,
+            uploader
+        }
+    })
+</script>

frontend/admin/src/components/utils/alert.vue

@@ -39,10 +39,10 @@
             }
         },
         events: {
-            "showModal":(content) => {
+            "showModal": (content) => {
                 this.showModal = true;
                 this.content = true;
-                setTimeout(()=>{
+                setTimeout(()=> {
                     this.showModal = false;
                 }, 2000);
             }

frontend/admin/src/components/utils/leftNav.vue

@@ -9,11 +9,11 @@
     </div>
 </template>
 <script>
-export default {
+    export default {
         data() {
             return {
                 adminNav: [{}, {}]
             }
         }
-}
+    }
 </script>

frontend/admin/src/components/utils/simditor.vue

@@ -0,0 +1,25 @@
+<template>
+    <textarea id="{{ editorid }}"></textarea>
+</template>
+<script>
+    import Simditor from 'simditor'
+    import SimditorMakrdown from "simditor-markdown"
+
+    export default{
+        props: ["editorid"],
+        attached() {
+            var self = this;
+            var editor = new Simditor({
+                textarea: document.getElementById(self.editorid),
+                upload: {url: "/", fileKey: "file"},
+                toolbar: ['bold', 'italic', 'underline', 'color', 'image', 'ol', 'ul', 'markdown']
+            });
+        }
+    }
+</script>
+
+<style scoped>
+    @import "../../../../static/css/simditor.css";
+    @import "../../../../static/css/simditor-markdown.css";
+    @import "../../../../static/css/webuploader.css";
+</style>

frontend/admin/src/components/utils/uploader.vue

@@ -0,0 +1,52 @@
+<template>
+    <div id="{{ uploaderid }}">
+        <div class="btns">
+            <div id="picker"> picker</div>
+        </div>
+    </div>
+
+</template>
+
+
+<script>
+    import WebUploader from "webuploader"
+
+    export default ({
+        props: {
+            uploaderid: {
+                required: true
+            },
+            uploadpath: {
+                required: false,
+                default: "/server"
+            },
+            accept: {
+                required: false,
+                default(){
+                    return {
+                        title: 'Images',
+                        extensions: 'gif,jpg,jpeg,bmp,png',
+                        mimeTypes: 'image/*'
+                    }
+                }
+            }
+
+        },
+        attached() {
+            var self = this;
+            var uploader = WebUploader.create({
+                dnd: '#' + self.uploaderid,
+                runtimeOrder: "html5",
+                server: self.uploadpath,
+                pick: '#' + self.uploaderid,
+                resize: false,
+                auto: true,
+                accept: self.accept
+            });
+        }
+    })
+</script>
+
+<style>
+
+</style>

frontend/admin/src/main.js

@@ -7,6 +7,8 @@ import locale from "./locales"
 
 import userList from "./components/account/userList.vue"
 import editUser from "./components/account/editUser.vue"
+import problem from "./components/problem/problem.vue"
+import uploader from "./components/utils/uploader.vue"
 
 
 var request = {
@@ -83,6 +85,10 @@ router.map({
     "/user/edit/:userId": {
         name: "editUser",
         component: editUser
+    },
+    "/problem/create": {
+        name: "createProblem",
+        component: problem
     }
 });
 

frontend/static/css/simditor-markdown.css

@@ -0,0 +1,28 @@
+.simditor .markdown-editor {
+  display: none;
+}
+.simditor .markdown-editor textarea {
+  display: block;
+  width: 100%;
+  min-height: 200px;
+  box-sizing: border-box;
+  padding: 22px 15px 40px;
+  border: none;
+  border-bottom: 1px solid #dfdfdf;
+  resize: none;
+  outline: none;
+  font-size: 16px;
+}
+.simditor.simditor-markdown .markdown-editor {
+  display: block;
+}
+.simditor.simditor-markdown .simditor-body {
+  min-height: 100px;
+  background: #f3f3f3;
+}
+.simditor.simditor-markdown .simditor-placeholder {
+  display: none !important;
+}
+.simditor .simditor-toolbar .toolbar-item.toolbar-item-markdown .simditor-icon {
+  font-size: 18px;
+}

frontend/static/css/webuploader.css

@@ -0,0 +1,28 @@
+.webuploader-container {
+	position: relative;
+}
+.webuploader-element-invisible {
+	position: absolute !important;
+	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px,1px,1px,1px);
+}
+.webuploader-pick {
+	position: relative;
+	display: inline-block;
+	cursor: pointer;
+	background: #00b7ee;
+	padding: 10px 15px;
+	color: #fff;
+	text-align: center;
+	border-radius: 3px;
+	overflow: hidden;
+}
+.webuploader-pick-hover {
+	background: #00a2d4;
+}
+
+.webuploader-pick-disable {
+	opacity: 0.6;
+	pointer-events:none;
+}
+

utils/shortcuts.py

@@ -1,12 +1,11 @@
 # coding=utf-8
 import os
 import hashlib
-import time
-import random
 import logging
 
 from django.shortcuts import render
 from django.core.paginator import Paginator
+from django.http import HttpResponseRedirect
 
 from rest_framework.response import Response
 
@@ -125,3 +124,7 @@ def build_query_string(kv_data, ignore_none=True):
             query_string = "?"
         query_string += (k + "=" + str(v))
     return query_string
+
+
+def redirect_to_login(request):
+    return HttpResponseRedirect("/login/?__from=" + urllib.quote(request.path))