-캡스톤 팀 생성을 축하합니다.
+### 프로잭트 소개
-## 팀소개 및 페이지를 꾸며주세요.
+- AWS EC2 를 리셀링 하는 클라우드 컴퓨팅 프로젝트 입니다. SomeCloud 대시보드 상에서 클라우드 인스턴스를 추가할 수 있고, 키페어를 관리하고, 방화벽을 관리하고, 요금을 지불하는 시스템입니다.
+- 키페어, 방화벽, 클라우드 인스턴스는 AWS EC2 자원을 활용합니다. SomeCloud 와 AWS 통신은 boto3 를 이용합니다.
+- Flask 어플리케이션을 클라우드 서버에 배포하고, blue-green 배포를 지원합니다. (Rollback, Update 지원)
-- 프로젝트 소개
- - 프로젝트 설치방법 및 데모, 사용방법, 프리뷰등을 readme.md에 작성.
- - Api나 사용방법등 내용이 많을경우 wiki에 꾸미고 링크 추가.
+## DB schema, Backend blueprint
+- https://docs.google.com/spreadsheets/d/1_fLHyhQrNPJ-qX4y3P5JEYWzwkZ2lrZBPZAP0lruyPg/edit?usp=sharing
-- 팀페이지 꾸미기
- - 프로젝트 소개 및 팀원 소개
- - index.md 예시보고 수정.
+### SomeCloud members
-- GitHub Pages 리파지토리 Settings > Options > GitHub Pages
- - Source를 marster branch
- - Theme Chooser에서 태마선택
- - 수정후 팀페이지 확인하여 점검.
-
-**팀페이지 주소** -> https://kookmin-sw.github.io/ '{{자신의 리파지토리 아이디}}'
-
-**예시)** 2020년 0조 https://kookmin-sw.github.io/capstone-2020-0/
-
-
-## 내용에 아래와 같은 내용들을 추가하세요.
-
-### 1. 프로잭트 소개
-
-프로젝트
-
-### 2. 소개 영상
-
-프로젝트 소개하는 영상을 추가하세요
-
-### 3. 팀 소개
-
-팀을 소개하세요.
-
-팀원정보 및 담당이나 사진 및 SNS를 이용하여 소개하세요.
-
-### 4. 사용법
-
-소스코드제출시 설치법이나 사용법을 작성하세요.
-
-### 5. 기타
-
-추가적인 내용은 자유롭게 작성하세요.
-
-
-## Markdown을 사용하여 내용꾸미기
-
-Markdown은 작문을 스타일링하기위한 가볍고 사용하기 쉬운 구문입니다. 여기에는 다음을위한 규칙이 포함됩니다.
+```
+kimjenny, parkhuijoo
+```
-```markdown
-Syntax highlighted code block
+### Frontend
+- static html 로 구현하였고, 반복적인 부분은 분리하고, 화면 전환이 쉽게 html 로 분리하였습니다.
+- load.js 에서 상단, 좌측 메뉴 부분을 가져오도록 구현하였습니다.
-# Header 1
-## Header 2
-### Header 3
-- Bulleted
-- List
+### Backend
+- Flask 로 html 을 Server side rendering 을 하고 있고, flask-app-blueprint 탬플릿을 기반으로 어플리케이션 서버를 작성하였습니다.
+- 현재는 frontend 폴더에 있는 내용이 backend/app/project/templates, backend/app/project/static 에 반영된 상태입니다.
-1. Numbered
-2. List
+### branch
+
+```
+master
+backend - Dockerfile, Python Flask 코드
+frontend - (legacy) 홈페이지 대시보드 페이지, 관리자 페이지
+```
-**Bold** and _Italic_ and `Code` text
+## Preview
-[Link](url) and 
-```
-자세한 내용은 [GitHub Flavored Markdown](https://guides.github.com/features/mastering-markdown/).
+
-### Support or Contact
+
-readme 파일 생성에 추가적인 도움이 필요하면 [도움말](https://help.github.com/articles/about-readmes/) 이나 [contact support](https://github.com/contact) 을 이용하세요.
+## SomeCloud Blue-green update / rollback
+[](https://www.youtube.com/embed/Oy1Rli7alD0)
+- Youtube link
diff --git a/backend/Dockerfile b/backend/Dockerfile
new file mode 100644
index 0000000..56d11c1
--- /dev/null
+++ b/backend/Dockerfile
@@ -0,0 +1,10 @@
+FROM tiangolo/uwsgi-nginx-flask:python3.7
+COPY requirements.txt /tmp
+RUN pip install --upgrade pip
+RUN pip install -r /tmp/requirements.txt && \
+ rm /tmp/requirements.txt
+
+# custom static folder
+ENV STATIC_PATH /app/project/static
+
+COPY ./app /app
\ No newline at end of file
diff --git a/backend/LICENSE b/backend/LICENSE
new file mode 100644
index 0000000..d0b5a73
--- /dev/null
+++ b/backend/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Jelmer de Jong
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/backend/README.md b/backend/README.md
new file mode 100644
index 0000000..6575cc8
--- /dev/null
+++ b/backend/README.md
@@ -0,0 +1,215 @@
+# Somecloud-backend
+- 썸클라우드 백엔드 입니다. 탬플릿 안에 있는 html은 임시로 사용할 프론트엔드 파일이며, 프론트엔드 화면 개발에도 참고할 수 있습니다.
+
+# Deploy on Local
+
+## 1. clone
+```
+git clone 
+- Select Application Loadbalancer
+
+
+
+- Add Listener (HTTP, HTTPS)
+
+
+
+- Select VPC, Subnet ( 두 Subnet 은 Auto Public IP Assign 이 체크되어 있어야 함, 각 Subnet은 다른 Availability Zone에 속해야함 )
+- Example) ap-northeast-2a ,ap-northeast-2b
+
+
+
+- Add Certificate
+
+
+- Loadbalancer Security Group, 여기서는 80, 443포트만 추가되면 된다.
+- Instance의 Security group 에서는 8080 포트가 Inbound rule 에 추가되어야 한다.
+
+
+
+
+- Target group설정(중요) - 8080 포트로 설정
+
+
+
+- SomeCloud 시스템이 설치된 EC2 인스턴스를 Target group에 추가한다 . (Register Target)
+
+
+
+
+
+
diff --git a/_config.yml b/backend/_config.yml
similarity index 100%
rename from _config.yml
rename to backend/_config.yml
diff --git a/backend/app/config.py b/backend/app/config.py
new file mode 100644
index 0000000..00e1849
--- /dev/null
+++ b/backend/app/config.py
@@ -0,0 +1,53 @@
+import os
+BASEDIR = os.path.abspath(os.path.dirname(__file__))
+TOP_LEVEL_DIR = os.path.abspath(os.curdir)
+from botocore.config import Config as AWSConfig
+
+class Config(object):
+ TZ="Asia/Seoul"
+ DEBUG = True
+ TESTING = False
+ CSRF_ENABLED = True
+ SECRET_KEY = os.environ.get("SECRET_KEY")
+ BCRYPT_LOG_ROUNDS = 15
+ MAIL_SERVER = os.environ.get('MAIL_SERVER')
+ MAIL_PORT = 465
+ MAIL_USE_TLS = False
+ MAIL_USE_SSL = True
+ MAIL_USERNAME = os.environ.get('MAIL_USERNAME') or 'your-mandrill-username'
+ MAIL_PASSWORD = os.environ.get('MAIL_PASSWORD') or 'your mandrill-password'
+ MAIL_DEFAULT_SENDER = os.environ.get('MAIL_DEFAULT_SENDER') or 'your@default-mail.com'
+ OAUTH_GOOGLE_CLIENTID= os.environ.get("OAUTH_GOOGLE_CLIENTID")
+ OAUTH_GOOGLE_SECRETKEY=os.environ.get("OAUTH_GOOGLE_SECRETKEY")
+ AWS_CONFIG = AWSConfig(
+ region_name = 'ap-northeast-2',
+ signature_version = 'v4',
+ retries = {
+ 'max_attempts': 10,
+ 'mode': 'standard'
+ },
+ )
+ HOSTED_ZONE_ID = os.getenv("HOSTED_ZONE_ID")
+ SQLALCHEMY_DATABASE_URI = os.getenv("SQLALCHEMY_DATABASE_URI")
+ SQLALCHEMY_TRACK_MODIFICATIONS = False
+ PUBLIC_IP_ADDR= os.getenv("PUBLIC_IP_ADDR")
+
+ def __init__(self):
+ pass
+
+class ProductionConfig(Config):
+ DEBUG = False
+
+
+class StagingConfig(Config):
+ DEVELOPMENT = True
+ DEBUG = True
+
+
+class DevelopmentConfig(Config):
+ DEVELOPMENT = True
+ DEBUG = True
+
+
+class TestingConfig(Config):
+ TESTING = True
diff --git a/backend/app/initdb.py b/backend/app/initdb.py
new file mode 100644
index 0000000..a10d10d
--- /dev/null
+++ b/backend/app/initdb.py
@@ -0,0 +1,74 @@
+from project import app,db
+from project.models import Oslist, Plan, User, CloudAppCommand
+#plan
+# id: int
+# plan_name: str
+# aws_plan: str
+# core: int
+# ram: int
+# traffic:int
+# ssd: int
+# iops: int
+def plan_add():
+ sample_plan = Plan('m2.small', 't3.small', 1, 2048, 2000, 40, 4000)
+ sample_plan2 = Plan('m3.medium', 't3.medium', 4096, 4000, 2048, 60, 4500)
+ sample_plan3 = Plan('m3.big', 't3.xlarge', 4, 16384, 6000, 100, 5000)
+ sample_plan4 = Plan('m4.large', 't3.2xlarge', 8, 32768, 8000, 100, 5500)
+ db.session.add(sample_plan)
+ db.session.add(sample_plan2)
+ db.session.add(sample_plan3)
+ db.session.add(sample_plan4)
+ db.session.commit()
+
+
+def admin_add(email, adminpw):
+# Admin User ad
+ new_user = User(email, adminpw)
+ new_user.role ='admin'
+
+ db.session.add(new_user)
+ db.session.commit()
+
+def os_add():
+ sample_os = Oslist('ubuntu20.04', 'ami-067abcae434ee508b')
+ sample_os2 = Oslist('amazonLinux', 'ami-09282971cf2faa4c9')
+
+
+ db.session.add(sample_os)
+ db.session.add(sample_os2)
+
+ db.session.commit()
+
+def app_add():
+ flask = Oslist('Amazon-Linux-flask', 'ami-0ee56963557a8a3e1')
+ db.session.add(flask)
+ db.session.commit()
+
+#flask script
+def add_app_script():
+ # 밑에 (1,1) , (1,2), (1,3) => 각 첫번쨰 1 => os id, 두번째 1 => 명령어 실행될 순서
+ flask_app_id = db.session.query(Oslist.id).filter(Oslist.os_name == "flask").scalar()
+ flask_update_script = """
+ cd /home/ec2-user/public_flask
+ """
+ appcommand1 = CloudAppCommand("update", flask_update_script, 3, 1, "script" )
+ flask_update_script2 = """
+ docker+build+-t+flaskapp%3A%24%28docker+images+%7C+awk+%27%28%241+%3D%3D+%22flaskapp%22%29+%7Bprint+%242+%2B%3D+.01%3B+exit%7D%27%29+%2Fhome%2Fec2-user%2Fpublic_flask%2F
+ """
+ appcommand2 = CloudAppCommand("update", flask_update_script2, 3, 2, "script" )
+
+ flask_update_script3 = """
+ docker rm -f {app_register}
+ """
+ appcommand3 = CloudAppCommand("update", flask_update_script3, 3, 3, "script" )
+
+ flask_update_script4 = """docker+run+-itd+-p+{app_port}%3A80+--name+{app_register}+flaskapp%3A%24%28docker+images+%7C+awk+%27%28%241+%3D%3D+%22flaskapp%22%29+%7Bprint+%242+%2B%3D+.0%3B+exit%7D%27%29"""
+ appcommand4 = CloudAppCommand("update", flask_update_script4, 3, 4, "script" )
+
+
+ db.session.add(appcommand1)
+ db.session.add(appcommand2)
+ db.session.add(appcommand3)
+ db.session.add(appcommand4)
+ db.session.commit()
+
diff --git a/backend/app/main.py b/backend/app/main.py
new file mode 100644
index 0000000..0cff800
--- /dev/null
+++ b/backend/app/main.py
@@ -0,0 +1,30 @@
+from flask_script import Manager, Server
+from flask_migrate import Migrate, MigrateCommand
+import os
+TOP_LEVEL_DIR = os.path.abspath(os.curdir)
+from project import app, db
+from flask import abort, request
+
+
+app.config.from_object(os.getenv('APP_SETTINGS'))
+app.config['TEMPLATES_AUTO_RELOAD'] = True
+
+migrate = Migrate(app, db)
+manager = Manager(app)
+
+
+manager.add_command('db', MigrateCommand)
+
+
+# @app.before_request
+# def limit_remote_addr():
+# if request.remote_addr != 'whitelist_IP_ADDR':
+# abort(403) # Forbidden
+
+if __name__ == '__main__':
+ manager.add_command('runserver', Server(host='0.0.0.0', port=8000 , threaded=True))
+ manager.run()
+
+# @app.teardown_appcontext
+# def shutdown_session(exception=None):
+# db.remove()
\ No newline at end of file
diff --git a/backend/app/project/__init__.py b/backend/app/project/__init__.py
new file mode 100644
index 0000000..1fb0956
--- /dev/null
+++ b/backend/app/project/__init__.py
@@ -0,0 +1,95 @@
+# IMPORTS
+from flask import Flask, render_template, make_response
+from flask_sqlalchemy import SQLAlchemy
+from flask_login import LoginManager
+from flask_bcrypt import Bcrypt
+from flask_login import current_user, login_required
+from flask_mail import Mail
+import os
+from dotenv import load_dotenv
+load_dotenv(verbose=True)
+from flask.json import JSONEncoder
+
+# CONFIG
+app = Flask(__name__, instance_relative_config=True)
+app.config.from_object(os.getenv('APP_SETTINGS'))
+
+
+
+import redis
+from rq import Queue
+import time
+
+r = redis.Redis()
+q = Queue(connection=r)
+
+
+db = SQLAlchemy(app)
+with app.app_context():
+ db.init_app(app)
+
+bcrypt = Bcrypt(app)
+mail = Mail(app)
+
+
+login_manager = LoginManager()
+login_manager.init_app(app)
+login_manager.login_view = "users.login"
+
+from project.models import User, Items
+
+
+@login_manager.user_loader
+def load_user(user_id):
+ return User.query.filter(User.id == int(user_id)).first()
+
+
+# BLUEPRINTS
+from project.users.views import users_blueprint
+from project.items.views import items_blueprint
+from project.cloud.views import cloud_blueprint
+from project.keypair.views import keypair_blueprint
+from project.secgroup.views import secgroup_blueprint
+from project.support.views import support_blueprint
+from project.billing.views import billing_blueprint
+
+# template blueprints
+app.register_blueprint(users_blueprint)
+app.register_blueprint(items_blueprint)
+
+# Cloud blueprints
+app.register_blueprint(cloud_blueprint,url_prefix='/cloud')
+app.register_blueprint(keypair_blueprint, url_prefix='/keypair')
+app.register_blueprint(secgroup_blueprint, url_prefix='/secgroup')
+
+# billing, support Blueprint
+app.register_blueprint(support_blueprint, url_prefix='/support')
+app.register_blueprint(billing_blueprint, url_prefix='/billing')
+
+
+@app.route('/', methods=["GET"])
+def landing():
+ return render_template('new/landing_ori.html')
+
+# ROUTES
+@app.route('/dashboard', methods=['GET', 'POST'])
+@login_required
+def home():
+ """Render homepage"""
+ all_user_items = Items.query.filter_by(user_id=current_user.id)
+ return render_template('home.html', items=all_user_items)
+
+# ERROR PAGES
+@app.errorhandler(404)
+def page_not_found(e):
+ return render_template('404.html'), 404
+
+
+@app.errorhandler(403)
+def page_forbidden(e):
+ return render_template('403.html'), 403
+
+
+@app.errorhandler(410)
+def page_gone(e):
+ return render_template('410.html'), 410
diff --git a/backend/app/project/billing/__init__.py b/backend/app/project/billing/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/app/project/billing/exceptions.py b/backend/app/project/billing/exceptions.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/app/project/billing/forms.py b/backend/app/project/billing/forms.py
new file mode 100644
index 0000000..009c7ed
--- /dev/null
+++ b/backend/app/project/billing/forms.py
@@ -0,0 +1,12 @@
+from flask_wtf import FlaskForm
+from wtforms import TextField
+from wtforms.validators import DataRequired, Length
+
+
+class AddCredictForm(FlaskForm):
+ deposit_name = TextField('deposit_name', validators=[DataRequired(),
+ Length(min=1, max=254)])
+ bank = TextField('bank')
+ amount = TextField('amount')
+
+
diff --git a/backend/app/project/billing/utils.py b/backend/app/project/billing/utils.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/app/project/billing/views.py b/backend/app/project/billing/views.py
new file mode 100644
index 0000000..9689041
--- /dev/null
+++ b/backend/app/project/billing/views.py
@@ -0,0 +1,166 @@
+# project/items/views.py
+
+# IMPORTS
+from flask import render_template, Blueprint, request, redirect, url_for, flash, Markup
+from flask_login import current_user, login_required
+from project import db
+from project.models import Items, User, Invoice, Credit, Balance
+from .forms import AddCredictForm
+
+from sqlalchemy.sql import func
+
+
+
+# CONFIG
+billing_blueprint = Blueprint('billing', __name__, template_folder='templates')
+
+
+# ROUTES
+@billing_blueprint.route('/me', methods=['GET', 'POST'])
+@login_required
+def all_items():
+ """Render homepage"""
+ form = AddCredictForm(request.form)
+ all_user_items = Credit.query.filter_by(user_id=current_user.id)
+ credit_sum = db.session.query(Balance.balance).filter_by(user_id=current_user.id).scalar()
+ return render_template('billing/me.html', items=all_user_items, form=form, credit_sum = credit_sum)
+
+
+@billing_blueprint.route('/admin', methods=['GET', 'POST'])
+@login_required
+def admin():
+ if current_user.role == 'admin':
+ all_user_items = Credit.query.all()
+ print(all_user_items)
+ return render_template('billing/admin.html', items=all_user_items)
+ else:
+ return render_template('404.html'), 404
+ # return render_template('billing/me.html')
+
+
+@billing_blueprint.route('/add_transaction', methods=['GET', 'POST'])
+@login_required
+def add_transaction():
+ form = AddCredictForm(request.form)
+
+ if request.method == 'POST':
+ if form.validate_on_submit():
+ try:
+ new_item = Credit(form.data["deposit_name"], form.data["bank"],
+ form.data["amount"], current_user.id)
+
+ print(new_item)
+ print(form.data["deposit_name"])
+ print(form.data["amount"])
+ print(form.data["bank"])
+
+ db.session.add(new_item)
+ db.session.commit()
+ message = Markup(
+ "Well done! Item added successfully!")
+ flash(message, 'success')
+ return redirect(url_for('billing.all_items'))
+ except Exception as e:
+ print(e)
+ db.session.rollback()
+ message = Markup(
+ "Oh snap!! Unable to add item.")
+ flash(message, 'danger')
+ else:
+ return 403
+ return redirect(url_for('billing.all_items'))
+
+
+# @billing_blueprint.route('/edit_item/' +
+ //label + ' : ' +
+ Math.round(series.percent) +
+ '%
';
+ },
+ background: {
+ opacity: 0.8,
+ color: '#222'
+ }
+ }
+ }
+ }
+ };
+ // Send Request
+ chart.requestData(option);
+ });
+ })();
+ // Donut
+ (function () {
+ var Selector = '.chart-donut';
+ $(Selector).each(function() {
+ var source = $(this).data('source') || $.error('Donut: No source defined.');
+ var chart = new FlotChart(this, source),
+ option = {
+ series: {
+ pie: {
+ show: true,
+ innerRadius: 0.5 // This makes the donut shape
+ }
+ }
+ };
+ // Send Request
+ chart.requestData(option);
+ });
+ })();
+ });
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: form-wizard.js
+ * Handles form wizard plugin and validation
+ * [data-toggle="wizard"] to activate wizard plugin
+ * [data-validate-step] to enable step validation via parsley
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ if(!$.fn.bwizard) return;
+
+ var Selector = '[data-toggle="wizard"]';
+
+ $(Selector).each(function() {
+
+ var wizard = $(this),
+ validate = wizard.data('validateStep'); // allow to set options via data-* attributes
+
+ if(validate) {
+ wizard.bwizard({
+ clickableSteps: false,
+ validating: function(e, ui) {
+
+ var $this = $(this),
+ form = $this.parent(),
+ group = form.find('.bwizard-activated');
+
+ if (false === form.parsley().validate( group[0].id )) {
+ e.preventDefault();
+ return;
+ }
+ }
+ });
+ }
+ else {
+ wizard.bwizard();
+ }
+
+ });
+
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: gmap.js
+ * Init Google Map plugin
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ // -------------------------
+ // Map Style definition
+ // -------------------------
+
+ // Custom core styles
+ // Get more styles from http://snazzymaps.com/style/29/light-monochrome
+ // - Just replace and assign to 'MapStyles' the new style array
+ var MapStyles = [{featureType:'water',stylers:[{visibility:'on'},{color:'#bdd1f9'}]},{featureType:'all',elementType:'labels.text.fill',stylers:[{color:'#334165'}]},{featureType:'landscape',stylers:[{color:'#e9ebf1'}]},{featureType:'road.highway',elementType:'geometry',stylers:[{color:'#c5c6c6'}]},{featureType:'road.arterial',elementType:'geometry',stylers:[{color:'#fff'}]},{featureType:'road.local',elementType:'geometry',stylers:[{color:'#fff'}]},{featureType:'transit',elementType:'geometry',stylers:[{color:'#d8dbe0'}]},{featureType:'poi',elementType:'geometry',stylers:[{color:'#cfd5e0'}]},{featureType:'administrative',stylers:[{visibility:'on'},{lightness:33}]},{featureType:'poi.park',elementType:'labels',stylers:[{visibility:'on'},{lightness:20}]},{featureType:'road',stylers:[{color:'#d8dbe0',lightness:20}]}];
+
+
+ // -------------------------
+ // Custom Script
+ // -------------------------
+
+ var mapSelector = '[data-toggle="gmap"]';
+ var gMapRefs = [];
+
+ if($.fn.gMap) {
+
+ // Init all gmap visibles in the page
+ $(mapSelector).each(function(){
+
+ // do not init maps in modal
+ if( ! $(this).parents('.modal').length )
+ initGmap(this);
+
+ }); //each
+
+ // attach gmap initialization when modal opens
+ $('.modal').each(function() {
+
+ var $this = $(this),
+ mapsInModal = $this.find(mapSelector);
+
+ if ( mapsInModal.length ) {
+
+ $this.on('shown.bs.modal', function (e) {
+ mapsInModal.each(function(){
+
+ initGmap(this);
+
+ }); //each
+ });
+
+ } // if
+
+ });
+ }
+
+ // Center Map marker on resolution change
+ $(window).resize(function() {
+
+ if(gMapRefs && gMapRefs.length) {
+ for( var r in gMapRefs) {
+ var mapRef = gMapRefs[r];
+ var currMapCenter = mapRef.getCenter();
+ if(mapRef && currMapCenter) {
+ google.maps.event.trigger(mapRef, 'resize');
+ mapRef.setCenter(currMapCenter);
+ }
+ }
+ }
+ });
+
+ function initGmap(element){
+
+ var $this = $(element),
+ addresses = $this.data('address') && $this.data('address').split(';'),
+ titles = $this.data('title') && $this.data('title').split(';'),
+ zoom = $this.data('zoom') || 14,
+ maptype = $this.data('maptype') || 'ROADMAP', // or 'TERRAIN'
+ markers = [];
+
+ if(addresses) {
+ for(var a in addresses) {
+ if(typeof addresses[a] == 'string') {
+ markers.push({
+ address: addresses[a],
+ html: (titles && titles[a]) || '',
+ popup: true /* Always popup */
+ });
+ }
+ }
+
+ var options = {
+ controls: {
+ panControl: true,
+ zoomControl: true,
+ mapTypeControl: true,
+ scaleControl: true,
+ streetViewControl: true,
+ overviewMapControl: true
+ },
+ scrollwheel: false,
+ maptype: maptype,
+ markers: markers,
+ zoom: zoom
+ // More options https://github.com/marioestrada/jQuery-gMap
+ };
+
+ var gMap = $this.gMap(options);
+
+ var ref = gMap.data('gMap.reference');
+ // save in the map references list
+ gMapRefs.push(ref);
+
+ // set the styles
+ if($this.data('styled') !== undefined) {
+
+ ref.setOptions({
+ styles: MapStyles
+ });
+
+ }
+ }
+
+}
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: load-css.js
+ * Request and load into the current page a css file
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ var Selector = '[data-toggle="load-css"]',
+ storageKeyName = 'autoloadCSS';
+
+ restoreStylesheet();
+ $(document)
+ .ready(function() {
+ })
+ .on('click', Selector, function (e) {
+ e.preventDefault();
+ var uri = $(this).data('uri');
+
+ createStylesheet(uri);
+
+ });
+
+ // Creates a link element and injects the stylesheet href
+ function createStylesheet(uri) {
+ var link;
+ if(uri) {
+ link = createLink();
+ if(link) {
+ injectStylesheet(link, uri);
+ }
+ else {
+ $.error('Error creating new stylsheet link element.');
+ }
+ }
+ else {
+ $.error('No stylesheet location defined.');
+ }
+ }
+
+ function createLink() {
+ var linkId = 'autoloaded-stylesheet',
+ link = $('#'+linkId);
+
+ if( ! link.length ) {
+ var newLink = $('').attr('id', linkId);
+ $('head').append(newLink);
+ link = $('#'+linkId);
+ }
+ return link;
+ }
+
+ function injectStylesheet(element, uri) {
+ var v = '?id='+Math.round(Math.random()*10000); // forces to jump cache
+ if(element.length) {
+ element.attr('href', uri + v);
+ }
+ saveStylesheet(uri);
+ }
+
+ // Save the loaded stylesheet link
+ function saveStylesheet(uri) {
+ store.set(storageKeyName, uri);
+ }
+ // Restores the stylesheet
+ function restoreStylesheet() {
+ var uri = store.get(storageKeyName);
+ if(uri) {
+ createStylesheet(uri);
+ }
+ }
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: markdownarea.js
+ * Markdown Editor from UIKit adapted for Bootstrap Layout
+ * Requires uikit core - codemirror - marked
+ * @author: geedmo (http://geedmo.com)
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ var Markdownarea = function(element, options){
+
+ var $element = $(element);
+
+ if($element.data("markdownarea")) return;
+
+ this.element = $element;
+ this.options = $.extend({}, Markdownarea.defaults, options);
+
+ this.marked = this.options.marked || marked;
+ this.CodeMirror = this.options.CodeMirror || CodeMirror;
+
+ this.marked.setOptions({
+ gfm : true,
+ tables : true,
+ breaks : true,
+ pedantic : true,
+ sanitize : false,
+ smartLists : true,
+ smartypants : false,
+ langPrefix : 'lang-'
+ });
+
+ this.init();
+
+ this.element.data("markdownarea", this);
+ };
+
+ $.extend(Markdownarea.prototype, {
+
+ init: function(){
+
+ var $this = this, tpl = Markdownarea.template;
+
+ tpl = tpl.replace(/\{\:lblPreview\}/g, this.options.lblPreview);
+ tpl = tpl.replace(/\{\:lblCodeview\}/g, this.options.lblCodeview);
+
+ this.markdownarea = $(tpl);
+ this.content = this.markdownarea.find(".uk-markdownarea-content");
+ this.toolbar = this.markdownarea.find(".uk-markdownarea-toolbar");
+ this.preview = this.markdownarea.find(".uk-markdownarea-preview").children().eq(0);
+ this.code = this.markdownarea.find(".uk-markdownarea-code");
+
+ this.element.before(this.markdownarea).appendTo(this.code);
+
+ this.editor = this.CodeMirror.fromTextArea(this.element[0], this.options.codemirror);
+
+ this.editor.markdownarea = this;
+
+ this.editor.on("change", (function(){
+ var render = function(){
+
+ var value = $this.editor.getValue();
+
+ $this.currentvalue = String(value);
+
+ $this.element.trigger("markdownarea-before", [$this]);
+
+ $this.applyPlugins();
+
+ $this.marked($this.currentvalue, function (err, markdown) {
+
+ if (err) throw err;
+
+ $this.preview.html(markdown);
+ $this.element.val($this.editor.getValue()).trigger("markdownarea-update", [$this]);
+ });
+ };
+ render();
+ return $.Utils.debounce(render, 150);
+ })());
+
+ this.code.find(".CodeMirror").css("height", this.options.height);
+
+ this._buildtoolbar();
+ this.fit();
+
+ $(window).on("resize", $.Utils.debounce(function(){
+ $this.fit();
+ }, 200));
+
+
+ var previewContainer = $this.preview.parent(),
+ codeContent = this.code.find('.CodeMirror-sizer'),
+ codeScroll = this.code.find('.CodeMirror-scroll').on('scroll',$.Utils.debounce(function() {
+
+ if($this.markdownarea.attr("data-mode")=="tab") return;
+
+ // calc position
+ var codeHeight = codeContent.height() - codeScroll.height(),
+ previewHeight = previewContainer[0].scrollHeight - previewContainer.height(),
+ ratio = previewHeight / codeHeight,
+ previewPostition = codeScroll.scrollTop() * ratio;
+
+ // apply new scroll
+ previewContainer.scrollTop(previewPostition);
+ }, 10));
+
+ this.markdownarea.on("click", ".uk-markdown-button-markdown, .uk-markdown-button-preview", function(e){
+
+ e.preventDefault();
+
+ if($this.markdownarea.attr("data-mode")=="tab") {
+
+ $this.markdownarea.find(".uk-markdown-button-markdown, .uk-markdown-button-preview").removeClass("uk-active").filter(this).addClass("uk-active");
+
+ $this.activetab = $(this).hasClass("uk-markdown-button-markdown") ? "code":"preview";
+ $this.markdownarea.attr("data-active-tab", $this.activetab);
+ }
+ });
+
+ this.preview.parent().css("height", this.code.height());
+ },
+
+ applyPlugins: function(){
+
+ var $this = this,
+ plugins = Object.keys(Markdownarea.plugins),
+ plgs = Markdownarea.plugins;
+
+ this.markers = {};
+
+ if(plugins.length) {
+
+ var lines = this.currentvalue.split("\n");
+
+ plugins.forEach(function(name){
+ this.markers[name] = [];
+ }, this);
+
+ for(var line=0,max=lines.length;line":"> $1", editor); + } + }, + "link" : { + "title" : "Link", + "label" : '', + "action" : function(editor){ + baseReplacer(this.getMode() == 'html' ? '$1':"[$1](http://)", editor); + } + }, + "picture" : { + "title" : "Picture", + "label" : '', + "action" : function(editor){ + baseReplacer(this.getMode() == 'html' ? '$1
' +
+ '' +
+ '
';
+
+ Markdownarea.plugins = {};
+ Markdownarea.addPlugin = function(name, identifier, callback) {
+ Markdownarea.plugins[name] = {"identifier":identifier, "cb":callback};
+ };
+
+ $.fn["markdownarea"] = Markdownarea;
+
+ // init code
+ $(function() {
+
+ $("textarea[data-uk-markdownarea]").each(function() {
+ var area = $(this), obj;
+
+ if (!area.data("markdownarea")) {
+ obj = new Markdownarea(area, $.Utils.options(area.attr("data-uk-markdownarea")));
+ }
+ });
+ });
+
+ return Markdownarea;
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: navbar-search.js
+ * Navbar search toggler
+ * To open search add a buton with [data-toggle="navbar-search"]
+ * To close search add an element with [data-toggle="navbar-search-dismiss"]
+ *
+ * Auto dismiss on ESC key
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ $(function() {
+
+ var openSelector = '[data-toggle="navbar-search"]',
+ dismissSelector = '[data-toggle="navbar-search-dismiss"]',
+ inputSelector = '.navbar-form input[type="text"]',
+ navbarForm = $('form.navbar-form');
+
+ var NavSearch = {
+ toggle: function() {
+
+ navbarForm.toggleClass('open');
+
+ var isOpen = navbarForm.hasClass('open');
+
+ navbarForm.find('input')[isOpen ? 'focus' : 'blur']();
+
+ },
+
+ dismiss: function() {
+ navbarForm
+ .removeClass('open') // Close control
+ .find('input[type="text"]').blur() // remove focus
+ .val('') // Empty input
+ ;
+ }
+
+ };
+
+ $(document)
+ .on('click', NavSearch.dismiss)
+ .on('click', openSelector +', '+ inputSelector +', '+ dismissSelector, function (e) {
+ e.stopPropagation();
+ })
+ .on('click', dismissSelector, NavSearch.dismiss)
+ .on('click', openSelector, NavSearch.toggle)
+ .keyup(function(e) {
+ if (e.keyCode == 27) // ESC
+ NavSearch.dismiss();
+ });
+ });
+
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: notify.js
+ * Create toggleable notifications that fade out automatically.
+ * Based on Notify addon from UIKit (http://getuikit.com/docs/addons_notify.html)
+ * [data-toggle="notify"]
+ * [data-options="options in json format" ]
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ var Selector = '[data-toggle="notify"]',
+ autoloadSelector = '[data-onload]',
+ doc = $(document);
+
+
+ $(function() {
+
+ $(Selector).each(function(){
+
+ var $this = $(this),
+ onload = $this.data('onload');
+
+ if(onload !== undefined) {
+ setTimeout(function(){
+ notifyNow($this);
+ }, 1000);
+ }
+
+ $this.on('click', function (e) {
+ e.preventDefault();
+ notifyNow($this);
+ });
+
+ });
+
+ });
+
+ function notifyNow($element) {
+ var message = $element.data('message'),
+ options = $element.data('options');
+
+ if(!message)
+ $.error('Notify: No message specified');
+
+ $.notify(message, options || {});
+ }
+
+
+}(jQuery, window, document));
+
+
+/**
+ * Notify Addon definition as jQuery plugin
+ * Adapted version to work with Bootstrap classes
+ * More information http://getuikit.com/docs/addons_notify.html
+ */
+
+(function($, window, document){
+
+ var containers = {},
+ messages = {},
+
+ notify = function(options){
+
+ if ($.type(options) == 'string') {
+ options = { message: options };
+ }
+
+ if (arguments[1]) {
+ options = $.extend(options, $.type(arguments[1]) == 'string' ? {status:arguments[1]} : arguments[1]);
+ }
+
+ return (new Message(options)).show();
+ },
+ closeAll = function(group, instantly){
+ if(group) {
+ for(var id in messages) { if(group===messages[id].group) messages[id].close(instantly); }
+ } else {
+ for(var id in messages) { messages[id].close(instantly); }
+ }
+ };
+
+ var Message = function(options){
+
+ var $this = this;
+
+ this.options = $.extend({}, Message.defaults, options);
+
+ this.uuid = "ID"+(new Date().getTime())+"RAND"+(Math.ceil(Math.random() * 100000));
+ this.element = $([
+ // @geedmo: alert-dismissable enables bs close icon
+ ''
+
+ ].join('')).data("notifyMessage", this);
+
+ // status
+ if (this.options.status) {
+ this.element.addClass('alert alert-'+this.options.status);
+ this.currentstatus = this.options.status;
+ }
+
+ this.group = this.options.group;
+
+ messages[this.uuid] = this;
+
+ if(!containers[this.options.pos]) {
+ containers[this.options.pos] = $('').appendTo('body').on("click", ".uk-notify-message", function(){
+ $(this).data("notifyMessage").close();
+ });
+ }
+ };
+
+
+ $.extend(Message.prototype, {
+
+ uuid: false,
+ element: false,
+ timout: false,
+ currentstatus: "",
+ group: false,
+
+ show: function() {
+
+ if (this.element.is(":visible")) return;
+
+ var $this = this;
+
+ containers[this.options.pos].show().prepend(this.element);
+
+ var marginbottom = parseInt(this.element.css("margin-bottom"), 10);
+
+ this.element.css({"opacity":0, "margin-top": -1*this.element.outerHeight(), "margin-bottom":0}).animate({"opacity":1, "margin-top": 0, "margin-bottom":marginbottom}, function(){
+
+ if ($this.options.timeout) {
+
+ var closefn = function(){ $this.close(); };
+
+ $this.timeout = setTimeout(closefn, $this.options.timeout);
+
+ $this.element.hover(
+ function() { clearTimeout($this.timeout); },
+ function() { $this.timeout = setTimeout(closefn, $this.options.timeout); }
+ );
+ }
+
+ });
+
+ return this;
+ },
+
+ close: function(instantly) {
+
+ var $this = this,
+ finalize = function(){
+ $this.element.remove();
+
+ if(!containers[$this.options.pos].children().length) {
+ containers[$this.options.pos].hide();
+ }
+
+ delete messages[$this.uuid];
+ };
+
+ if(this.timeout) clearTimeout(this.timeout);
+
+ if(instantly) {
+ finalize();
+ } else {
+ this.element.animate({"opacity":0, "margin-top": -1* this.element.outerHeight(), "margin-bottom":0}, function(){
+ finalize();
+ });
+ }
+ },
+
+ content: function(html){
+
+ var container = this.element.find(">div");
+
+ if(!html) {
+ return container.html();
+ }
+
+ container.html(html);
+
+ return this;
+ },
+
+ status: function(status) {
+
+ if(!status) {
+ return this.currentstatus;
+ }
+
+ this.element.removeClass('alert alert-'+this.currentstatus).addClass('alert alert-'+status);
+
+ this.currentstatus = status;
+
+ return this;
+ }
+ });
+
+ Message.defaults = {
+ message: "",
+ status: "normal",
+ timeout: 5000,
+ group: null,
+ pos: 'top-center'
+ };
+
+
+ $["notify"] = notify;
+ $["notify"].message = Message;
+ $["notify"].closeAll = closeAll;
+
+ return notify;
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: panel-perform.js
+ * Dismiss panels
+ * [data-perform="panel-dismiss"]
+ *
+ * Requires animo.js
+ =========================================================*/
+(function($, window, document){
+ 'use strict';
+
+ var panelSelector = '[data-perform="panel-dismiss"]',
+ removeEvent = 'panel-remove',
+ removedEvent = 'panel-removed';
+
+ $(document).on('click', panelSelector, function () {
+
+ // find the first parent panel
+ var parent = $(this).closest('.panel');
+
+ if($.support.animation) {
+ parent.animo({animation: 'bounceOut'}, removeElement);
+ }
+ else removeElement();
+
+ function removeElement() {
+ // Trigger the event and finally remove the element
+ $.when(parent.trigger(removeEvent, [parent]))
+ .done(destroyPanel);
+ }
+
+ function destroyPanel() {
+ var col = parent.parent();
+ parent.remove();
+ // remove the parent if it is a row and is empty and not a sortable (portlet)
+ col
+ .trigger(removedEvent) // An event to catch when the panel has been removed from DOM
+ .filter(function() {
+ var el = $(this);
+ return (el.is('[class*="col-"]:not(.sortable)') && el.children('*').length === 0);
+ }).remove();
+
+ }
+
+ });
+
+}(jQuery, window, document));
+
+
+/**
+ * Collapse panels
+ * [data-perform="panel-collapse"]
+ *
+ * Also uses browser storage to keep track
+ * of panels collapsed state
+ */
+(function($, window, document) {
+ 'use strict';
+ var panelSelector = '[data-perform="panel-collapse"]',
+ storageKeyName = 'panelState';
+
+ // Prepare the panel to be collapsable and its events
+ $(panelSelector).each(function() {
+ // find the first parent panel
+ var $this = $(this),
+ parent = $this.closest('.panel'),
+ wrapper = parent.find('.panel-wrapper'),
+ collapseOpts = {toggle: false},
+ iconElement = $this.children('em'),
+ panelId = parent.attr('id');
+
+ // if wrapper not added, add it
+ // we need a wrapper to avoid jumping due to the paddings
+ if( ! wrapper.length) {
+ wrapper =
+ parent.children('.panel-heading').nextAll() //find('.panel-body, .panel-footer')
+ .wrapAll('')
+ .parent()
+ .addClass('panel-wrapper');
+ collapseOpts = {};
+ }
+
+ // Init collapse and bind events to switch icons
+ wrapper
+ .collapse(collapseOpts)
+ .on('hide.bs.collapse', function() {
+ setIconHide( iconElement );
+ savePanelState( panelId, 'hide' );
+ })
+ .on('show.bs.collapse', function() {
+ setIconShow( iconElement );
+ savePanelState( panelId, 'show' );
+ });
+
+ // Load the saved state if exists
+ var currentState = loadPanelState( panelId );
+ if(currentState) {
+ setTimeout(function() { wrapper.collapse( currentState ); }, 0);
+ savePanelState( panelId, currentState );
+ }
+
+ });
+
+ // finally catch clicks to toggle panel collapse
+ $(document).on('click', panelSelector, function () {
+
+ var parent = $(this).closest('.panel');
+ var wrapper = parent.find('.panel-wrapper');
+
+ wrapper.collapse('toggle');
+
+ });
+
+ /////////////////////////////////////////////
+ // Common use functions for panel collapse //
+ /////////////////////////////////////////////
+ function setIconShow(iconEl) {
+ iconEl.removeClass('fa-plus').addClass('fa-minus');
+ }
+
+ function setIconHide(iconEl) {
+ iconEl.removeClass('fa-minus').addClass('fa-plus');
+ }
+
+ function savePanelState(id, state) {
+ if(!id || !store || !store.enabled) return false;
+ var data = store.get(storageKeyName);
+ if(!data) { data = {}; }
+ data[id] = state;
+ store.set(storageKeyName, data);
+ }
+
+ function loadPanelState(id) {
+ if(!id || !store || !store.enabled) return false;
+ var data = store.get(storageKeyName);
+ if(data) {
+ return data[id] || false;
+ }
+ }
+
+
+}(jQuery, window, document));
+
+
+/**
+ * Refresh panels
+ * [data-perform="panel-refresh"]
+ * [data-spinner="standard"]
+ */
+(function($, window, document){
+ 'use strict';
+ var panelSelector = '[data-perform="panel-refresh"]',
+ refreshEvent = 'panel-refresh',
+ csspinnerClass = 'csspinner',
+ defaultSpinner = 'standard';
+
+ // method to clear the spinner when done
+ function removeSpinner(){
+ this.removeClass(csspinnerClass);
+ }
+
+ // catch clicks to toggle panel refresh
+ $(document).on('click', panelSelector, function () {
+ var $this = $(this),
+ panel = $this.parents('.panel').eq(0),
+ spinner = $this.data('spinner') || defaultSpinner
+ ;
+
+ // start showing the spinner
+ panel.addClass(csspinnerClass + ' ' + spinner);
+
+ // attach as public method
+ panel.removeSpinner = removeSpinner;
+
+ // Trigger the event and send the panel object
+ $this.trigger(refreshEvent, [panel]);
+
+ });
+
+
+ /**
+ * This function is only to show a demonstration
+ * of how to use the panel refresh system via
+ * custom event.
+ * IMPORTANT: see how to remove the spinner.
+ */
+
+ $('.panel.panel-demo').on('panel-refresh', function(e, panel){
+
+ // perform any action when a .panel triggers a the refresh event
+ setTimeout(function(){
+
+ // when the action is done, just remove the spinner class
+ panel.removeSpinner();
+
+ }, 3000);
+
+ });
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: play-animation.js
+ * Provides a simple way to run animation with a trigger
+ * Targeted elements must have
+ * [data-toggle="play-animation"]
+ * [data-target="Target element affected by the animation"]
+ * [data-play="Animation name (http://daneden.github.io/animate.css/)"]
+ *
+ * Requires animo.js
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ var Selector = '[data-toggle="play-animation"]';
+
+ $(function() {
+
+ var $scroller = $(window).add('body, .wrapper');
+
+ // Parse animations params and attach trigger to scroll
+ $(Selector).each(function() {
+ var $this = $(this),
+ offset = $this.data('offset'),
+ delay = $this.data('delay') || 100, // milliseconds
+ animation = $this.data('play') || 'bounce';
+
+ if(typeof offset !== 'undefined') {
+
+ // test if the element starts visible
+ testAnimation($this);
+ // test on scroll
+ $scroller.scroll(function(){
+ testAnimation($this);
+ });
+
+ }
+
+ // Test an element visibilty and trigger the given animation
+ function testAnimation(element) {
+ if ( !element.hasClass('anim-running') &&
+ $.Utils.isInView(element, {topoffset: offset})) {
+ element
+ .addClass('anim-running');
+
+ setTimeout(function() {
+ element
+ .addClass('anim-done')
+ .animo( { animation: animation, duration: 0.7} );
+ }, delay);
+
+ }
+ }
+
+ });
+
+ // Run click triggered animations
+ $(document).on('click', Selector, function() {
+
+ var $this = $(this),
+ targetSel = $this.data('target'),
+ animation = $this.data('play') || 'bounce',
+ target = $(targetSel);
+
+ if(target && target) {
+ target.animo( { animation: animation } );
+ }
+
+ });
+
+ });
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: portlet.js
+ * Drag and drop any panel to change its position
+ * The Selector should could be applied to any object that contains
+ * panel, so .col-* element are ideal.
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ // Component is required
+ if(!$.fn.sortable) return;
+
+ var Selector = '[data-toggle="portlet"]',
+ storageKeyName = 'portletState';
+
+ $(function(){
+
+ $( Selector ).sortable({
+ connectWith: Selector,
+ items: 'div.panel',
+ handle: '.portlet-handler',
+ opacity: 0.7,
+ placeholder: 'portlet box-placeholder',
+ cancel: '.portlet-cancel',
+ forcePlaceholderSize: true,
+ iframeFix: false,
+ tolerance: 'pointer',
+ helper: 'original',
+ revert: 200,
+ forceHelperSize: true,
+ start: saveListSize,
+ update: savePortletOrder,
+ create: loadPortletOrder
+ })
+ // optionally disables mouse selection
+ //.disableSelection()
+ ;
+
+ });
+
+ function savePortletOrder(event, ui) {
+
+ var data = store.get(storageKeyName);
+
+ if(!data) { data = {}; }
+
+ data[this.id] = $(this).sortable('toArray');
+
+ if(data) {
+ store.set(storageKeyName, data);
+ }
+
+ // save portlet size to avoid jumps
+ saveListSize.apply(this);
+ }
+
+ function loadPortletOrder() {
+
+ var data = store.get(storageKeyName);
+
+ if(data) {
+
+ var porletId = this.id,
+ panels = data[porletId];
+
+ if(panels) {
+ var portlet = $('#'+porletId);
+
+ $.each(panels, function(index, value) {
+ $('#'+value).appendTo(portlet);
+ });
+ }
+
+ }
+
+ // save portlet size to avoid jumps
+ saveListSize.apply(this);
+ }
+
+ // Keeps a consistent size in all portlet lists
+ function saveListSize() {
+ var $this = $(this);
+ $this.css('min-height', $this.height());
+ }
+
+ /*function resetListSize() {
+ $(this).css('min-height', "");
+ }*/
+
+}(jQuery, window, document));
+
+
+/**=========================================================
+ * Module: sidebar-menu.js
+ * Provides a simple way to implement bootstrap collapse plugin using a target
+ * next to the current element (sibling)
+ * Targeted elements must have [data-toggle="collapse-next"]
+ =========================================================*/
+(function($, window, document){
+ 'use strict';
+
+ var collapseSelector = '[data-toggle="collapse-next"]',
+ colllapsibles = $('.sidebar .collapse').collapse({toggle: false}),
+ toggledClass = 'aside-collapsed',
+ $body = $('body'),
+ phone_mq = 768; // media querie
+
+ $(function() {
+
+ $(document)
+ .on('click', collapseSelector, function (e) {
+ e.preventDefault();
+
+ if ($(window).width() > phone_mq &&
+ $body.hasClass(toggledClass)) return;
+
+ // Try to close all of the collapse areas first
+ colllapsibles.collapse('hide');
+ // ...then open just the one we want
+ var $target = $(this).siblings('ul');
+ $target.collapse('show');
+
+ })
+ // Submenu when aside is toggled
+ .on('click', '.sidebar > .nav > li', function() {
+
+ if ($body.hasClass(toggledClass) &&
+ $(window).width() > phone_mq) {
+
+ $('.sidebar > .nav > li')
+ .not(this)
+ .removeClass('open')
+ .end()
+ .filter(this)
+ .toggleClass('open');
+ }
+
+ });
+
+ });
+
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: sparkline.js
+ * SparkLines Mini Charts
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ var Selector = '.inlinesparkline';
+
+ // Match color with css values to style charts
+ var colors = {
+ primary: '#5fb5cb',
+ success: '#27ae60',
+ info: '#22bfe8',
+ warning: '#ffc61d',
+ danger: '#f6504d'
+ };
+
+ // Inline sparklines take their values from the contents of the tag
+ $(Selector).each(function() {
+
+ var $this = $(this);
+ var data = $this.data();
+
+ if(data.barColor && colors[data.barColor])
+ data.barColor = colors[data.barColor];
+
+ var options = data;
+ options.type = data.type || 'bar'; // default chart is bar
+
+ $(this).sparkline('html', options);
+
+ });
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: table-checkall.js
+ * Tables check all checkbox
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ var Selector = 'th.check-all';
+
+ $(Selector).on('change', function() {
+ var $this = $(this),
+ index= $this.index() + 1,
+ checkbox = $this.find('input[type="checkbox"]'),
+ table = $this.parents('table');
+ // Make sure to affect only the correct checkbox column
+ table.find('tbody > tr > td:nth-child('+index+') input[type="checkbox"]')
+ .prop('checked', checkbox[0].checked);
+
+ });
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: toggle-state.js
+ * Toggle a classname from the BODY. Useful to change a state that
+ * affects globally the entire layout or more than one item
+ * Targeted elements must have [data-toggle="CLASS-NAME-TO-TOGGLE"]
+ * Optionally save and restore state [data-persists="true"]
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ var SelectorToggle = '[data-toggle-state]',
+ $body = $('body'),
+ storageKeyName = 'toggleState';
+
+
+ $(document)
+ .ready(function() {
+ restoreState($body);
+ })
+ .on('click', SelectorToggle, function (e) {
+ e.preventDefault();
+ var classname = $(this).data('toggleState'),
+ persists = $(this).data('persists');
+
+ if(classname) {
+ if( $body.hasClass(classname) ) {
+ $body.removeClass(classname);
+ if(persists) removeState(classname);
+ }
+ else {
+ $body.addClass(classname);
+ if(persists) addState(classname);
+ }
+
+ }
+
+ });
+
+ // Add a state to the browser storage to be restored later
+ function addState(classname){
+ var data = store.get(storageKeyName);
+
+ if(!data) {
+ data = classname;
+ }
+ else {
+ data = WordChecker.addWord(data, classname);
+ }
+
+ store.set(storageKeyName, data);
+ }
+
+ // Remove a state from the browser storage
+ function removeState(classname){
+ var data = store.get(storageKeyName);
+ // nothing to remove
+ if(!data) return;
+
+ data = WordChecker.removeWord(data, classname);
+
+ store.set(storageKeyName, data);
+ }
+
+ // Load the state string and restore the classlist
+ function restoreState($elem) {
+ var data = store.get(storageKeyName);
+
+ // nothing to restore
+ if(!data) return;
+ $elem.addClass(data);
+ }
+
+
+ //////////////////////////////////////////////////
+ // Helper object to check for words in a phrase //
+ //////////////////////////////////////////////////
+ var WordChecker = {
+ hasWord: function (phrase, word) {
+ return new RegExp('(^|\\s)' + word + '(\\s|$)').test(phrase);
+ },
+ addWord: function (phrase, word) {
+ if (!this.hasWord(phrase, word)) {
+ return (phrase + (phrase ? ' ' : '') + word);
+ }
+ },
+ removeWord: function (phrase, word) {
+ if (this.hasWord(phrase, word)) {
+ return phrase.replace(new RegExp('(^|\\s)*' + word + '(\\s|$)*', 'g'), '');
+ }
+ }
+ };
+
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: tooltips.js
+ * Initialize Bootstrap tooltip with auto placement
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ $(function(){
+
+ $('[data-toggle="tooltip"]').tooltip({
+ container: 'body',
+ placement: function (context, source) {
+ //return (predictTooltipTop(source) < 0) ? "bottom": "top";
+ var pos = 'top';
+ if(predictTooltipTop(source) < 0)
+ pos = 'bottom';
+ if(predictTooltipLeft(source) < 0)
+ pos = 'right';
+ return pos;
+ }
+ });
+
+ });
+
+ // Predicts tooltip top position
+ // based on the trigger element
+ function predictTooltipTop(el) {
+ var top = el.offsetTop;
+ var height = 40; // asumes ~40px tooltip height
+
+ while(el.offsetParent) {
+ el = el.offsetParent;
+ top += el.offsetTop;
+ }
+ return (top - height) - (window.pageYOffset);
+ }
+
+ // Predicts tooltip top position
+ // based on the trigger element
+ function predictTooltipLeft(el) {
+ var left = el.offsetLeft;
+ var width = el.offsetWidth;
+
+ while(el.offsetParent) {
+ el = el.offsetParent;
+ left += el.offsetLeft;
+ }
+ return (left - width) - (window.pageXOffset);
+ }
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: upload-demo.js
+ * Upload Demostration
+ * See file server/upload.php for more details
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ $(function() {
+
+ var progressbar = $('#progressbar'),
+ bar = progressbar.find('.progress-bar'),
+ settings = {
+
+ action: 'server/upload.php', // upload url
+
+ allow : '*.(jpg|jpeg|gif|png)', // allow only images
+
+ param: 'upfile',
+
+ loadstart: function() {
+ bar.css('width', '0%').text('0%');
+ progressbar.removeClass('hidden');
+ },
+
+ progress: function(percent) {
+ percent = Math.ceil(percent);
+ bar.css('width', percent+'%').text(percent+'%');
+ },
+
+ allcomplete: function(response) {
+
+ bar.css('width', '100%').text('100%');
+
+ setTimeout(function(){
+ progressbar.addClass('hidden');
+ }, 250);
+
+ // Upload Completed
+ alert(response);
+ }
+ };
+
+ var select = new $.upload.select($('#upload-select'), settings),
+ drop = new $.upload.drop($('#upload-drop'), settings);
+ });
+
+}(jQuery, window, document));
+
+/**=========================================================
+ * Module: upload.js
+ * Allow users to upload files through a file input form element or a placeholder area.
+ * Based on addon from UIKit (http://getuikit.com/docs/addons_upload.html)
+ *
+ * Adapted version to work with Bootstrap classes
+ =========================================================*/
+
+(function($, window, document){
+ 'use strict';
+
+ var UploadSelect = function(element, options) {
+
+ var $this = this,
+ $element = $(element),
+ options = $.extend({}, xhrupload.defaults, UploadSelect.defaults, options);
+
+ if ($element.data("uploadSelect")) return;
+
+ this.element = $element.on("change", function() {
+ xhrupload($this.element[0].files, options);
+ });
+
+ $element.data("uploadSelect", this);
+ };
+
+ UploadSelect.defaults = {};
+
+ var UploadDrop = function(element, options) {
+
+ var $this = this,
+ $element = $(element),
+ options = $.extend({}, xhrupload.defaults, UploadDrop.defaults, options),
+ hasdragCls = false;
+
+ if ($element.data("uploadDrop")) return;
+
+ $element.on("drop", function(e){
+
+ if (e.dataTransfer && e.dataTransfer.files) {
+
+ e.stopPropagation();
+ e.preventDefault();
+
+ $element.removeClass(options.dragoverClass);
+
+ xhrupload(e.dataTransfer.files, options);
+ }
+
+ }).on("dragenter", function(e){
+ e.stopPropagation();
+ e.preventDefault();
+ }).on("dragover", function(e){
+ e.stopPropagation();
+ e.preventDefault();
+
+ if (!hasdragCls) {
+ $element.addClass(options.dragoverClass);
+ hasdragCls = true;
+ }
+ }).on("dragleave", function(e){
+ e.stopPropagation();
+ e.preventDefault();
+ $element.removeClass(options.dragoverClass);
+ hasdragCls = false;
+ });
+
+ $element.data("uploadDrop", this);
+ };
+
+ UploadDrop.defaults = {
+ 'dragoverClass': 'dragover'
+ };
+
+ $.upload = { "select" : UploadSelect, "drop" : UploadDrop };
+
+ $.support.ajaxupload = (function() {
+
+ function supportFileAPI() {
+ var fi = document.createElement('INPUT'); fi.type = 'file'; return 'files' in fi;
+ }
+
+ function supportAjaxUploadProgressEvents() {
+ var xhr = new XMLHttpRequest(); return !! (xhr && ('upload' in xhr) && ('onprogress' in xhr.upload));
+ }
+
+ function supportFormData() {
+ return !! window.FormData;
+ }
+
+ return supportFileAPI() && supportAjaxUploadProgressEvents() && supportFormData();
+ })();
+
+ if ($.support.ajaxupload){
+ $.event.props.push("dataTransfer");
+ }
+
+ function xhrupload(files, settings) {
+
+ if (!$.support.ajaxupload){
+ return this;
+ }
+
+ settings = $.extend({}, xhrupload.defaults, settings);
+
+ if (!files.length){
+ return;
+ }
+
+ if (settings.allow !== '*.*') {
+
+ for(var i=0,file;file=files[i];i++) {
+
+ if(!matchName(settings.allow, file.name)) {
+
+ if(typeof(settings.notallowed) == 'string') {
+ alert(settings.notallowed);
+ } else {
+ settings.notallowed(file, settings);
+ }
+ return;
+ }
+ }
+ }
+
+ var complete = settings.complete;
+
+ if (settings.single){
+
+ var count = files.length,
+ uploaded = 0;
+
+ settings.complete = function(response, xhr){
+ uploaded = uploaded+1;
+ complete(response, xhr);
+ if (uploaded' +
+ '' +
+ '
' +
+ '' +
+ '
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ +
+
+
+ 사이트 무제한 생성
+ 클라우드 웹호스팅
+ 사용 여부에 따라 필요한 만큼만 사용하는 방식으로 기존 클라우드 방식 보다 70% 이상 비용 절약 가능
++ +
+
+
-
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ +
+ 간결한 서버 운용
+서버 운용 지식이 없어도 쉽게 사용가능한 방식
+생성, 제거를 자유자재로 가능하므로 용량 내에서는 여러 웹사이트 제작 가능
+안전하고 믿을 만한 단독 서버 사용(dashboard)
++ +
+
+
+
+
+
+ +
+ 한 눈에 보이는 계산 방식
+상담을 통해 선정하는 불투명한 산출 방식 대신 정찰제로 운영
+원하는 크기와 기간에 따른 다양한 선택폭
+타사보다 80% 정도 저렴한 가격
++ +
+ 
+
+
+
+ 모든 운영체제를 지원합니다
+
+
+ 모든 운영체제를 지원합니다
+
+ 여러 운영체제로 사용가능합니다
+
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+ Ready to start? Try this App today
+And see why people around the world choose this APP to create great cross-platform websites
+
+
+
+ Join Now!
+
+