添加编辑器
This commit is contained in:
parent
b0a5057630
commit
37dc4afd5b
@ -3,8 +3,10 @@
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use App\Http\Requests\TopicRequest;
|
||||
use App\Models\Category;
|
||||
use App\Models\Topic;
|
||||
use Illuminate\Http\Request;
|
||||
use Illuminate\Support\Facades\Auth;
|
||||
|
||||
class TopicsController extends Controller
|
||||
{
|
||||
@ -13,6 +15,12 @@ class TopicsController extends Controller
|
||||
$this->middleware('auth', ['except' => ['index', 'show']]);
|
||||
}
|
||||
|
||||
public function create(Topic $topic)
|
||||
{
|
||||
$categories = Category::all();
|
||||
return view('topics.create_and_edit', compact('topic', 'categories'));
|
||||
}
|
||||
|
||||
public function index(Request $request, Topic $topic)
|
||||
{
|
||||
$topics = $topic->with('user', 'category')->withOrder($request->order)->paginate();
|
||||
@ -24,14 +32,11 @@ class TopicsController extends Controller
|
||||
return view('topics.show', compact('topic'));
|
||||
}
|
||||
|
||||
public function create(Topic $topic)
|
||||
public function store(TopicRequest $request, Topic $topic)
|
||||
{
|
||||
return view('topics.create_and_edit', compact('topic'));
|
||||
}
|
||||
|
||||
public function store(TopicRequest $request)
|
||||
{
|
||||
$topic = Topic::create($request->all());
|
||||
$topic->fill($request->all());
|
||||
$topic->user_id = Auth::id();
|
||||
$topic->save();
|
||||
return redirect()->route('topics.show', $topic->id)->with('message', 'Created successfully.');
|
||||
}
|
||||
|
||||
|
||||
@ -11,7 +11,9 @@ class TopicRequest extends Request
|
||||
case 'POST':
|
||||
{
|
||||
return [
|
||||
// CREATE ROLES
|
||||
'title' => 'required|max:50',
|
||||
'category_id' => 'required|integer',
|
||||
'body' => 'required|min:3'
|
||||
];
|
||||
}
|
||||
// UPDATE
|
||||
@ -31,6 +33,15 @@ class TopicRequest extends Request
|
||||
}
|
||||
}
|
||||
|
||||
public function attributes()
|
||||
{
|
||||
return [
|
||||
'title' => '标题',
|
||||
'category_id' => '类别',
|
||||
'body' => '内容'
|
||||
];
|
||||
}
|
||||
|
||||
public function messages()
|
||||
{
|
||||
return [
|
||||
|
||||
@ -4,7 +4,7 @@ namespace App\Models;
|
||||
|
||||
class Topic extends Model
|
||||
{
|
||||
protected $fillable = ['"title', 'body', 'user_id', 'category_id', 'reply_count', 'view_count', 'last_reply_user_id', 'order', 'excerpt', 'slug'];
|
||||
protected $fillable = ['title', 'category_id', 'body', 'excerpt', 'slug'];
|
||||
|
||||
|
||||
public function scopeWithOrder($query, $order)
|
||||
|
||||
@ -14,6 +14,11 @@ class TopicObserver
|
||||
//
|
||||
}
|
||||
|
||||
public function saving(Topic $topic)
|
||||
{
|
||||
$topic->excerpt = make_excerpt($topic->body);
|
||||
}
|
||||
|
||||
public function updating(Topic $topic)
|
||||
{
|
||||
//
|
||||
|
||||
@ -9,8 +9,7 @@ class TopicPolicy extends Policy
|
||||
{
|
||||
public function update(User $user, Topic $topic)
|
||||
{
|
||||
// return $topic->user_id == $user->id;
|
||||
return true;
|
||||
return $topic->user_id == $user->id;
|
||||
}
|
||||
|
||||
public function destroy(User $user, Topic $topic)
|
||||
|
||||
@ -10,4 +10,16 @@
|
||||
function route_class()
|
||||
{
|
||||
return str_replace('.', '-', \Illuminate\Support\Facades\Route::currentRouteName());
|
||||
}
|
||||
|
||||
/**
|
||||
* seo
|
||||
* @param $value
|
||||
* @param int $length
|
||||
* @return string
|
||||
*/
|
||||
function make_excerpt($value, $length = 200)
|
||||
{
|
||||
$excerpt = trim(preg_replace('/\r\n|\r|\n+/', ' ', strip_tags($value)));
|
||||
return str_limit($excerpt, $length);
|
||||
}
|
||||
65
package-lock.json
generated
65
package-lock.json
generated
@ -9749,6 +9749,71 @@
|
||||
"integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
|
||||
"dev": true
|
||||
},
|
||||
"simditor": {
|
||||
"version": "2.3.6",
|
||||
"resolved": "https://registry.npmjs.org/simditor/-/simditor-2.3.6.tgz",
|
||||
"integrity": "sha1-unHtwxYfxDhGbDNsnBAFJ0NAOUc=",
|
||||
"requires": {
|
||||
"jquery": "2.1.4",
|
||||
"simple-hotkeys": "1.0.3",
|
||||
"simple-module": "2.0.6",
|
||||
"simple-uploader": "2.0.8"
|
||||
},
|
||||
"dependencies": {
|
||||
"jquery": {
|
||||
"version": "2.1.4",
|
||||
"resolved": "https://registry.npmjs.org/jquery/-/jquery-2.1.4.tgz",
|
||||
"integrity": "sha1-IoveaYoMYUMdwmMKahVPFYkNIxc="
|
||||
}
|
||||
}
|
||||
},
|
||||
"simple-hotkeys": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmjs.org/simple-hotkeys/-/simple-hotkeys-1.0.3.tgz",
|
||||
"integrity": "sha1-R6W8NTYspzOWEb0JqE+jeBiwu8Y=",
|
||||
"requires": {
|
||||
"jquery": "2.2.4",
|
||||
"simple-module": "2.0.6"
|
||||
},
|
||||
"dependencies": {
|
||||
"jquery": {
|
||||
"version": "2.2.4",
|
||||
"resolved": "https://registry.npmjs.org/jquery/-/jquery-2.2.4.tgz",
|
||||
"integrity": "sha1-LInWiJterFIqfuoywUUhVZxsvwI="
|
||||
}
|
||||
}
|
||||
},
|
||||
"simple-module": {
|
||||
"version": "2.0.6",
|
||||
"resolved": "https://registry.npmjs.org/simple-module/-/simple-module-2.0.6.tgz",
|
||||
"integrity": "sha1-zsglAyX4x/V19Kp1yRmzg5amA3s=",
|
||||
"requires": {
|
||||
"jquery": "2.2.4"
|
||||
},
|
||||
"dependencies": {
|
||||
"jquery": {
|
||||
"version": "2.2.4",
|
||||
"resolved": "https://registry.npmjs.org/jquery/-/jquery-2.2.4.tgz",
|
||||
"integrity": "sha1-LInWiJterFIqfuoywUUhVZxsvwI="
|
||||
}
|
||||
}
|
||||
},
|
||||
"simple-uploader": {
|
||||
"version": "2.0.8",
|
||||
"resolved": "https://registry.npmjs.org/simple-uploader/-/simple-uploader-2.0.8.tgz",
|
||||
"integrity": "sha1-X8QQbG2Wiws1MpPjsWCUqv3pV7o=",
|
||||
"requires": {
|
||||
"jquery": "2.2.4",
|
||||
"simple-module": "2.0.6"
|
||||
},
|
||||
"dependencies": {
|
||||
"jquery": {
|
||||
"version": "2.2.4",
|
||||
"resolved": "https://registry.npmjs.org/jquery/-/jquery-2.2.4.tgz",
|
||||
"integrity": "sha1-LInWiJterFIqfuoywUUhVZxsvwI="
|
||||
}
|
||||
}
|
||||
},
|
||||
"slash": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
|
||||
|
||||
@ -17,5 +17,8 @@
|
||||
"laravel-mix": "^1.0",
|
||||
"lodash": "^4.17.4",
|
||||
"vue": "^2.5.7"
|
||||
},
|
||||
"dependencies": {
|
||||
"simditor": "^2.3.6"
|
||||
}
|
||||
}
|
||||
|
||||
865
public/css/simditor.css
vendored
Normal file
865
public/css/simditor.css
vendored
Normal file
File diff suppressed because one or more lines are too long
254
public/js/hotkeys.js
vendored
Normal file
254
public/js/hotkeys.js
vendored
Normal file
@ -0,0 +1,254 @@
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define('simple-hotkeys', ["jquery", "simple-module"], function ($, SimpleModule) {
|
||||
return (root['hotkeys'] = factory($, SimpleModule));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require("jquery"), require("simple-module"));
|
||||
} else {
|
||||
root.simple = root.simple || {};
|
||||
root.simple['hotkeys'] = factory(jQuery, SimpleModule);
|
||||
}
|
||||
}(this, function ($, SimpleModule) {
|
||||
|
||||
var Hotkeys, hotkeys,
|
||||
extend = function (child, parent) {
|
||||
for (var key in parent) {
|
||||
if (hasProp.call(parent, key)) child[key] = parent[key];
|
||||
}
|
||||
|
||||
function ctor() {
|
||||
this.constructor = child;
|
||||
}
|
||||
|
||||
ctor.prototype = parent.prototype;
|
||||
child.prototype = new ctor();
|
||||
child.__super__ = parent.prototype;
|
||||
return child;
|
||||
},
|
||||
hasProp = {}.hasOwnProperty;
|
||||
|
||||
Hotkeys = (function (superClass) {
|
||||
extend(Hotkeys, superClass);
|
||||
|
||||
function Hotkeys() {
|
||||
return Hotkeys.__super__.constructor.apply(this, arguments);
|
||||
}
|
||||
|
||||
Hotkeys.count = 0;
|
||||
|
||||
Hotkeys.keyNameMap = {
|
||||
8: "Backspace",
|
||||
9: "Tab",
|
||||
13: "Enter",
|
||||
16: "Shift",
|
||||
17: "Control",
|
||||
18: "Alt",
|
||||
19: "Pause",
|
||||
20: "CapsLock",
|
||||
27: "Esc",
|
||||
32: "Spacebar",
|
||||
33: "PageUp",
|
||||
34: "PageDown",
|
||||
35: "End",
|
||||
36: "Home",
|
||||
37: "Left",
|
||||
38: "Up",
|
||||
39: "Right",
|
||||
40: "Down",
|
||||
45: "Insert",
|
||||
46: "Del",
|
||||
91: "Meta",
|
||||
93: "Meta",
|
||||
48: "0",
|
||||
49: "1",
|
||||
50: "2",
|
||||
51: "3",
|
||||
52: "4",
|
||||
53: "5",
|
||||
54: "6",
|
||||
55: "7",
|
||||
56: "8",
|
||||
57: "9",
|
||||
65: "A",
|
||||
66: "B",
|
||||
67: "C",
|
||||
68: "D",
|
||||
69: "E",
|
||||
70: "F",
|
||||
71: "G",
|
||||
72: "H",
|
||||
73: "I",
|
||||
74: "J",
|
||||
75: "K",
|
||||
76: "L",
|
||||
77: "M",
|
||||
78: "N",
|
||||
79: "O",
|
||||
80: "P",
|
||||
81: "Q",
|
||||
82: "R",
|
||||
83: "S",
|
||||
84: "T",
|
||||
85: "U",
|
||||
86: "V",
|
||||
87: "W",
|
||||
88: "X",
|
||||
89: "Y",
|
||||
90: "Z",
|
||||
96: "0",
|
||||
97: "1",
|
||||
98: "2",
|
||||
99: "3",
|
||||
100: "4",
|
||||
101: "5",
|
||||
102: "6",
|
||||
103: "7",
|
||||
104: "8",
|
||||
105: "9",
|
||||
106: "Multiply",
|
||||
107: "Add",
|
||||
109: "Subtract",
|
||||
110: "Decimal",
|
||||
111: "Divide",
|
||||
112: "F1",
|
||||
113: "F2",
|
||||
114: "F3",
|
||||
115: "F4",
|
||||
116: "F5",
|
||||
117: "F6",
|
||||
118: "F7",
|
||||
119: "F8",
|
||||
120: "F9",
|
||||
121: "F10",
|
||||
122: "F11",
|
||||
123: "F12",
|
||||
124: "F13",
|
||||
125: "F14",
|
||||
126: "F15",
|
||||
127: "F16",
|
||||
128: "F17",
|
||||
129: "F18",
|
||||
130: "F19",
|
||||
131: "F20",
|
||||
132: "F21",
|
||||
133: "F22",
|
||||
134: "F23",
|
||||
135: "F24",
|
||||
59: ";",
|
||||
61: "=",
|
||||
186: ";",
|
||||
187: "=",
|
||||
188: ",",
|
||||
190: ".",
|
||||
191: "/",
|
||||
192: "`",
|
||||
219: "[",
|
||||
220: "\\",
|
||||
221: "]",
|
||||
222: "'"
|
||||
};
|
||||
|
||||
Hotkeys.aliases = {
|
||||
"escape": "esc",
|
||||
"delete": "del",
|
||||
"return": "enter",
|
||||
"ctrl": "control",
|
||||
"space": "spacebar",
|
||||
"ins": "insert",
|
||||
"cmd": "meta",
|
||||
"command": "meta",
|
||||
"wins": "meta",
|
||||
"windows": "meta"
|
||||
};
|
||||
|
||||
Hotkeys.normalize = function (shortcut) {
|
||||
var i, j, key, keyname, keys, len;
|
||||
keys = shortcut.toLowerCase().replace(/\s+/gi, "").split("+");
|
||||
for (i = j = 0, len = keys.length; j < len; i = ++j) {
|
||||
key = keys[i];
|
||||
keys[i] = this.aliases[key] || key;
|
||||
}
|
||||
keyname = keys.pop();
|
||||
keys.sort().push(keyname);
|
||||
return keys.join("_");
|
||||
};
|
||||
|
||||
Hotkeys.prototype.opts = {
|
||||
el: document
|
||||
};
|
||||
|
||||
Hotkeys.prototype._init = function () {
|
||||
this.id = ++this.constructor.count;
|
||||
this._map = {};
|
||||
this._delegate = typeof this.opts.el === "string" ? document : this.opts.el;
|
||||
return $(this._delegate).on("keydown.simple-hotkeys-" + this.id, this.opts.el, (function (_this) {
|
||||
return function (e) {
|
||||
var ref;
|
||||
return (ref = _this._getHander(e)) != null ? ref.call(_this, e) : void 0;
|
||||
};
|
||||
})(this));
|
||||
};
|
||||
|
||||
Hotkeys.prototype._getHander = function (e) {
|
||||
var keyname, shortcut;
|
||||
if (!(keyname = this.constructor.keyNameMap[e.which])) {
|
||||
return;
|
||||
}
|
||||
shortcut = "";
|
||||
if (e.altKey) {
|
||||
shortcut += "alt_";
|
||||
}
|
||||
if (e.ctrlKey) {
|
||||
shortcut += "control_";
|
||||
}
|
||||
if (e.metaKey) {
|
||||
shortcut += "meta_";
|
||||
}
|
||||
if (e.shiftKey) {
|
||||
shortcut += "shift_";
|
||||
}
|
||||
shortcut += keyname.toLowerCase();
|
||||
return this._map[shortcut];
|
||||
};
|
||||
|
||||
Hotkeys.prototype.respondTo = function (subject) {
|
||||
if (typeof subject === 'string') {
|
||||
return this._map[this.constructor.normalize(subject)] != null;
|
||||
} else {
|
||||
return this._getHander(subject) != null;
|
||||
}
|
||||
};
|
||||
|
||||
Hotkeys.prototype.add = function (shortcut, handler) {
|
||||
this._map[this.constructor.normalize(shortcut)] = handler;
|
||||
return this;
|
||||
};
|
||||
|
||||
Hotkeys.prototype.remove = function (shortcut) {
|
||||
delete this._map[this.constructor.normalize(shortcut)];
|
||||
return this;
|
||||
};
|
||||
|
||||
Hotkeys.prototype.destroy = function () {
|
||||
$(this._delegate).off(".simple-hotkeys-" + this.id);
|
||||
this._map = {};
|
||||
return this;
|
||||
};
|
||||
|
||||
return Hotkeys;
|
||||
|
||||
})(SimpleModule);
|
||||
|
||||
hotkeys = function (opts) {
|
||||
return new Hotkeys(opts);
|
||||
};
|
||||
|
||||
return hotkeys;
|
||||
|
||||
}));
|
||||
|
||||
173
public/js/module.js
vendored
Normal file
173
public/js/module.js
vendored
Normal file
@ -0,0 +1,173 @@
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define('simple-module', ["jquery"], function (a0) {
|
||||
return (root['Module'] = factory(a0));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require("jquery"));
|
||||
} else {
|
||||
root['SimpleModule'] = factory(jQuery);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
var Module,
|
||||
slice = [].slice;
|
||||
|
||||
Module = (function () {
|
||||
Module.extend = function (obj) {
|
||||
var key, ref, val;
|
||||
if (!((obj != null) && typeof obj === 'object')) {
|
||||
return;
|
||||
}
|
||||
for (key in obj) {
|
||||
val = obj[key];
|
||||
if (key !== 'included' && key !== 'extended') {
|
||||
this[key] = val;
|
||||
}
|
||||
}
|
||||
return (ref = obj.extended) != null ? ref.call(this) : void 0;
|
||||
};
|
||||
|
||||
Module.include = function (obj) {
|
||||
var key, ref, val;
|
||||
if (!((obj != null) && typeof obj === 'object')) {
|
||||
return;
|
||||
}
|
||||
for (key in obj) {
|
||||
val = obj[key];
|
||||
if (key !== 'included' && key !== 'extended') {
|
||||
this.prototype[key] = val;
|
||||
}
|
||||
}
|
||||
return (ref = obj.included) != null ? ref.call(this) : void 0;
|
||||
};
|
||||
|
||||
Module.connect = function (cls) {
|
||||
if (typeof cls !== 'function') {
|
||||
return;
|
||||
}
|
||||
if (!cls.pluginName) {
|
||||
throw new Error('Module.connect: cannot connect plugin without pluginName');
|
||||
return;
|
||||
}
|
||||
cls.prototype._connected = true;
|
||||
if (!this._connectedClasses) {
|
||||
this._connectedClasses = [];
|
||||
}
|
||||
this._connectedClasses.push(cls);
|
||||
if (cls.pluginName) {
|
||||
return this[cls.pluginName] = cls;
|
||||
}
|
||||
};
|
||||
|
||||
Module.prototype.opts = {};
|
||||
|
||||
function Module(opts) {
|
||||
var base, cls, i, instance, instances, len, name;
|
||||
this.opts = $.extend({}, this.opts, opts);
|
||||
(base = this.constructor)._connectedClasses || (base._connectedClasses = []);
|
||||
instances = (function () {
|
||||
var i, len, ref, results;
|
||||
ref = this.constructor._connectedClasses;
|
||||
results = [];
|
||||
for (i = 0, len = ref.length; i < len; i++) {
|
||||
cls = ref[i];
|
||||
name = cls.pluginName.charAt(0).toLowerCase() + cls.pluginName.slice(1);
|
||||
if (cls.prototype._connected) {
|
||||
cls.prototype._module = this;
|
||||
}
|
||||
results.push(this[name] = new cls());
|
||||
}
|
||||
return results;
|
||||
}).call(this);
|
||||
if (this._connected) {
|
||||
this.opts = $.extend({}, this.opts, this._module.opts);
|
||||
} else {
|
||||
this._init();
|
||||
for (i = 0, len = instances.length; i < len; i++) {
|
||||
instance = instances[i];
|
||||
if (typeof instance._init === "function") {
|
||||
instance._init();
|
||||
}
|
||||
}
|
||||
}
|
||||
this.trigger('initialized');
|
||||
}
|
||||
|
||||
Module.prototype._init = function () {
|
||||
};
|
||||
|
||||
Module.prototype.on = function () {
|
||||
var args, ref;
|
||||
args = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
||||
(ref = $(this)).on.apply(ref, args);
|
||||
return this;
|
||||
};
|
||||
|
||||
Module.prototype.one = function () {
|
||||
var args, ref;
|
||||
args = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
||||
(ref = $(this)).one.apply(ref, args);
|
||||
return this;
|
||||
};
|
||||
|
||||
Module.prototype.off = function () {
|
||||
var args, ref;
|
||||
args = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
||||
(ref = $(this)).off.apply(ref, args);
|
||||
return this;
|
||||
};
|
||||
|
||||
Module.prototype.trigger = function () {
|
||||
var args, ref;
|
||||
args = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
||||
(ref = $(this)).trigger.apply(ref, args);
|
||||
return this;
|
||||
};
|
||||
|
||||
Module.prototype.triggerHandler = function () {
|
||||
var args, ref;
|
||||
args = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
||||
return (ref = $(this)).triggerHandler.apply(ref, args);
|
||||
};
|
||||
|
||||
Module.prototype._t = function () {
|
||||
var args, ref;
|
||||
args = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
||||
return (ref = this.constructor)._t.apply(ref, args);
|
||||
};
|
||||
|
||||
Module._t = function () {
|
||||
var args, key, ref, result;
|
||||
key = arguments[0], args = 2 <= arguments.length ? slice.call(arguments, 1) : [];
|
||||
result = ((ref = this.i18n[this.locale]) != null ? ref[key] : void 0) || '';
|
||||
if (!(args.length > 0)) {
|
||||
return result;
|
||||
}
|
||||
result = result.replace(/([^%]|^)%(?:(\d+)\$)?s/g, function (p0, p, position) {
|
||||
if (position) {
|
||||
return p + args[parseInt(position) - 1];
|
||||
} else {
|
||||
return p + args.shift();
|
||||
}
|
||||
});
|
||||
return result.replace(/%%s/g, '%s');
|
||||
};
|
||||
|
||||
Module.i18n = {
|
||||
'zh-CN': {}
|
||||
};
|
||||
|
||||
Module.locale = 'zh-CN';
|
||||
|
||||
return Module;
|
||||
|
||||
})();
|
||||
|
||||
return Module;
|
||||
|
||||
}));
|
||||
5639
public/js/simditor.js
vendored
Normal file
5639
public/js/simditor.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
274
public/js/uploader.js
vendored
Normal file
274
public/js/uploader.js
vendored
Normal file
@ -0,0 +1,274 @@
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define('simple-uploader', ["jquery", "simple-module"], function ($, SimpleModule) {
|
||||
return (root['uploader'] = factory($, SimpleModule));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require("jquery"), require("simple-module"));
|
||||
} else {
|
||||
root.simple = root.simple || {};
|
||||
root.simple['uploader'] = factory(jQuery, SimpleModule);
|
||||
}
|
||||
}(this, function ($, SimpleModule) {
|
||||
|
||||
var Uploader, uploader,
|
||||
extend = function (child, parent) {
|
||||
for (var key in parent) {
|
||||
if (hasProp.call(parent, key)) child[key] = parent[key];
|
||||
}
|
||||
|
||||
function ctor() {
|
||||
this.constructor = child;
|
||||
}
|
||||
|
||||
ctor.prototype = parent.prototype;
|
||||
child.prototype = new ctor();
|
||||
child.__super__ = parent.prototype;
|
||||
return child;
|
||||
},
|
||||
hasProp = {}.hasOwnProperty;
|
||||
|
||||
Uploader = (function (superClass) {
|
||||
extend(Uploader, superClass);
|
||||
|
||||
function Uploader() {
|
||||
return Uploader.__super__.constructor.apply(this, arguments);
|
||||
}
|
||||
|
||||
Uploader.count = 0;
|
||||
|
||||
Uploader.prototype.opts = {
|
||||
url: '',
|
||||
params: null,
|
||||
fileKey: 'upload_file',
|
||||
connectionCount: 3
|
||||
};
|
||||
|
||||
Uploader.prototype._init = function () {
|
||||
this.files = [];
|
||||
this.queue = [];
|
||||
this.id = ++Uploader.count;
|
||||
this.on('uploadcomplete', (function (_this) {
|
||||
return function (e, file) {
|
||||
_this.files.splice($.inArray(file, _this.files), 1);
|
||||
if (_this.queue.length > 0 && _this.files.length < _this.opts.connectionCount) {
|
||||
return _this.upload(_this.queue.shift());
|
||||
} else if (_this.files.length === 0) {
|
||||
return _this.uploading = false;
|
||||
}
|
||||
};
|
||||
})(this));
|
||||
return $(window).on('beforeunload.uploader-' + this.id, (function (_this) {
|
||||
return function (e) {
|
||||
if (!_this.uploading) {
|
||||
return;
|
||||
}
|
||||
e.originalEvent.returnValue = _this._t('leaveConfirm');
|
||||
return _this._t('leaveConfirm');
|
||||
};
|
||||
})(this));
|
||||
};
|
||||
|
||||
Uploader.prototype.generateId = (function () {
|
||||
var id;
|
||||
id = 0;
|
||||
return function () {
|
||||
return id += 1;
|
||||
};
|
||||
})();
|
||||
|
||||
Uploader.prototype.upload = function (file, opts) {
|
||||
var f, i, key, len;
|
||||
if (opts == null) {
|
||||
opts = {};
|
||||
}
|
||||
if (file == null) {
|
||||
return;
|
||||
}
|
||||
if ($.isArray(file) || file instanceof FileList) {
|
||||
for (i = 0, len = file.length; i < len; i++) {
|
||||
f = file[i];
|
||||
this.upload(f, opts);
|
||||
}
|
||||
} else if ($(file).is('input:file')) {
|
||||
key = $(file).attr('name');
|
||||
if (key) {
|
||||
opts.fileKey = key;
|
||||
}
|
||||
this.upload($.makeArray($(file)[0].files), opts);
|
||||
} else if (!file.id || !file.obj) {
|
||||
file = this.getFile(file);
|
||||
}
|
||||
if (!(file && file.obj)) {
|
||||
return;
|
||||
}
|
||||
$.extend(file, opts);
|
||||
if (this.files.length >= this.opts.connectionCount) {
|
||||
this.queue.push(file);
|
||||
return;
|
||||
}
|
||||
if (this.triggerHandler('beforeupload', [file]) === false) {
|
||||
return;
|
||||
}
|
||||
this.files.push(file);
|
||||
this._xhrUpload(file);
|
||||
return this.uploading = true;
|
||||
};
|
||||
|
||||
Uploader.prototype.getFile = function (fileObj) {
|
||||
var name, ref, ref1;
|
||||
if (fileObj instanceof window.File || fileObj instanceof window.Blob) {
|
||||
name = (ref = fileObj.fileName) != null ? ref : fileObj.name;
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
return {
|
||||
id: this.generateId(),
|
||||
url: this.opts.url,
|
||||
params: this.opts.params,
|
||||
fileKey: this.opts.fileKey,
|
||||
name: name,
|
||||
size: (ref1 = fileObj.fileSize) != null ? ref1 : fileObj.size,
|
||||
ext: name ? name.split('.').pop().toLowerCase() : '',
|
||||
obj: fileObj
|
||||
};
|
||||
};
|
||||
|
||||
Uploader.prototype._xhrUpload = function (file) {
|
||||
var formData, k, ref, v;
|
||||
formData = new FormData();
|
||||
formData.append(file.fileKey, file.obj);
|
||||
formData.append("original_filename", file.name);
|
||||
if (file.params) {
|
||||
ref = file.params;
|
||||
for (k in ref) {
|
||||
v = ref[k];
|
||||
formData.append(k, v);
|
||||
}
|
||||
}
|
||||
return file.xhr = $.ajax({
|
||||
url: file.url,
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
type: 'POST',
|
||||
headers: {
|
||||
'X-File-Name': encodeURIComponent(file.name)
|
||||
},
|
||||
xhr: function () {
|
||||
var req;
|
||||
req = $.ajaxSettings.xhr();
|
||||
if (req) {
|
||||
req.upload.onprogress = (function (_this) {
|
||||
return function (e) {
|
||||
return _this.progress(e);
|
||||
};
|
||||
})(this);
|
||||
}
|
||||
return req;
|
||||
},
|
||||
progress: (function (_this) {
|
||||
return function (e) {
|
||||
if (!e.lengthComputable) {
|
||||
return;
|
||||
}
|
||||
return _this.trigger('uploadprogress', [file, e.loaded, e.total]);
|
||||
};
|
||||
})(this),
|
||||
error: (function (_this) {
|
||||
return function (xhr, status, err) {
|
||||
return _this.trigger('uploaderror', [file, xhr, status]);
|
||||
};
|
||||
})(this),
|
||||
success: (function (_this) {
|
||||
return function (result) {
|
||||
_this.trigger('uploadprogress', [file, file.size, file.size]);
|
||||
_this.trigger('uploadsuccess', [file, result]);
|
||||
return $(document).trigger('uploadsuccess', [file, result, _this]);
|
||||
};
|
||||
})(this),
|
||||
complete: (function (_this) {
|
||||
return function (xhr, status) {
|
||||
return _this.trigger('uploadcomplete', [file, xhr.responseText]);
|
||||
};
|
||||
})(this)
|
||||
});
|
||||
};
|
||||
|
||||
Uploader.prototype.cancel = function (file) {
|
||||
var f, i, len, ref;
|
||||
if (!file.id) {
|
||||
ref = this.files;
|
||||
for (i = 0, len = ref.length; i < len; i++) {
|
||||
f = ref[i];
|
||||
if (f.id === file * 1) {
|
||||
file = f;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
this.trigger('uploadcancel', [file]);
|
||||
if (file.xhr) {
|
||||
file.xhr.abort();
|
||||
}
|
||||
return file.xhr = null;
|
||||
};
|
||||
|
||||
Uploader.prototype.readImageFile = function (fileObj, callback) {
|
||||
var fileReader, img;
|
||||
if (!$.isFunction(callback)) {
|
||||
return;
|
||||
}
|
||||
img = new Image();
|
||||
img.onload = function () {
|
||||
return callback(img);
|
||||
};
|
||||
img.onerror = function () {
|
||||
return callback();
|
||||
};
|
||||
if (window.FileReader && FileReader.prototype.readAsDataURL && /^image/.test(fileObj.type)) {
|
||||
fileReader = new FileReader();
|
||||
fileReader.onload = function (e) {
|
||||
return img.src = e.target.result;
|
||||
};
|
||||
return fileReader.readAsDataURL(fileObj);
|
||||
} else {
|
||||
return callback();
|
||||
}
|
||||
};
|
||||
|
||||
Uploader.prototype.destroy = function () {
|
||||
var file, i, len, ref;
|
||||
this.queue.length = 0;
|
||||
ref = this.files;
|
||||
for (i = 0, len = ref.length; i < len; i++) {
|
||||
file = ref[i];
|
||||
this.cancel(file);
|
||||
}
|
||||
$(window).off('.uploader-' + this.id);
|
||||
return $(document).off('.uploader-' + this.id);
|
||||
};
|
||||
|
||||
Uploader.i18n = {
|
||||
'zh-CN': {
|
||||
leaveConfirm: '正在上传文件，如果离开上传会自动取消'
|
||||
}
|
||||
};
|
||||
|
||||
Uploader.locale = 'zh-CN';
|
||||
|
||||
return Uploader;
|
||||
|
||||
})(SimpleModule);
|
||||
|
||||
uploader = function (opts) {
|
||||
return new Uploader(opts);
|
||||
};
|
||||
|
||||
return uploader;
|
||||
|
||||
}));
|
||||
@ -39,6 +39,12 @@
|
||||
<li><a href="{{route('login')}}">登录</a></li>
|
||||
<li><a href="{{route('register')}}">注册</a></li>
|
||||
@else
|
||||
<li>
|
||||
<a href="{{ route('topics.create') }}">
|
||||
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
||||
<span class="user-avatar pull-left" style="margin-right:8px; margin-top:-5px;">
|
||||
|
||||
@ -12,6 +12,9 @@
|
||||
|
||||
<!-- Styles -->
|
||||
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
|
||||
@yield('styles')
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -30,5 +33,6 @@
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="{{ asset('js/app.js') }}"></script>
|
||||
@yield('scripts')
|
||||
</body>
|
||||
</html>
|
||||
@ -1,3 +1,8 @@
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body"> 右边导航栏</div>
|
||||
<div class="panel-body">
|
||||
<a href="{{ route('topics.create') }}" class="btn btn-success btn-block"
|
||||
aria-label="Left Align">
|
||||
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 新建帖子
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,25 +1,42 @@
|
||||
@extends('layouts.app')
|
||||
@section('styles')
|
||||
<link rel="stylesheet" type="text/css" href="{{ asset('css/simditor.css') }}">
|
||||
@stop
|
||||
@section('scripts')
|
||||
<script type="text/javascript" src="{{ asset('js/module.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('js/hotkeys.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('js/uploader.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('js/simditor.js') }}"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
var editor = new Simditor({
|
||||
textarea: $('#editor')
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
@stop
|
||||
@section('content')
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-md-offset-1">
|
||||
<div class="panel panel-default">
|
||||
|
||||
<div class="panel-heading">
|
||||
<h1>
|
||||
<i class="glyphicon glyphicon-edit"></i> Topic /
|
||||
@if($topic->id)
|
||||
Edit #{{$topic->id}}
|
||||
@else
|
||||
Create
|
||||
@endif
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
@include('common.error')
|
||||
|
||||
<div class="panel-body">
|
||||
<h2 class="text-center">
|
||||
<i class="glyphicon glyphicon-edit"></i>
|
||||
@if($topic->id)
|
||||
编辑话题
|
||||
@else
|
||||
新建话题
|
||||
@endif
|
||||
</h2>
|
||||
|
||||
<hr>
|
||||
|
||||
@include('common.error')
|
||||
|
||||
@if($topic->id)
|
||||
<form action="{{ route('topics.update', $topic->id) }}" method="POST" accept-charset="UTF-8">
|
||||
<input type="hidden" name="_method" value="PUT">
|
||||
@ -27,67 +44,31 @@
|
||||
<form action="{{ route('topics.store') }}" method="POST" accept-charset="UTF-8">
|
||||
@endif
|
||||
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
||||
|
||||
{{csrf_field()}}
|
||||
<div class="form-group">
|
||||
<input class="form-control" type="text" name="title"
|
||||
value="{{ old('title', $topic->title ) }}" placeholder="请填写标题" required/>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="title-field">"title</label>
|
||||
<input class="form-control" type="text" name="title" id=title-field"
|
||||
value="{{ old('"title', $topic->title ) }}"/>
|
||||
<select class="form-control" name="category_id" required>
|
||||
<option value="" hidden disabled selected>请选择分类</option>
|
||||
@foreach ($categories as $value)
|
||||
<option value="{{ $value->id }}">{{ $value->name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="body-field">Body</label>
|
||||
<textarea name="body" id="body-field" class="form-control"
|
||||
rows="3">{{ old('body', $topic->body ) }}</textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="user_id-field">User_id</label>
|
||||
<input class="form-control" type="text" name="user_id" id="user_id-field"
|
||||
value="{{ old('user_id', $topic->user_id ) }}"/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="category_id-field">Category_id</label>
|
||||
<input class="form-control" type="text" name="category_id"
|
||||
id="category_id-field"
|
||||
value="{{ old('category_id', $topic->category_id ) }}"/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="reply_count-field">Reply_count</label>
|
||||
<input class="form-control" type="text" name="reply_count"
|
||||
id="reply_count-field"
|
||||
value="{{ old('reply_count', $topic->reply_count ) }}"/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="view_count-field">View_count</label>
|
||||
<input class="form-control" type="text" name="view_count" id="view_count-field"
|
||||
value="{{ old('view_count', $topic->view_count ) }}"/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="last_reply_user_id-field">Last_reply_user_id</label>
|
||||
<input class="form-control" type="text" name="last_reply_user_id"
|
||||
id="last_reply_user_id-field"
|
||||
value="{{ old('last_reply_user_id', $topic->last_reply_user_id ) }}"/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="order-field">Order</label>
|
||||
<input class="form-control" type="text" name="order" id="order-field"
|
||||
value="{{ old('order', $topic->order ) }}"/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="excerpt-field">Excerpt</label>
|
||||
<textarea name="excerpt" id="excerpt-field" class="form-control"
|
||||
rows="3">{{ old('excerpt', $topic->excerpt ) }}</textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="slug-field">Slug</label>
|
||||
<input class="form-control" type="text" name="slug" id="slug-field"
|
||||
value="{{ old('slug', $topic->slug ) }}"/>
|
||||
<textarea name="body" class="form-control" id="editor" rows="3"
|
||||
placeholder="请填入至少三个字符的内容。"
|
||||
required>{{ old('body', $topic->body ) }}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="well well-sm">
|
||||
<button type="submit" class="btn btn-primary">Save</button>
|
||||
<a class="btn btn-link pull-right" href="{{ route('topics.index') }}"><i
|
||||
class="glyphicon glyphicon-backward"></i> Back</a>
|
||||
<button type="submit" class="btn btn-primary"><span
|
||||
class="glyphicon glyphicon-ok" aria-hidden="true"></span> 保存
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -95,4 +76,4 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@endsection
|
||||
|
||||
4
webpack.mix.js
vendored
4
webpack.mix.js
vendored
@ -12,4 +12,6 @@ let mix = require('laravel-mix');
|
||||
*/
|
||||
|
||||
mix.js('resources/assets/js/app.js', 'public/js')
|
||||
.sass('resources/assets/sass/app.scss', 'public/css');
|
||||
.sass('resources/assets/sass/app.scss', 'public/css')
|
||||
.copyDirectory('resources/assets/editor/js', 'public/js')
|
||||
.copyDirectory('resources/assets/editor/css', 'public/css');
|
||||
|
||||
Loading…
Reference in New Issue
Block a user