TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-29 07:09:48 +03:00
Code Issues Projects Releases Wiki Activity
e18457cebe
Ghost/ghost/admin/app/html/apps.html

306 lines
19 KiB
HTML
Raw Normal View History

First pass on app management UI
2015-05-25 18:57:14 +03:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Apps</title>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,700" />
<link rel="stylesheet" href="file:///Users/John/Sites/Ghost/core/built/assets/vendor.css" />
<link rel="stylesheet" href="file:///Users/John/Sites/Ghost/core/built/assets/ghost.css" />
</head>
<body class="ember-application settings settings-view-general" data-apps="false" data-filestorage="true" data-blogurl="http://127.0.0.1:2368">
Better flexbox grids
2015-06-02 12:19:35 +03:00
<div id="ember725" class="ember-view gh-app"><a class="sr-only sr-only-focusable" href="#gh-main">Skip to main content</a>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<aside id="ember749" class="ember-view gh-alerts"><!----></aside>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<div class="gh-viewport">
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<nav class="gh-nav">
<header id="ember783" class="ember-view gh-nav-menu closed" role="button"> <div class="gh-nav-menu-icon" style="background-image: url(https://s3.amazonaws.com/f.cl.ly/items/3I0g431b2b3q00253K1V/d16dc430c9c4f5c09d6ca09be3e5c72fdb21c1ac.png)"></div>
<div class="gh-nav-menu-details">
<div class="gh-nav-menu-details-blog">Ghost</div>
<div class="gh-nav-menu-details-user">John Thing</div>
</div>
<i class="icon-arrow"></i>
</header><div id="ember792" class="ember-view ghost-dropdown dropdown closed fade-out"> <ul class="dropdown-menu dropdown-triangle-top js-user-menu-dropdown-menu" role="menu" style="right:-50%;left:auto;margin-right:40px">
<li role="presentation"><a id="ember810" class="ember-view gh-nav-menu-about dropdown-item js-nav-item" href="/ghost/settings/about/" tabindex="-1"><i class="icon-gh"></i> About Ghost</a></li>
<li class="divider"></li>
<li role="presentation"><a id="ember811" class="ember-view dropdown-item user-menu-profile js-nav-item" href="/ghost/settings/users/john/" tabindex="-1"><i class="icon-user"></i> Your Profile</a></li>
<li class="divider"></li>
<li role="presentation"><a id="ember812" class="ember-view dropdown-item user-menu-signout" href="/ghost/signout/" tabindex="-1"><i class="icon-signout"></i> Sign Out</a></li>
</ul>
</div> <section class="gh-nav-body">
<section class="gh-nav-search">
<input class="gh-nav-search-input gh-input" type="text" placeholder="Search">
<button class="gh-nav-search-button"><i class="icon-search"></i><span class="sr-only">Search</span></button>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</section>
Better flexbox grids
2015-06-02 12:19:35 +03:00
<ul class="gh-nav-list gh-nav-main">
<li><a id="ember796" class="ember-view gh-nav-main-editor" href="/ghost/editor/"><i class="icon-pen"></i>New Post</a></li>
<li><a id="ember797" class="ember-view gh-nav-main-content" href="/ghost/"><i class="icon-content"></i>Content</a></li>
<li><a id="ember798" class="ember-view gh-nav-main-users" href="/ghost/settings/users/"><i class="icon-team"></i>Team</a></li>
</ul>
<ul class="gh-nav-list gh-nav-settings">
<li class="gh-nav-list-h">Settings</li>
<li><a id="ember799" class="ember-view gh-nav-settings-general" href="/ghost/settings/general/"><i class="icon-settings"></i>General</a></li>
<li><a id="ember800" class="ember-view gh-nav-settings-navigation" href="/ghost/settings/navigation/"><i class="icon-compass"></i>Navigation</a></li>
<li><a id="ember801" class="ember-view gh-nav-settings-tags" href="/ghost/settings/tags/"><i class="icon-tag"></i>Tags</a></li>
<li><a id="ember802" class="ember-view gh-nav-settings-code-injection" href="/ghost/settings/code-injection/"><i class="icon-code"></i>Code Injection</a></li>
Slack integration closes #6584 - Frontend Changes: - adds 'Apps' to Navigation Menu - adds 'Slack' as nested page to Apps - adds `apps.css` - adds `slack-integration` model and uses `slack-settings` custom transform to parse JSON file - adds validation for `slack` model - adds fixtures and `slack/test` API endpoint to Mirage - adds acceptance tests for `apps-test` and `slack-test` - adds unit tests for `slack-settings` and `slack-integration` - Backend Changes: - adds API endpoint `slack/test` to send Test Notification - adds default-values for slack model - sends payload to slack: - text: the url of the blogpost / test message - icon_url: url to ghost logo - username: Ghost - adds `slack/index.js` to send webhook to slack if - a new post is published (if slack webhook url is saved in settings) - user clicks on 'Send Test Notification' in UI - adds `slack.init()` to `server.index.js` to add event listener - adds unit test for `slack/index`
2016-03-29 11:40:44 +03:00
<li><a id="ember803" class="ember-view gh-nav-settings-labs" href="/ghost/settings/labs/"><i class="icon-labs"></i>Labs</a></li>
<li><a id="ember804" class="ember-view gh-nav-settings-apps active" href="/ghost/settings/apps/"><i class="icon-apps"></i>Apps</a></li>
Better flexbox grids
2015-06-02 12:19:35 +03:00
</ul>
</section>
<footer class="gh-nav-footer">
<div class="gh-autonav-toggle">
<i class="icon-minimise"></i>
</div>
<a class="gh-nav-footer-sitelink" target="_blank" href="http://localhost:2368/">View blog <i class="icon-external"></i></a>
<div class="gh-help-menu">
<div id="ember804" class="ember-view closed" role="button"> <div class="gh-help-button">
<i class="icon-question"><span class="hidden">Help</span></i>
</div>
</div><div id="ember805" class="ember-view ghost-dropdown dropdown closed fade-out"> <ul class="dropdown-menu dropdown-triangle-bottom" role="menu">
<li role="presentation"><a class="dropdown-item help-menu-support" role="menuitem" tabindex="-1" href="http://support.ghost.org/" target="_blank"><i class="icon-ambulance"></i> Support Center</a></li>
<li role="presentation"><a class="dropdown-item help-menu-tweet" role="menuitem" tabindex="-1" href="https://twitter.com/intent/tweet?text=%40TryGhost+Hi%21+Can+you+help+me+with+&amp;related=TryGhost" target="_blank" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"><i class="icon-twitter"></i> Tweet @TryGhost!</a></li>
<li class="divider"></li>
<li role="presentation"><a class="dropdown-item help-menu-how-to" role="menuitem" tabindex="-1" href="http://support.ghost.org/how-to-use-ghost/" target="_blank"><i class="icon-book"></i> How to Use Ghost</a></li>
<li role="presentation"><a class="dropdown-item help-menu-markdown" role="menuitem" tabindex="-1" href="" data-ember-action="1036"><i class="icon-markdown"></i> Markdown Help</a></li>
<li class="divider"></li>
<li role="presentation"><a class="dropdown-item help-menu-wishlist" role="menuitem" tabindex="-1" href="http://ideas.ghost.org/" target="_blank"><i class="icon-idea"></i> Wishlist</a></li>
</ul>
</div> </div>
</footer>
</nav>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<main id="gh-main" class="gh-main" role="main" data-notification-count="0">
<section id="ember1308" class="ember-view gh-view js-settings-content"><header class="view-header">
<h2 class="view-title">Apps</h2>
<section class="view-actions">
<input id="blog-title" class="gh-input package-filter" type="text" name="general[title]" placeholder="Filter apps by name">
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
</section>
</header>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<section class="view-content">
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<div class="package-grid package-grid-apps">
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<div class="package-grid-cell">
<article class="package-card-app" data-href="/app/">
<div class="package-card-content">
<figure class="package-card-app-icon" style="background-image:url(https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg)"></figure>
<div class="package-card-meta">
<h3 class="package-card-app-title">Ghost</h3>
<div class="package-card-stats">
<div class="package-downloads">
<i class="icon-download"></i>
<span class="package-download-count">14,301</span>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
<p class="package-card-app-desc">A UI theme that offers endless possibilities: one Atom, many Isotopes ;) Isotope adapts to match any syntax theme.</p>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
</div>
<footer class="package-card-footer">
<a class="package-developer" href="#" target="_blank">
<img src="https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg" alt="developer" />
<span class="package-developer-name">GhostFoundation1</span>
</a>
<div class="package-controls">
<a class="package-settings package-controls-button" href="#"><i class="icon-settings"></i>Settings</a>
<a class="package-uninstall package-controls-button" href="#"><i class="icon-trash"></i>Uninstall</a>
<a class="package-disable package-controls-button" href="#"><i class="icon-pause"></i>Disable</a>
</div>
</footer>
</article>
</div>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<div class="package-grid-cell">
<article class="package-card-app" data-href="/app/">
<div class="package-card-content">
<figure class="package-card-app-icon" style="background-image:url(https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg)"></figure>
<div class="package-card-meta">
<h3 class="package-card-app-title">Ghost</h3>
<div class="package-card-stats">
<div class="package-downloads">
<i class="icon-download"></i>
<span class="package-download-count">14,301</span>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
<p class="package-card-app-desc">A UI theme that offers endless possibilities: one Atom, many Isotopes ;) Isotope adapts to match any syntax theme.</p>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
</div>
<footer class="package-card-footer">
<a class="package-developer" href="#" target="_blank">
<img src="https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg" alt="developer" />
<span class="package-developer-name">GhostFoundation1</span>
</a>
<div class="package-controls">
<a class="package-settings package-controls-button" href="#"><i class="icon-settings"></i>Settings</a>
<a class="package-uninstall package-controls-button" href="#"><i class="icon-trash"></i>Uninstall</a>
<a class="package-enable package-controls-button" href="#"><i class="icon-play"></i>Enable</a>
</div>
</footer>
</article>
</div>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<div class="package-grid-cell">
<article class="package-card-app" data-href="/app/">
<div class="package-card-content">
<figure class="package-card-app-icon" style="background-image:url(https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg)"></figure>
<div class="package-card-meta">
<h3 class="package-card-app-title">Ghost</h3>
<div class="package-card-stats">
<div class="package-downloads">
<i class="icon-download"></i>
<span class="package-download-count">14,301</span>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
<p class="package-card-app-desc">A UI theme that offers endless possibilities: one Atom, many Isotopes ;) Isotope adapts to match any syntax theme.</p>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
</div>
<footer class="package-card-footer">
<a class="package-developer" href="#" target="_blank">
<img src="https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg" alt="developer" />
<span class="package-developer-name">GhostFoundation1</span>
</a>
<div class="package-controls">
<a class="package-settings package-controls-button" href="#"><i class="icon-settings"></i>Settings</a>
<a class="package-uninstall package-controls-button" href="#"><i class="icon-trash"></i>Uninstall</a>
<a class="package-disable package-controls-button" href="#"><i class="icon-pause"></i>Disable</a>
</div>
</footer>
</article>
</div>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<div class="package-grid-cell">
<article class="package-card-app" data-href="/app/">
<div class="package-card-content">
<figure class="package-card-app-icon" style="background-image:url(https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg)"></figure>
<div class="package-card-meta">
<h3 class="package-card-app-title">Ghost</h3>
<div class="package-card-stats">
<div class="package-downloads">
<i class="icon-download"></i>
<span class="package-download-count">14,301</span>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
<p class="package-card-app-desc">A UI theme that offers endless possibilities: one Atom, many Isotopes ;) Isotope adapts to match any syntax theme.</p>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
</div>
<footer class="package-card-footer">
<a class="package-developer" href="#" target="_blank">
<img src="https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg" alt="developer" />
<span class="package-developer-name">GhostFoundation1</span>
</a>
<div class="package-controls">
<a class="package-settings package-controls-button" href="#"><i class="icon-settings"></i>Settings</a>
<a class="package-uninstall package-controls-button" href="#"><i class="icon-trash"></i>Uninstall</a>
<a class="package-disable package-controls-button" href="#"><i class="icon-pause"></i>Disable</a>
</div>
</footer>
</article>
</div>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<div class="package-grid-cell">
<article class="package-card-app" data-href="/app/">
<div class="package-card-content">
<figure class="package-card-app-icon" style="background-image:url(https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg)"></figure>
<div class="package-card-meta">
<h3 class="package-card-app-title">Ghost</h3>
<div class="package-card-stats">
<div class="package-downloads">
<i class="icon-download"></i>
<span class="package-download-count">14,301</span>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
<p class="package-card-app-desc">A UI theme that offers endless possibilities: one Atom, many Isotopes ;) Isotope adapts to match any syntax theme.</p>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
</div>
<footer class="package-card-footer">
<a class="package-developer" href="#" target="_blank">
<img src="https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg" alt="developer" />
<span class="package-developer-name">GhostFoundation1</span>
</a>
<div class="package-controls">
<a class="package-uninstall package-controls-button" href="#"><i class="icon-trash"></i>Uninstall</a>
<a class="package-disable package-controls-button" href="#"><i class="icon-pause"></i>Disable</a>
</div>
</footer>
</article>
</div>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<div class="package-grid-cell">
<article class="package-card-app" data-href="/app/">
<div class="package-card-content">
<figure class="package-card-app-icon" style="background-image:url(https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg)"></figure>
<div class="package-card-meta">
<h3 class="package-card-app-title">Ghost</h3>
<div class="package-card-stats">
<div class="package-downloads">
<i class="icon-download"></i>
<span class="package-download-count">14,301</span>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
<p class="package-card-app-desc">A UI theme that offers endless possibilities: one Atom, many Isotopes ;) Isotope adapts to match any syntax theme.</p>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
</div>
<footer class="package-card-footer">
<a class="package-developer" href="#" target="_blank">
<img src="https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg" alt="developer" />
<span class="package-developer-name">GhostFoundation1</span>
</a>
<div class="package-controls">
<a class="package-settings package-controls-button" href="#"><i class="icon-settings"></i>Settings</a>
<a class="package-uninstall package-controls-button" href="#"><i class="icon-trash"></i>Uninstall</a>
<a class="package-disable package-controls-button" href="#"><i class="icon-pause"></i>Disable</a>
</div>
</footer>
</article>
</div>
<div class="package-grid-cell">
<article class="package-card-app" data-href="/app/">
<div class="package-card-content">
<figure class="package-card-app-icon" style="background-image:url(https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg)"></figure>
<div class="package-card-meta">
<h3 class="package-card-app-title">Ghost</h3>
<div class="package-card-stats">
<div class="package-downloads">
<i class="icon-download"></i>
<span class="package-download-count">14,301</span>
</div>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
<p class="package-card-app-desc">A UI theme that offers endless possibilities: one Atom, many Isotopes ;) Isotope adapts to match any syntax theme.</p>
</div>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</div>
Better flexbox grids
2015-06-02 12:19:35 +03:00
<footer class="package-card-footer">
<a class="package-developer" href="#" target="_blank">
<img src="https://pbs.twimg.com/profile_images/439941058404028416/3nRmjK6v.jpeg" alt="developer" />
<span class="package-developer-name">GhostFoundation1</span>
</a>
<div class="package-controls">
<a class="package-settings package-controls-button" href="#"><i class="icon-settings"></i>Settings</a>
<a class="package-uninstall package-controls-button" href="#"><i class="icon-trash"></i>Uninstall</a>
<a class="package-disable package-controls-button" href="#"><i class="icon-pause"></i>Disable</a>
</div>
</footer>
</article>
</div>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
</div>
</section>
</main>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<aside id="ember766" class="ember-view gh-notifications"><!----></aside>
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
<!---->
<!---->
First pass on app management UI
2015-05-25 18:57:14 +03:00
Better flexbox grids
2015-06-02 12:19:35 +03:00
</div></div>
First pass on app management UI
2015-05-25 18:57:14 +03:00
</body>
</html>
Reference in New Issue Copy Permalink