(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{234:function(e,t,r){"use strict";r.r(t);var s=r(0),i=Object(s.a)({},function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"content"},[e._m(0),e._v(" "),e._m(1),e._v(" "),r("p",[e._v("This is a recurring question when you create web applications from scratch or\nusing a web framework. That's why Strapi provides a ready-to-use admin panel.")]),e._v(" "),e._m(2),e._v(" "),r("p",[e._v("This part is a summary of your application.")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),e._m(5),e._v(" "),r("p",[e._v("To try it, simply create a new API using the Studio or the CLI.\nThen restart the server and reload the web browser page.")]),e._v(" "),e._m(6),e._v(" "),e._m(7),e._v(" "),e._m(8),e._v(" "),r("p",[e._v("List, edit and delete the users information of your application.")]),e._v(" "),e._m(9),e._v(" "),r("p",[e._v("Each user can be related to one or many roles.")]),e._v(" "),e._m(10),e._v(" "),e._m(11),e._v(" "),r("p",[e._v("Strapi contains a security system based on the routes of your application.\nThe admin panel allows you to visualize the different routes of your server and\nto manage the security of each of them.")]),e._v(" "),e._m(12),e._v(" "),e._m(13),e._v(" "),e._m(14),e._v(" "),e._m(15),e._v(" "),r("p",[e._v("To build the admin panel:")]),e._v(" "),r("ul",[e._m(16),e._v(" "),e._m(17),e._v(" "),e._m(18),e._v(" "),r("li",[e._v("Visit "),r("a",{attrs:{href:"http://localhost:3002",target:"_blank",rel:"noopener noreferrer"}},[e._v("http://localhost:3002"),r("OutboundLink")],1),e._v(" from your web browser.")]),e._v(" "),e._m(19),e._v(" "),r("li",[e._v("Visit "),r("a",{attrs:{href:"http://localhost:1337/admin/",target:"_blank",rel:"noopener noreferrer"}},[e._v("http://localhost:1337/admin/"),r("OutboundLink")],1),e._v(".")])]),e._v(" "),e._m(20),e._v(" "),r("p",[r("strong",[e._v("NOTE:")]),e._v(" You can create your own "),r("code",[e._v("admin")]),e._v(" generator using the "),r("code",[e._v(".strapirc")]),e._v(" file.\n"),r("a",{attrs:{href:"http://strapi.io/documentation/customization",target:"_blank",rel:"noopener noreferrer"}},[e._v("Learn more how to use custom generators."),r("OutboundLink")],1)])])},[function(){var e=this.$createElement,t=this._self._c||e;return t("h1",{attrs:{id:"admin"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#admin","aria-hidden":"true"}},[this._v("#")]),this._v(" Admin")])},function(){var e=this.$createElement,t=this._self._c||e;return t("blockquote",[t("p",[this._v("Where is my data ?")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"dashboard"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dashboard","aria-hidden":"true"}},[this._v("#")]),this._v(" Dashboard")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("em",[this._v("Work in progress.")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"data-explorer"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#data-explorer","aria-hidden":"true"}},[this._v("#")]),this._v(" Data Explorer")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("The Data Explorer allows you to easily manage your data.\nThe UI is auto-generated depending on the "),t("code",[this._v("models")]),this._v(" of your application.\nSo, in just a few seconds, you are able to create, search, view, edit and\ndelete your data.")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("img",{attrs:{src:"http://strapi.io/assets/screenshots/create.png",alt:"Strapi Admin panel Screenshot Data Explorer",title:"Strapi Admin panel Screenshot Data Explorer"}})])},function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"users"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#users","aria-hidden":"true"}},[this._v("#")]),this._v(" Users")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"list-of-users"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#list-of-users","aria-hidden":"true"}},[this._v("#")]),this._v(" List of Users")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"roles"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#roles","aria-hidden":"true"}},[this._v("#")]),this._v(" Roles")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("The first registered user is automatically related to the "),t("code",[this._v("admin")]),this._v(" role.")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"permissions"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#permissions","aria-hidden":"true"}},[this._v("#")]),this._v(" Permissions")])},function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("ul",[r("li",[r("code",[e._v("Public")]),e._v(": no level of security (anyone can use the route).")]),e._v(" "),r("li",[r("code",[e._v("Registered")]),e._v(": the user has to be logged to use the route.")]),e._v(" "),r("li",[r("code",[e._v("Owner")]),e._v(": the user must be one of the "),r("code",[e._v("contributors")]),e._v(" of the "),r("code",[e._v("model")]),e._v(" updated or deleted.")]),e._v(" "),r("li",[r("code",[e._v("Admin")]),e._v(": only the users related to the "),r("code",[e._v("admin")]),e._v(" role are allowed to access the route.")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("img",{attrs:{src:"http://strapi.io/assets/screenshots/permissions.png",alt:"Strapi Admin panel Screenshot Permissions",title:"Strapi Admin panel Screenshot Permissions"}})])},function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"customization"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#customization","aria-hidden":"true"}},[this._v("#")]),this._v(" Customization")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("The admin panel is developed with Angular.js, using the John PAPA styleguide.\nYou can customize the admin from "),t("code",[this._v("./api/admin/public")]),this._v(" in your generated application.")])},function(){var e=this.$createElement,t=this._self._c||e;return t("li",[this._v("You need to install "),t("code",[this._v("bower")]),this._v(" and "),t("code",[this._v("gulp")]),this._v(" with "),t("code",[this._v("$ npm install gulp bower -g")]),this._v(".")])},function(){var e=this.$createElement,t=this._self._c||e;return t("li",[this._v("Run "),t("code",[this._v("$ npm install")]),this._v(" in this directory.")])},function(){var e=this.$createElement,t=this._self._c||e;return t("li",[this._v("Run "),t("code",[this._v("$ gulp serve")]),this._v(".")])},function(){var e=this.$createElement,t=this._self._c||e;return t("li",[this._v("When you are ready to use your customized admin panel, run "),t("code",[this._v("$ gulp dist")]),this._v(".\nThat will update the files in the following folder: "),t("code",[this._v("./api/admin/public/dist")]),this._v(".")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("If you change the default port (1337) of your server, you will have to update\n"),t("code",[this._v("./api/admin/public/config/config.json")]),this._v(" and then run "),t("code",[this._v("$ npm install && gulp dist")]),this._v("\nin "),t("code",[this._v("./api/admin/public")]),this._v(".")])}],!1,null,null,null);i.options.__file="admin.md";t.default=i.exports}}]);