+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+ + Dropbox Integration
++ Dropbox Integration allows to upload and download the files in Dropbox. +
+ +
+
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ Dropbox is a file hosting service operated by the American company
+ Dropbox, Inc. Integrating Dropbox with Odoo can provide users with a
+ more convenient way to store and access their files within the Odoo
+ platform.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Easy File Management
+
+
+
+ Easy File Management
+
+
+ Displays all files from Dropbox
+
+
+
+ Displays all files from Dropbox
+
+
+ Upload files to Dropbox
+
+
+
+ Upload files to Dropbox
+
+
+ Dynamic Search Bar
+
+
+ Dynamic Search Bar
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Dropbox api creation +
++ Register the app on Dropbox Developers page
+
+
+ 
+
+
+
+ + API key and secret +
++ Redirect URIs as return web address
+
+
+ 
+
+
+ + Dropbox Scopes +
++ Read Write Scopes to access files.
+
+
+ 
+
+
+ + Token setup +
++ Fill up the credentials and set up the dropbox connection with + auth code. + Goto --> Settngs--> Integrations + Provide dropbox folder name as Folder Id
+
+
+ 
+
+
+ +
++ Click the get auth code to generate auth code
+
+
+ 
+
+
+ +
++ Copy the Auth code
+
+
+ 
+
+
+ +
++ Paste the auth code generated from get auth code
+
+
+ 
+
+
+ + Dropbox Integration Dashboard view
++
+
+
+ 
+
+
+ + Upload files
++ Upload any files to Dropbox from here
+
+
+ 
+
+
+ + Search console example
++
+
+
+ 
+
+ + Search console example
++
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ + Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ + Support +
+
+
+
diff --git a/dropbox_integration/static/src/img/dropbox_icon.png b/dropbox_integration/static/src/img/dropbox_icon.png
new file mode 100644
index 000000000..0b91fabfa
Binary files /dev/null and b/dropbox_integration/static/src/img/dropbox_icon.png differ
diff --git a/dropbox_integration/static/src/img/file.png b/dropbox_integration/static/src/img/file.png
new file mode 100644
index 000000000..08633e608
Binary files /dev/null and b/dropbox_integration/static/src/img/file.png differ
diff --git a/dropbox_integration/static/src/js/dropbox.js b/dropbox_integration/static/src/js/dropbox.js
new file mode 100644
index 000000000..c242fe019
--- /dev/null
+++ b/dropbox_integration/static/src/js/dropbox.js
@@ -0,0 +1,78 @@
+odoo.define('dropbox_integration.dashboard', function (require) {
+ 'use strict';
+ var AbstractAction = require('web.AbstractAction');
+ var core = require('web.core');
+ var rpc = require('web.rpc');
+ var DropboxDashboard = AbstractAction.extend({
+ template: 'DropboxDashboard',
+ events: {
+ 'click #upload' : 'upload',
+ 'keyup .header-search-input' : 'search_file'
+ },
+
+ /* Appends files retrieved by function(import_files) to div files */
+ init() {
+ this._super(...arguments);
+ var self = this;
+ rpc.query({
+ model: 'dropbox.dashboard',
+ method: 'action_import_files',
+ args:['']
+ }).then(function (result) {
+ if(result[0]=='e')
+ {
+ self.do_action({
+ 'type': 'ir.actions.client',
+ 'tag': 'display_notification',
+ 'params': {
+ 'message': 'Failed to Load Files [ '+result[1]+' ]',
+ 'type': 'warning',
+ 'sticky': false,
+ }
+ })
+ }
+ else if(!result){
+ self.do_action({
+ 'type': 'ir.actions.client',
+ 'tag': 'display_notification',
+ 'params': {
+ 'message': 'Please setup Access Token',
+ 'type': 'warning',
+ 'sticky': false,
+ }
+ })
+ }
+ else{
+ self.$('#files').empty();
+ var alt_src = "'dropbox_integration/static/src/img/file.png'"
+ $.each(Object.keys(result),function(index, name){
+ self.$('#files').append('');
+ });
+ }
+ });
+ },
+
+ /* Calls upload function on click of upload */
+ upload: function (ev) {
+ this.do_action({
+ name: "Upload to Dropbox",
+ type: 'ir.actions.act_window',
+ res_model: 'dropbox.upload',
+ view_mode: 'form',
+ view_type: 'form',
+ views: [[false, 'form']],
+ target: 'new',
+ });
+ },
+
+ /* Search console function */
+ search_file: function (ev) {
+ var value = this.$('.header-search-input').val().toLowerCase()
+ this.$('.card').filter(function () {
+ $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
+ });
+ },
+ });
+ core.action_registry.add("dropbox_dashboard", DropboxDashboard);
+ return DropboxDashboard;
+});
diff --git a/dropbox_integration/static/src/scss/dropbox.scss b/dropbox_integration/static/src/scss/dropbox.scss
new file mode 100644
index 000000000..8193f7479
--- /dev/null
+++ b/dropbox_integration/static/src/scss/dropbox.scss
@@ -0,0 +1,57 @@
+.drop_box_image{
+ width: 180px;
+ height: 180px;
+ margin-top: 15px;
+}
+
+.dropbox_upload{
+ background-color: #006ce5;
+ color: white;
+ border-radius: 5px;
+ width: 100px;
+ margin-left: 10px;
+}
+.dropbox_card{
+ margin-left: 20px;
+ background: linear-gradient(295deg, rgba(24,125,223,0.3897934173669467) 0%, rgba(47,145,217,0) 100%);
+ width: 20rem;
+ height:22rem;
+ border-radius: 1.25rem;
+ margin:15px;
+}
+
+.dropbox_card:hover {
+ box-shadow: 0 4px 16px 0 rgba(0,0,0,1);
+}
+
+.dropbox_text{
+ color:black;
+}
+.content{
+ margin-left: 3px;
+ overflow-y: scroll;
+ height: 850px;
+ width: auto;
+ background-color: #ffffff;
+
+ }
+
+.file-icon{
+ width: 65px;
+}
+
+.dropbox_section{
+background: rgb(0,128,255);
+background: radial-gradient(circle, rgba(0,128,255,1) 0%, rgba(0,82,255,0) 100%);
+}
+
+.header-search-input{
+ border-radius: 0.5rem;
+ height: 30px;
+ width: 400px;
+ outline: none;
+ border: none;
+ font-size: 15px;
+ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+ margin-left: 380px;
+}
diff --git a/dropbox_integration/static/src/xml/dropbox_dashboard.xml b/dropbox_integration/static/src/xml/dropbox_dashboard.xml
new file mode 100644
index 000000000..ed0353ffe
--- /dev/null
+++ b/dropbox_integration/static/src/xml/dropbox_dashboard.xml
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Synchronize with dropbox
+
+
+
+ Client ID:
+
+
+
+ Client Secret:
+
+
+
+
+ Folder ID:
+
+