Skip to content

Commit

Permalink
Remove PHP code in favor of JS
Browse files Browse the repository at this point in the history
  • Loading branch information
@felixheidecke
felixheidecke committed Mar 21, 2018
1 parent 66a8799 commit ad84ab9
Show file tree
Hide file tree
Showing 12 changed files with 8,123 additions and 224 deletions.
43 changes: 0 additions & 43 deletions app-loader.php
View file

This file was deleted.

67 changes: 42 additions & 25 deletions apps/files/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,45 +1,62 @@
{
"name": "files",
"title": "Files",
"title": "Filebrowser",
"icon": "folder",
"version": "0.1.0",
"description": "Concept on redesigning the ownCloud Frontend",
"assets": {
"js": [
"js/files.bundle.js"
]
},
"description": "This is the funky frontend app",
"main": "js/files.bundle.js",
"menu": [
{
"title": "All files",
"href": "list/all"
},
{
"title": "Favorites",
"href": "favorites"
},
{
"title": "Share by you",
"href": "share/outbound"
},
{
"title": "Share with you",
"href": "share/inbound"
}
],
"scripts": {
"dev": "webpack --progress --colors --watch",
"watch": "webpack --progress --colors --watch",
"build": "webpack -p"
},
"author": "Felix Heidecke",
"license": "AGPL-3.0",
"homepage": "https://github.com/felixheidecke/oc_redesign#readme",
"dependencies": {
"devDependencies": {
"babel": "^6.23.0",
"babel-core": "^6.24.0",
"babel-loader": "^6.4.1",
"babel-polyfill": "^6.23.0",
"babel-preset-es2015": "^6.24.0",
"babel-core": "^6.26.0",
"babel-loader": "^7.1.4",
"babel-polyfill": "^6.26.0",
"babel-preset-es2015": "^6.24.1",
"css-loader": "^0.28.11",
"expose-loader": "^0.7.5",
"node-sass": "^4.7.2",
"npm-watch": "^0.3.0",
"pug": "^2.0.3",
"sass-loader": "^6.0.7",
"style-loader": "^0.20.3",
"vue-html-loader": "^1.2.4",
"vue-loader": "^14.2.1",
"vue-router": "^3.0.1",
"vue-style-loader": "^4.1.0",
"vue-template-compiler": "^2.5.16",
"webpack": "^4.2.0"
},
"dependencies": {
"filesize": "^3.6.0",
"jquery": "^3.3.1",
"lodash": "^4.17.5",
"moment": "^2.21.0",
"node-sass": "^4.8.3",
"npm-watch": "^0.1.8",
"pug": "^2.0.2",
"sass-loader": "^6.0.7",
"style-loader": "^0.20.3",
"uikit": "^3.0.0-beta.40",
"vue": "^2.5.16",
"vue-html-loader": "^1.2.4",
"vue-loader": "^11.3.4",
"vue-router": "^2.3.1",
"vue-style-loader": "^1.0.0",
"vue-template-compiler": "^2.5.16",
"webpack": "^2.6.1"
"underscore": "^1.8.3",
"vue": "^2.5.16"
}
}
9 changes: 6 additions & 3 deletions apps/files/src/components/Files-App.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,12 +87,15 @@
</template>

<script>
import _ from 'lodash';
import jquery from 'jquery';
import Mixins from '../mixins';
import FileDetails from './File-Details.vue';
import jquery from 'jquery';
const remove = require('lodash/remove');
const includes = require('lodash/includes');
const filter = require('lodash/filter');
export default {
mixins: [Mixins],
components: {FileDetails},
Expand Down
6 changes: 5 additions & 1 deletion apps/files/src/default.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,10 @@ import SharingIn from './components/Sharing-In.vue'

// Routing
const routes = [
{
path: '/',
redirect: '/list/home',
},
{
path: '/list/:item',
component: FilesApp,
Expand All @@ -29,6 +33,6 @@ const router = new VueRouter({

const Main = new Vue({
router,
el : '#files',
el : '#oc-app-container',
render: h => h(App)
});
3 changes: 0 additions & 3 deletions apps/files/webpack.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,6 @@ module.exports = {
},
module: {
loaders: [{
test: require.resolve('uikit'),
loader: 'expose-loader?UIkit'
}, {
test: /\.js?$/,
exclude: /node_modules/,
loader: 'babel-loader',
Expand Down
6 changes: 3 additions & 3 deletions core/themes/owncloud/main.less
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
@content-offset: 60px;

#content {
#oc-content {
margin-top: @content-offset;
height: ~"calc(100vh - @{content-offset})";
height : ~"calc(100vh - @{content-offset})";
overflow-y: auto;
overflow-x: hidden;

Expand All @@ -18,4 +18,4 @@
background-color: lighten(#8E959C, 10%);
// outline: 1px solid @global-muted-background;
}
}
}
113 changes: 113 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="en">
<head id="oc-head">
<meta charset="UTF-8">
<title v-text="pageTitle">ownCloud Phoenix</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="/core/uikit/dist/css/uikit.owncloud.css" />
</head>
<body>
<!-- primary menu container -->
<header>
<div id="oc-topbar" class="uk-position-top uk-position-fixed uk-position-z-index" uk-navbar="mode: click">
<div class="uk-navbar-left">
<ul class="uk-navbar-nav">
<li>
<a href="#" uk-toggle="target: #oc-menu">
<!-- <a href="#"> -->
<i class="material-icons uk-margin-small-right uk-text-inverse">menu</i>
<span class="uk-text-inverse">Files</span>
</a>
</li>
</ul>
</div>
<div class="uk-position-center">
<div id="oc-logo-main" class="uk-flex uk-flex-middle" onClick="document.location.href='/'">
<div class="uk-width-1-2 uk-text-right">
<img src="/core/gfx/cloud-logo-invert.svg" alt="ownCloud" height="45" width="80">
</div>
<span class="uk-width-1-2 uk-text-left uk-text-inverse">ownCloud</span>
</div>
</div>
<div class="uk-navbar-right">
<ul class="uk-navbar-nav">
<li class="uk-visible@s">
<a href=""><i class="material-icons uk-text-inverse">search</i></a>
<input type="text" name="search" value="" class="uk-input uk-width-medium" placeholder="Search…" uk-dropdown="animation: uk-animation-slide-right-small; pos: left-center; offset: 0; delay-hide:100; mode: click;">
</li>
<li>
<a href="#"><i class="material-icons uk-margin-small-right uk-text-inverse">account_circle</i><span class="uk-text-inverse uk-visible@s">Ellen Ripley</span></a>
</li>
</ul>
</div>
</div>
</header>

<!-- secondary menu container -->
<aside>
<div id="oc-menu" uk-offcanvas="mode: reveal">
<div class="uk-offcanvas-bar uk-background-muted">
<ul class="uk-nav-default uk-nav-parent-icon" uk-nav="">
<li class="uk-parent uk-open"><a href="#" uk-height-match=""><i class="material-icons uk-margin-small-right">folder</i>Files</a>
<ul class="uk-nav-sub">
<li class="uk-active"><a href="/?files#/list/home">All files</a></li>
<li><a href="#">Favorites</a></li>
<li><a href="#">Shared by you</a></li>
<li><a href="/?files#/sharing/in">Shared with you</a></li>
<li><a href="#">External storage</a></li>
</ul>
</li>
<li class="uk-nav-divider"></li>
<li class="uk-parent uk-margin-medium-top"><a href="#" uk-height-match=""><i class="material-icons uk-margin-small-right">account_circle</i>Personal</a>
<ul class="uk-nav-sub">
<li><a href="#">About Me</a></li>
<li><a href="#">Sessions</a></li>
<li><a href="#">App passwords</a></li>
<li><a href="#">Sync clients</a></li>
<li><a href="#">Activity</a></li>
<li><a href="#">Federated Cloud</a></li>
</ul>
</li>
<li class="uk-nav-divider"></li>
<li class="uk-parent"><a href="#"><i class="material-icons uk-margin-small-right">help</i>Help</a>
<ul class="uk-nav-sub">
<li><a href="#">User documentation</a></li>
<li><a href="#">Online documentation</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Issue tracker</a></li>
<li><a href="#">Commercial support</a></li>
</ul>
</li>
<li class="uk-parent uk-margin-medium-top"><a href="#"><i class="material-icons uk-margin-small-right">settings</i>Administration</a>
<ul class="uk-nav-sub">
<li><a href="#">Sharing</a></li>
<li><a href="#">External storage</a></li>
<li><a href="#">Federation</a></li>
<li><a href="#">File handling</a></li>
<li><a href="#">EMail-templates</a></li>
</ul>
</li>
<li class="uk-margin-medium-top"><a href="#"><i class="material-icons uk-margin-small-right">exit_to_app</i>Exit ownCloud</a>
</ul>
</div>
</div>
</aside>

<!-- app wrapper -->
<main id="oc-content" class="uk-offcanvas-content">
<div id="oc-app-container">
<!--
IF THIS DOESN'T GET REPLACED WITH YOUR APP
YOU'R GONNA HAVE A BAAAD TIME!
-->
<p class="uk-position-center">
Loading …
</p>
</div>
</main>

<script src="/core/uikit/dist/js/uikit.min.js"></script>
<script src="/core/js/core.bundle.js" defer></script>
</body>
</html>
Loading

0 comments on commit ad84ab9

Please sign in to comment.