Remove VueJs code (#168)
This commit is contained in:
Neha Gupta
GitHub
Родитель
019bab4b1a
Коммит
2fb2481503
|
|
@ -1,2 +0,0 @@
|
||||||
VUE_APP_INSTRUMENTATION_KEY=
|
|
||||||
VUE_APP_API_BASE_URL=https://serverlesslibrary.net/
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
VUE_APP_INSTRUMENTATION_KEY=d35b5caf-a276-467c-9ac7-f7f7d84ea171
|
|
||||||
VUE_APP_API_BASE_URL=
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
plugins: {
|
|
||||||
autoprefixer: {}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
MIT License
|
|
||||||
|
|
||||||
Copyright (c) 2018 Sarah Drasner
|
|
||||||
|
|
||||||
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.
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
|
|
||||||
# Azure Serverless Community Library
|
|
||||||
An open source set of common use cases for Azure Functions & LogicApps that are ready to deploy!
|
|
||||||
|
|
||||||
|
|
||||||
## How-to Contribute to the Serverless Library
|
|
||||||
|
|
||||||
1) Build something cool!
|
|
||||||
|
|
||||||
2) Put it in a public repository. Here are a couple great examples: [Function Example](https://github.com/jefking/fl-image-resize) or [LogicApp Example](https://github.com/Azure/azure-quickstart-templates/tree/master/101-logic-app-create)
|
|
||||||
|
|
||||||
2) Create an ARM template for your application (this is acually pretty simple.) This [ARM template generator](http://functionlibrary.azurewebsites.net/build.htm) quickly creates one for Azure Functions, and Logic Apps code is contained in ARM templates, so build the Logic App in the Azure portal & commit the generated template to your Git repo.
|
|
||||||
|
|
||||||
3) Finally, [create an issue](https://github.com/Azure/ServerlessLibrary/issues/new) in this repo containing the relevant details (template provided).
|
|
||||||
|
|
||||||
4) Wait for approval. When we close the issue, we'll merge your sample!
|
|
||||||
|
|
||||||
|
|
||||||
## Generic Deployment
|
|
||||||
|
|
||||||
If you find a Git repo with a Function or Logic App in it, you can use this to quickly deploy to Azure: [AzureDeploy.Any.json](https://github.com/jefking/FunctionLibrary/blob/master/azuredeploy.any.json)
|
|
||||||
|
|
||||||
If you want to create an ARM template that deploys Functions or LogicApps:
|
|
||||||
[Build Your Own](http://functionlibrary.azurewebsites.net/build.htm)
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
presets: [
|
|
||||||
'@vue/app'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
{
|
|
||||||
"name": "serverless-samples",
|
|
||||||
"version": "0.1.0",
|
|
||||||
"private": true,
|
|
||||||
"scripts": {
|
|
||||||
"serve": "vue-cli-service serve",
|
|
||||||
"build": "vue-cli-service build"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"vue": "^2.5.16",
|
|
||||||
"vue-router": "^3.0.2",
|
|
||||||
"vuex": "^3.0.1"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@vue/cli-plugin-babel": "^3.0.0-rc.5",
|
|
||||||
"@vue/cli-service": "^3.0.0-rc.5",
|
|
||||||
"node-sass": "^4.9.0",
|
|
||||||
"sass-loader": "^7.0.1",
|
|
||||||
"vue-template-compiler": "^2.5.16"
|
|
||||||
},
|
|
||||||
"browserslist": [
|
|
||||||
"> 1%",
|
|
||||||
"last 2 versions",
|
|
||||||
"not ie <= 8"
|
|
||||||
],
|
|
||||||
"main": "index.js",
|
|
||||||
"license": "MIT"
|
|
||||||
}
|
|
||||||
Двоичные данные
ServerlessLibraryUI/public/favicon.ico
Двоичные данные
ServerlessLibraryUI/public/favicon.ico
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 8.0 KiB |
|
|
@ -1,41 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html class="no-js" lang="en" dir="ltr">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
||||||
<meta name="description" content="Azure Functions and Logic Apps Samples">
|
|
||||||
<meta name="keywords" content="Serverless Functions Logic Apps Azure">
|
|
||||||
<meta name="author" content="Microsoft Corporation">
|
|
||||||
<title>Azure Serverless Community Library</title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="//assets.onestore.ms/cdnfiles/external/mwf/long/v1/v1.26.0/css/mwf-west-european-default.min.css">
|
|
||||||
<script type="text/javascript">
|
|
||||||
var aiInstrumentationKey="<%= VUE_APP_INSTRUMENTATION_KEY %>";
|
|
||||||
if (aiInstrumentationKey !== "")
|
|
||||||
{
|
|
||||||
var appInsights=window.appInsights||function(a){
|
|
||||||
function b(a){c[a]=function(){var b=arguments;c.queue.push(function(){c[a].apply(c,b)})}}var c={config:a},d=document,e=window;setTimeout(function(){var b=d.createElement("script");b.src=a.url||"https://az416426.vo.msecnd.net/scripts/a/ai.0.js",d.getElementsByTagName("script")[0].parentNode.appendChild(b)});try{c.cookie=d.cookie}catch(a){}c.queue=[];for(var f=["Event","Exception","Metric","PageView","Trace","Dependency"];f.length;)b("track"+f.pop());if(b("setAuthenticatedUserContext"),b("clearAuthenticatedUserContext"),b("startTrackEvent"),b("stopTrackEvent"),b("startTrackPage"),b("stopTrackPage"),b("flush"),!a.disableExceptionTracking){f="onerror",b("_"+f);var g=e[f];e[f]=function(a,b,d,e,h){var i=g&&g(a,b,d,e,h);return!0!==i&&c["_"+f](a,b,d,e,h),i}}return c
|
|
||||||
}({
|
|
||||||
instrumentationKey: aiInstrumentationKey
|
|
||||||
});
|
|
||||||
|
|
||||||
window.appInsights=appInsights,appInsights.queue&&0===appInsights.queue.length&&appInsights.trackPageView();
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<!--accessibility requirement-->
|
|
||||||
<a class="m-skip-to-main" href="#mainContent" tabindex="0">Skip to main content</a>
|
|
||||||
|
|
||||||
<noscript>
|
|
||||||
<strong>We're sorry but functions-samples doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
|
||||||
</noscript>
|
|
||||||
<div id="app" class="f-background-neutral-20"></div>
|
|
||||||
<!-- built files will be auto injected -->
|
|
||||||
</body>
|
|
||||||
<script src="//assets.onestore.ms/cdnfiles/external/mwf/short/v1/latest/scripts/mwf-auto-init-main.var.min.js"></script>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
|
|
@ -1,5 +0,0 @@
|
||||||
<template>
|
|
||||||
<div id="app">
|
|
||||||
<router-view></router-view>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.685 9.5"><defs><style>.a{fill:#8a8a8a;stroke:#707070;stroke-width:0.5px;}</style></defs><g transform="translate(9241.016 6818.259)"><path class="a" d="M7.656,5.261l-2.5,2.751-2.5-2.751.363-.4L4.894,6.93V0H5.41V6.93L7.293,4.865ZM7.474,9H2.83V8.438H7.474Z" transform="translate(-9243.325 -6818.009)"/></g></svg>
|
|
||||||
|
До Ширина: | Высота: | Размер: 364 B |
|
|
@ -1 +0,0 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.5 9.5"><defs><style>.a{fill:#015cda;}</style></defs><g transform="translate(9220 6646)"><path class="a" d="M4.143,6.663,9.584,1.24V3.958h.671V0H6.3V.679H9.038L3.627,6.1Z" transform="translate(-9220.756 -6646)"/><path class="a" d="M8.817,8.842H.685V.7H3.958V0H0V9.5H9.5V5.542H8.817Z" transform="translate(-9220 -6646)"/></g></svg>
|
|
||||||
|
До Ширина: | Высота: | Размер: 384 B |
Двоичные данные
ServerlessLibraryUI/src/assets/deploybutton.png
Двоичные данные
ServerlessLibraryUI/src/assets/deploybutton.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 16 KiB |
|
|
@ -1,57 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
width="161px" height="34px" viewBox="0 0 161 34" enable-background="new 0 0 161 34" xml:space="preserve">
|
|
||||||
<path fill="#0078d7" d="M158,34H3c-1.65,0-3-1.35-3-3V3c0-1.65,1.35-3,3-3h155c1.65,0,3,1.35,3,3v28C161,32.65,159.65,34,158,34z"/>
|
|
||||||
<path fill="#FFFFFF" d="M56.941,16.976c0,1.522-0.475,2.74-1.426,3.653C54.566,21.543,53.3,22,51.719,22h-3.473v-9.803h3.473
|
|
||||||
C55.2,12.197,56.941,13.79,56.941,16.976z M54.617,17.003c0-0.916-0.26-1.641-0.779-2.174c-0.542-0.556-1.311-0.834-2.304-0.834
|
|
||||||
h-1.08v6.214h1.094c0.966,0,1.723-0.294,2.27-0.882C54.351,18.758,54.617,17.982,54.617,17.003z"/>
|
|
||||||
<path fill="#FFFFFF" d="M64.639,19.115h-4.566c0.073,1.016,0.713,1.524,1.921,1.524c0.766,0,1.442-0.183,2.03-0.547v1.559
|
|
||||||
c-0.647,0.347-1.488,0.52-2.522,0.52c-1.144,0-2.028-0.319-2.652-0.957c-0.61-0.624-0.916-1.493-0.916-2.604
|
|
||||||
c0-1.23,0.378-2.191,1.135-2.885c0.651-0.598,1.44-0.896,2.365-0.896c1.062,0,1.875,0.331,2.44,0.991
|
|
||||||
c0.511,0.598,0.766,1.393,0.766,2.386V19.115z M62.636,17.789c0-1.002-0.405-1.504-1.217-1.504c-0.36,0-0.67,0.154-0.93,0.465
|
|
||||||
c-0.237,0.283-0.381,0.629-0.431,1.039H62.636z"/>
|
|
||||||
<path fill="#FFFFFF" d="M73.204,18.302c0,1.167-0.288,2.103-0.865,2.81c-0.576,0.707-1.343,1.06-2.3,1.06
|
|
||||||
c-0.848,0-1.49-0.328-1.928-0.984h-0.027v4.033h-2.16V15h2.16v1.053h0.027c0.524-0.816,1.273-1.224,2.249-1.224
|
|
||||||
c0.957,0,1.684,0.345,2.181,1.032C72.983,16.477,73.204,17.29,73.204,18.302z M70.989,18.329c0-1.23-0.479-1.846-1.436-1.846
|
|
||||||
c-0.438,0-0.798,0.167-1.08,0.499s-0.424,0.777-0.424,1.333v0.561c0,0.483,0.128,0.878,0.383,1.183s0.59,0.458,1.005,0.458
|
|
||||||
c0.497,0,0.88-0.191,1.148-0.574S70.989,19.021,70.989,18.329z"/>
|
|
||||||
<path fill="#FFFFFF" d="M76.766,22h-2.16V11.637h2.16V22z"/>
|
|
||||||
<path fill="#FFFFFF" d="M85.741,18.404c0,1.148-0.335,2.061-1.005,2.734c-0.684,0.688-1.622,1.032-2.816,1.032
|
|
||||||
c-1.171,0-2.09-0.327-2.755-0.981c-0.665-0.653-0.998-1.541-0.998-2.662c0-1.18,0.36-2.099,1.08-2.755
|
|
||||||
c0.684-0.629,1.606-0.943,2.769-0.943c1.203,0,2.14,0.351,2.81,1.053C85.436,16.529,85.741,17.369,85.741,18.404z M83.54,18.445
|
|
||||||
c0-1.309-0.521-1.962-1.565-1.962c-0.497,0-0.887,0.169-1.169,0.506c-0.296,0.351-0.444,0.854-0.444,1.511
|
|
||||||
c0,1.344,0.542,2.017,1.627,2.017C83.022,20.517,83.54,19.826,83.54,18.445z"/>
|
|
||||||
<path fill="#FFFFFF" d="M93.801,15l-2.844,7.561c-0.684,1.818-1.714,2.728-3.09,2.728c-0.501,0-0.932-0.06-1.292-0.178v-1.723
|
|
||||||
c0.287,0.169,0.6,0.253,0.937,0.253c0.556,0,0.943-0.262,1.162-0.786l0.369-0.868L86.199,15h2.393l1.306,4.259
|
|
||||||
c0.087,0.287,0.15,0.599,0.191,0.937h0.027c0.046-0.273,0.121-0.581,0.226-0.923L91.661,15H93.801z"/>
|
|
||||||
<path fill="#FFFFFF" d="M101.977,21.932c-0.265,0.15-0.615,0.226-1.053,0.226c-1.222,0-1.832-0.688-1.832-2.064V15.95h-1.203V15
|
|
||||||
h1.203v-1.709c0.355-0.113,0.729-0.234,1.121-0.362V15h1.764v0.95h-1.764v3.951c0,0.47,0.08,0.804,0.239,1.001
|
|
||||||
c0.159,0.199,0.426,0.298,0.8,0.298c0.278,0,0.52-0.075,0.725-0.226V21.932z"/>
|
|
||||||
<path fill="#FFFFFF" d="M109.831,18.473c0,1.117-0.314,2.012-0.943,2.687s-1.477,1.012-2.543,1.012
|
|
||||||
c-1.053,0-1.887-0.337-2.502-1.012c-0.602-0.651-0.902-1.511-0.902-2.577c0-1.217,0.342-2.158,1.025-2.823
|
|
||||||
c0.634-0.62,1.481-0.93,2.543-0.93c1.044,0,1.858,0.323,2.443,0.971C109.538,16.447,109.831,17.338,109.831,18.473z M108.683,18.514
|
|
||||||
c0-0.898-0.203-1.582-0.608-2.051c-0.392-0.451-0.941-0.677-1.647-0.677c-0.697,0-1.256,0.228-1.675,0.684
|
|
||||||
c-0.442,0.487-0.663,1.179-0.663,2.071c0,0.838,0.212,1.494,0.636,1.965c0.424,0.473,0.991,0.708,1.702,0.708
|
|
||||||
c0.738,0,1.301-0.239,1.688-0.718C108.493,20.031,108.683,19.371,108.683,18.514z"/>
|
|
||||||
<path fill="#FFFFFF" d="M123.141,22h-1.271l-1.032-2.741h-4.163L115.696,22h-1.271l3.746-9.803h1.189L123.141,22z M120.454,18.22
|
|
||||||
l-1.538-4.17c-0.041-0.114-0.094-0.335-0.157-0.663h-0.027c-0.041,0.277-0.091,0.499-0.15,0.663l-1.524,4.17H120.454z"/>
|
|
||||||
<path fill="#FFFFFF" d="M129.32,15.321l-4.149,5.729h4.102V22h-5.749v-0.349l4.143-5.701h-3.753V15h5.407V15.321z"/>
|
|
||||||
<path fill="#FFFFFF" d="M136.416,22h-1.121v-1.107h-0.027c-0.465,0.852-1.183,1.278-2.153,1.278c-1.673,0-2.509-0.995-2.509-2.987
|
|
||||||
V15h1.121v4.006c0,1.473,0.565,2.208,1.695,2.208c0.542,0,0.99-0.197,1.343-0.591c0.354-0.395,0.53-0.924,0.53-1.59V15h1.121V22z"/>
|
|
||||||
<path fill="#FFFFFF" d="M142.336,16.135c-0.196-0.15-0.48-0.226-0.854-0.226c-0.456,0-0.839,0.205-1.148,0.615
|
|
||||||
c-0.351,0.46-0.526,1.097-0.526,1.907V22h-1.121v-7h1.121v1.442h0.027c0.164-0.511,0.417-0.905,0.759-1.183
|
|
||||||
c0.319-0.256,0.677-0.383,1.073-0.383c0.296,0,0.52,0.031,0.67,0.096V16.135z"/>
|
|
||||||
<path fill="#FFFFFF" d="M148.946,18.78h-4.942c0.019,0.784,0.228,1.386,0.629,1.805s0.952,0.629,1.654,0.629
|
|
||||||
c0.788,0,1.511-0.255,2.167-0.766v1.046c-0.61,0.451-1.422,0.677-2.434,0.677c-0.957,0-1.716-0.301-2.276-0.902
|
|
||||||
c-0.602-0.638-0.902-1.552-0.902-2.741c0-1.125,0.326-2.035,0.978-2.728c0.61-0.647,1.358-0.971,2.242-0.971
|
|
||||||
c0.948,0,1.673,0.317,2.174,0.95c0.474,0.592,0.711,1.396,0.711,2.413V18.78z M147.798,17.83c-0.009-0.639-0.159-1.135-0.451-1.49
|
|
||||||
c-0.306-0.369-0.738-0.554-1.299-0.554c-0.528,0-0.978,0.188-1.347,0.563c-0.369,0.377-0.597,0.869-0.684,1.48H147.798z"/>
|
|
||||||
<path fill="#FFFFFF" d="M29,18.4c-0.8,0-1.5,0.5-1.9,1.2H15.3l0,0c-2,0-3.6-1.6-3.6-3.6s1.6-3.6,3.6-3.6l0,0l0,0l0,0H17
|
|
||||||
c0.1-0.4,0.2-0.8,0.4-1.2c0-0.2,0.1-0.4,0.1-0.5c0.8-1.5,2.4-2.4,4.2-2.4c1.6,0,3,0.8,3.9,2c0.5-0.2,1-0.4,1.6-0.5
|
|
||||||
C26.1,8,24,6.7,21.7,6.7c-2.7,0-5,1.7-6,4.1l0,0l0,0l0,0h-0.4C12.4,10.7,10,13.1,10,16s2.4,5.3,5.3,5.3h11.9c0.3,0.7,1,1.2,1.9,1.2
|
|
||||||
c1.1,0,2-0.9,2-2C31.1,19.3,30.2,18.4,29,18.4z"/>
|
|
||||||
<path fill="#FFFFFF" d="M35.6,14.4c-1.2-2.4-3.7-4.1-6.6-4.1c-3.5,0-6.4,2.4-7.1,5.7c-1.7,0.2-3.2,1.1-4.1,2.4h8.7
|
|
||||||
c0.6-0.7,1.5-1.2,2.5-1.2c1.8,0,3.2,1.5,3.2,3.2c0,1.8-1.5,3.2-3.2,3.2c-1,0-1.9-0.5-2.5-1.2h-9.6c0.4,2.8,2.8,4.9,5.6,4.9l0,0l0,0
|
|
||||||
h13l0,0l0,0c3.6,0,6.5-2.9,6.5-6.5C42,17.3,39.1,14.4,35.6,14.4z"/>
|
|
||||||
</svg>
|
|
||||||
|
До Ширина: | Высота: | Размер: 5.8 KiB |
|
|
@ -1,16 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
|
|
||||||
<g>
|
|
||||||
<path fill="#3999C6" d="M63.6,32.4c0.6-0.6,0.5-1.7,0-2.3L60.5,27L46.7,13.6c-0.6-0.6-1.5-0.6-2.2,0l0,0c-0.6,0.6-0.8,1.7,0,2.3
|
|
||||||
L59,30.1c0.6,0.6,0.6,1.7,0,2.3L44.2,47.1c-0.6,0.6-0.6,1.7,0,2.3l0,0c0.6,0.6,1.7,0.5,2.2,0l13.7-13.6c0,0,0,0,0.1-0.1L63.6,32.4z
|
|
||||||
"/>
|
|
||||||
<path fill="#3999C6" d="M0.4,32.4c-0.6-0.6-0.5-1.7,0-2.3L3.5,27l13.8-13.4c0.6-0.6,1.5-0.6,2.2,0l0,0c0.6,0.6,0.8,1.7,0,2.3
|
|
||||||
L5.3,30.1c-0.6,0.6-0.6,1.7,0,2.3l14.5,14.7c0.6,0.6,0.6,1.7,0,2.3l0,0c-0.6,0.6-1.7,0.5-2.2,0L3.6,36c0,0,0,0-0.1-0.1L0.4,32.4z"
|
|
||||||
/>
|
|
||||||
<polygon fill="#FCD116" points="47.6,2.5 28.1,2.5 17.6,32.1 30.4,32.2 20.4,61.5 48,22.4 34.6,22.4 "/>
|
|
||||||
<polygon opacity="0.3" fill="#FF8C00" enable-background="new " points="34.6,22.4 47.6,2.5 37.4,2.5 26.6,27.1 39.4,27.2
|
|
||||||
20.4,61.5 48,22.4 "/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
До Ширина: | Высота: | Размер: 1.1 KiB |
|
|
@ -1,39 +0,0 @@
|
||||||
<template>
|
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve" :width="width">
|
|
||||||
<g>
|
|
||||||
<polygon points="11.4,22.4 29.7,4.2 29.7,13.3 32,13.3 32,0 18.7,0 18.7,2.3 27.9,2.3 9.7,20.5 11.4,22.4 11.4,22.4
|
|
||||||
"/>
|
|
||||||
<polygon points="29.7,29.7 2.3,29.7 2.3,2.3 13.3,2.3 13.3,0 11.9,0 0,0 0,31.9 32,31.9 32,18.6 29.7,18.6 29.7,29.7
|
|
||||||
29.7,29.7 "/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
width: {
|
|
||||||
type: Number,
|
|
||||||
default: 10
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
svg {
|
|
||||||
vertical-align: baseline;
|
|
||||||
margin-left: 4px;
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.st1 {
|
|
||||||
fill: none;
|
|
||||||
stroke: #000000;
|
|
||||||
stroke-width: 2;
|
|
||||||
stroke-linecap: round;
|
|
||||||
stroke-linejoin: round;
|
|
||||||
stroke-miterlimit: 10;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
|
|
@ -1,61 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<img :src="profilePicUrl" class="profilepic" />
|
|
||||||
<a :href="profileUrl" target="_blank" class="authorname">{{ userName }}</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
authortype: {
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
repository: {
|
|
||||||
required: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
repositoryDetails() {
|
|
||||||
var parser = document.createElement('a');
|
|
||||||
parser.href = this.repository;
|
|
||||||
var protocol = parser.protocol;
|
|
||||||
var hostname = parser.hostname;
|
|
||||||
var pathArray = parser.pathname.split('/');
|
|
||||||
var username = pathArray.length > 1 ? pathArray[1] : null;
|
|
||||||
return {
|
|
||||||
protocol,
|
|
||||||
hostname,
|
|
||||||
username
|
|
||||||
};
|
|
||||||
},
|
|
||||||
userName() {
|
|
||||||
return this.repositoryDetails.username;
|
|
||||||
},
|
|
||||||
profileUrl() {
|
|
||||||
return this.repositoryDetails.protocol + '//' + this.repositoryDetails.hostname + '/' + this.userName;
|
|
||||||
},
|
|
||||||
profilePicUrl() {
|
|
||||||
return this.profileUrl + '.png?size=50';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
|
|
||||||
.profilepic{
|
|
||||||
margin-right: 0.5rem;
|
|
||||||
height: 24px;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.authorname {
|
|
||||||
font-size: 12px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
|
|
@ -1,66 +0,0 @@
|
||||||
<template>
|
|
||||||
<span>
|
|
||||||
<svg v-if="type === 'functionapp'" :width="width" :height="width" class="functionslogo"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 54" enable-background="new 0 -10 64 54" xml:space="preserve">
|
|
||||||
<g>
|
|
||||||
<path fill="#3999C6" d="M63.6,32.4c0.6-0.6,0.5-1.7,0-2.3L60.5,27L46.7,13.6c-0.6-0.6-1.5-0.6-2.2,0l0,0c-0.6,0.6-0.8,1.7,0,2.3 L59,30.1c0.6,0.6,0.6,1.7,0,2.3L44.2,47.1c-0.6,0.6-0.6,1.7,0,2.3l0,0c0.6,0.6,1.7,0.5,2.2,0l13.7-13.6c0,0,0,0,0.1-0.1L63.6,32.4z"></path>
|
|
||||||
<path fill="#3999C6" d="M0.4,32.4c-0.6-0.6-0.5-1.7,0-2.3L3.5,27l13.8-13.4c0.6-0.6,1.5-0.6,2.2,0l0,0c0.6,0.6,0.8,1.7,0,2.3 L5.3,30.1c-0.6,0.6-0.6,1.7,0,2.3l14.5,14.7c0.6,0.6,0.6,1.7,0,2.3l0,0c-0.6,0.6-1.7,0.5-2.2,0L3.6,36c0,0,0,0-0.1-0.1L0.4,32.4z"></path>
|
|
||||||
<polygon fill="#FCD116" points="47.6,2.5 28.1,2.5 17.6,32.1 30.4,32.2 20.4,61.5 48,22.4 34.6,22.4 "></polygon>
|
|
||||||
<polygon opacity="0.3" fill="#FF8C00" enable-background="new " points="34.6,22.4 47.6,2.5 37.4,2.5 26.6,27.1 39.4,27.2 20.4,61.5 48,22.4 "></polygon>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
<svg v-if="type === 'logicapp'" :width="width" :height="width" class="logicappslogo"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 51.8">
|
|
||||||
<g>
|
|
||||||
<path fill="#59b4d9" d="M26 21.3v-5h-2.5v5c0 .9-.8 1.7-2.1 2.1l-3.4.7c-2.3.7-3.9 2.5-3.9 4.5v5.7h2.5v-5.7c0-.9.8-1.7 2.1-2.1l3.4-.8c2.3-.6 3.9-2.4 3.9-4.4z"></path>
|
|
||||||
<path fill="#7fba00" d="M19.6 36.9v-4.6c0-1.1-.9-2-2-2H13c-1.1 0-2 .9-2 2v4.6c0 1.1.9 2 2 2h4.6c1.1 0 2-.9 2-2z"></path>
|
|
||||||
<path fill="#59b4d9" d="M23.2 21.3v-5h2.5v5c0 .9.8 1.7 2.1 2.1l4.2.9c2.3.7 3.9 2.5 3.9 4.5v5.7h-2.5v-5.7c0-.9-.8-1.7-2.1-2.1l-4.2-.9c-2.3-.7-3.9-2.5-3.9-4.5z"></path>
|
|
||||||
<path fill="#7fba00" d="M30.4 37.1v-4.6c0-1.1.9-2 2-2H37c1.1 0 2 .9 2 2v4.6c0 1.1-.9 2-2 2h-4.6c-1.1 0-2-.9-2-2z"></path>
|
|
||||||
<path fill="#59b4d9" d="M23.2 16.3H26v4.8h-2.8z"></path>
|
|
||||||
<path fill="#0072c6" d="M26.5 11.7v3.7h-3.7v-3.7h3.7m.8-2.8H22c-1.1 0-2 .9-2 2v5.3c0 1.1.9 2 2 2h5.3c1.1 0 2-.9 2-2v-5.3c0-1.1-.9-2-2-2z"></path>
|
|
||||||
<path fill="#59b4d9" d="M7.9 44.4c-2.1 0-3.6-.4-4.5-1.1-.9-.8-1.3-2.1-1.3-4V28.9c0-1.7-.7-2.6-2.1-2.6v-2.6c1.4 0 2.1-.9 2.1-2.7V10.8c0-1.9.4-3.3 1.3-4.1s2.4-1.1 4.5-1.1v2.6c-1.5 0-2.3.8-2.3 2.5v10c0 2.3-.7 3.7-2.2 4.3 1.4.6 2.2 2 2.2 4.3v9.9c0 .9.2 1.6.5 2 .4.4.9.6 1.7.6l.1 2.6c-.1 0 0 0 0 0zM42.1 5.6c2.1 0 3.6.4 4.5 1.1.9.8 1.3 2.1 1.3 4v10.4c0 1.7.7 2.6 2.1 2.6v2.6c-1.4 0-2.1.9-2.1 2.7v10.1c0 1.9-.4 3.3-1.3 4.1-.9.8-2.4 1.2-4.5 1.2v-2.6c1.5 0 2.3-.8 2.3-2.5v-10c0-2.3.7-3.7 2.2-4.3-1.4-.6-2.2-2-2.2-4.3v-9.9c0-.9-.2-1.6-.5-2-.4-.4-.9-.6-1.7-.6l-.1-2.6z"></path>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
<div>{{ type | ToDisplayType }}</div>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
type: {
|
|
||||||
type: String,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
language: {
|
|
||||||
type: String
|
|
||||||
},
|
|
||||||
width: {
|
|
||||||
type: Number,
|
|
||||||
default: 17
|
|
||||||
}
|
|
||||||
},
|
|
||||||
filters: {
|
|
||||||
ToDisplayType(value) {
|
|
||||||
if (!value) { return ''; }
|
|
||||||
var type = value.toLowerCase();
|
|
||||||
if (type === 'functionapp') {
|
|
||||||
return 'Function App';
|
|
||||||
} else if (type === 'logicapp') {
|
|
||||||
return 'Logic App';
|
|
||||||
} else {
|
|
||||||
return value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.functionslogo,
|
|
||||||
.logicappslogo {
|
|
||||||
vertical-align: baseline;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
|
|
@ -1,334 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div data-grid="col-12">
|
|
||||||
<div data-grid="col-6">
|
|
||||||
<form @submit.prevent="capturetext" class="c-search" autocomplete="off" name="form1">
|
|
||||||
<input
|
|
||||||
v-model.lazy.trim="searchtext"
|
|
||||||
aria-label="Enter your search"
|
|
||||||
type="search"
|
|
||||||
name="search-field"
|
|
||||||
role="searchbox"
|
|
||||||
placeholder="Search"
|
|
||||||
/>
|
|
||||||
<button class="c-glyph searchbuttonunset" name="search-button">
|
|
||||||
<span class="x-screen-reader">Search</span>
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
<p v-if="activeText">{{ activeFilters.filtertext }}</p>
|
|
||||||
</div>
|
|
||||||
<div data-grid="col-3" class="minwidth" >
|
|
||||||
<select class="c-search dropdown2" v-model="type">
|
|
||||||
<option value="" selected>Type: All</option>
|
|
||||||
<option value="functionapp">Function App</option>
|
|
||||||
<option value="logicapp">Logic App</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div data-grid="col-3" class="minwidth">
|
|
||||||
<select class="c-search dropdown2" v-model="language">
|
|
||||||
<option value="" selected >Language: All</option>
|
|
||||||
<option value="javascript">JavaScript</option>
|
|
||||||
<option value="csharp">C#</option>
|
|
||||||
<option value="python">Python</option>
|
|
||||||
<option value="java">Java</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import AppIcon from './AppIcon.vue'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
searchtext: '',
|
|
||||||
activeText: false,
|
|
||||||
language: "",
|
|
||||||
type: ""
|
|
||||||
}
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
AppIcon
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
filters: {
|
|
||||||
required:true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.setFilter();
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
activeFilters() {
|
|
||||||
return {
|
|
||||||
language: this.language,
|
|
||||||
type: this.type,
|
|
||||||
filtertext: this.searchtext
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
capturetext() {
|
|
||||||
this.activeText === true
|
|
||||||
},
|
|
||||||
|
|
||||||
trackEvent(eventName) {
|
|
||||||
if (typeof appInsights !== 'undefined') {
|
|
||||||
const eventData = this.getDataToLog();
|
|
||||||
appInsights.trackEvent(eventName, eventData);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
getDataToLog() {
|
|
||||||
return this.activeFilters;
|
|
||||||
},
|
|
||||||
|
|
||||||
setFilter()
|
|
||||||
{
|
|
||||||
this.searchtext= this.filters.filtertext;
|
|
||||||
this.language = this.filters.language;
|
|
||||||
this.type = this.filters.type;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
watch: {
|
|
||||||
activeFilters() {
|
|
||||||
this.$emit('updateFilters', this.activeFilters)
|
|
||||||
},
|
|
||||||
filters()
|
|
||||||
{
|
|
||||||
this.setFilter();
|
|
||||||
},
|
|
||||||
type() {
|
|
||||||
this.trackEvent('/filter/change/type');
|
|
||||||
},
|
|
||||||
language() {
|
|
||||||
this.trackEvent('/filter/change/language');
|
|
||||||
},
|
|
||||||
searchtext() {
|
|
||||||
this.trackEvent('/filter/change/searchtext');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.theme-dark .c-search input[type='search'] {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
.minwidth{
|
|
||||||
min-width: 160px;
|
|
||||||
}
|
|
||||||
.c-search{
|
|
||||||
max-width: 96%;
|
|
||||||
margin: 1rem 0.5rem 0;
|
|
||||||
height: 24px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
.c-search input[type='search'] {
|
|
||||||
border-top: none;
|
|
||||||
border-right: none;
|
|
||||||
border-left: none;
|
|
||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
|
||||||
padding-left: 8px!important;
|
|
||||||
}
|
|
||||||
.c-search button {
|
|
||||||
height: 21px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
padding-top: 4px;
|
|
||||||
}
|
|
||||||
.c-search button:before {
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
.dropdown2{
|
|
||||||
width:90%;
|
|
||||||
border-top: none;
|
|
||||||
border-right: none;
|
|
||||||
border-left: none;
|
|
||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
|
||||||
overflow: hidden;
|
|
||||||
padding-left:8px;
|
|
||||||
}
|
|
||||||
select{
|
|
||||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAbCAYAAAAULC3gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAGFSURBVFhH7dbPK8NxHMfxNy4OSv6LlZqdjIO1hBxYk6w44LJairLyo1xc1IrGYRdywmRSLmS1mZLI1FqUmaHJmLWSaS3Zvl7MPgdK+/6Yw9T3cfn2fX3r2/Pwre+nBJ+oiJSya9GQg/jIQXzkID7/M+gtcU+XkQhx7F60dJwC4TAlBbxAUNDDqZvMPSZacAXYIgKeaMUySubxRYqmBBRlfx38OASdNjRp2mH3xtgmjGOyD7ruYRw/ptiSn8CgnNi+DdWKRmyePbMlP4+1H3UtJhw+cGzhJyoo6+5gGjXKVmz4o2z5zTucc0YoVF24ZotQooOygs4ZaLQGrBzdsuW7JLZnB6Ft7oU/wyYRJAUBGZysW1Bfp4c7/PPb2LEOQNdhhDuUYIs4EoOyMghtTUGh1GP3JhflWx1Dbb0BrquXr3spCj6g+dZGaGg+Qm0NVbTsuCD7uYdUZeyhFF9ZBfIuTUCt7sRenA0F+JsjbIajxGuaKivK2SCdfKbmIwfxkYP4FFkQ0QcfqvTSn4DY8AAAAABJRU5ErkJggg==) no-repeat 98% 60%;
|
|
||||||
background-size: contain;
|
|
||||||
background-color:white;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
list-style: none outside none;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
.searchbuttonunset{
|
|
||||||
width: unset;
|
|
||||||
}
|
|
||||||
menu {
|
|
||||||
padding-left: 0;
|
|
||||||
margin: 0;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carot {
|
|
||||||
color: #81bdec;
|
|
||||||
font-size: 12px;
|
|
||||||
width: 14px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
|
|
||||||
@media (max-width: 700px) {
|
|
||||||
aside {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav {
|
|
||||||
margin-top: 50px;
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
text-transform: capitalize;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__controls {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__label {
|
|
||||||
position: relative;
|
|
||||||
margin-left: 1rem;
|
|
||||||
text-transform: capitalize;
|
|
||||||
z-index: 1;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 2px;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: '\00d7';
|
|
||||||
display: inline-block;
|
|
||||||
color: transparent;
|
|
||||||
width: 0.5rem;
|
|
||||||
font-weight: 400;
|
|
||||||
transform: scale(0);
|
|
||||||
transition: transform 150ms ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
&--clear {
|
|
||||||
color: #f68185;
|
|
||||||
opacity: 0;
|
|
||||||
transform: translate3d(-25%, 0, 0);
|
|
||||||
pointer-events: none;
|
|
||||||
transition: all 275ms ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
&--filter ~ &--clear {
|
|
||||||
opacity: 1;
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
&--filter::after,
|
|
||||||
&--active::after {
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
&--active::after {
|
|
||||||
content: '\00d7';
|
|
||||||
color: #f68185;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown {
|
|
||||||
position: relative;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
transition: height 350ms;
|
|
||||||
|
|
||||||
&-enter,
|
|
||||||
&-leave-to {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-leave,
|
|
||||||
&-enter-to {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-enter-active,
|
|
||||||
&-leave-active {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
transition: opacity 200ms ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-enter-active {
|
|
||||||
transition-delay: 100ms;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.filters {
|
|
||||||
padding: 1rem;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: flex-start;
|
|
||||||
|
|
||||||
&__item {
|
|
||||||
margin-right: 0.5rem;
|
|
||||||
border: 1px solid #888;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
line-height: 1.35;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 275ms;
|
|
||||||
padding: 0.25rem 0.5rem 0.45rem;
|
|
||||||
text-transform: uppercase;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-color: #3393de;
|
|
||||||
}
|
|
||||||
|
|
||||||
&--active {
|
|
||||||
color: white;
|
|
||||||
border-color: #3393de;
|
|
||||||
background-color: #3393de;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__rating {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
padding: 1.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__range {
|
|
||||||
width: 200px;
|
|
||||||
margin-top: 1rem;
|
|
||||||
color: inherit;
|
|
||||||
|
|
||||||
&::-webkit-slider-thumb {
|
|
||||||
width: 0.8rem;
|
|
||||||
height: 0.8rem;
|
|
||||||
margin-top: calc(-0.4rem + 2px);
|
|
||||||
border-radius: 100%;
|
|
||||||
background-color: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-webkit-slider-runnable-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 4px;
|
|
||||||
background-image: linear-gradient(to right, white, #46d2c4);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,258 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="modal-mask">
|
|
||||||
<div class="modal-wrapper" @click="close">
|
|
||||||
<div class="modal-container" @click.stop>
|
|
||||||
|
|
||||||
<div class="modal">
|
|
||||||
<header class="modal-header">
|
|
||||||
<slot name="header">
|
|
||||||
In case you didn't know...
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn-close"
|
|
||||||
@click="close"
|
|
||||||
>
|
|
||||||
x
|
|
||||||
</button>
|
|
||||||
</slot>
|
|
||||||
</header>
|
|
||||||
<section class="modal-body">
|
|
||||||
<slot name="body">
|
|
||||||
<p class="modal-body-content" >
|
|
||||||
Each application is licensed to you by its owner (which may or may not be Microsoft) under the agreement which accompanies the application. Microsoft is not responsible for any non-Microsoft code and does not screen for security, compatibility, or performance. The applications are not supported by any Microsoft support program or service. The applications are provided AS IS without warranty of any kind.
|
|
||||||
</p>
|
|
||||||
<br/>
|
|
||||||
<p v-if="data.runtimeversion && data.runtimeversion.toLowerCase()==='v1'" class="modal-body-content" >
|
|
||||||
Also, please note that the Function App you've selected was created with Azure Functions 1.x. As such, it might not contain the latest features, but will still work as provided.
|
|
||||||
</p>
|
|
||||||
</slot>
|
|
||||||
</section>
|
|
||||||
<footer class="modal-footer">
|
|
||||||
<slot name="footer">
|
|
||||||
<div class="btn-agree">
|
|
||||||
<a :href="getDeployUrl()" target="_blank" class="fullwidth-anchor" role="button" v-on:click="outboundDeployClick()" v-on:dblclick="outboundDeployClick()">
|
|
||||||
I Agree
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn-cancel"
|
|
||||||
@click="close"
|
|
||||||
>
|
|
||||||
Cancel
|
|
||||||
</button>
|
|
||||||
</slot>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: ['data'],
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
close() {
|
|
||||||
this.trackEvent('/sample/deploy/cancel');
|
|
||||||
this.closeModal();
|
|
||||||
},
|
|
||||||
|
|
||||||
closeModal() {
|
|
||||||
this.$emit('close');
|
|
||||||
},
|
|
||||||
|
|
||||||
getDeployUrl() {
|
|
||||||
return 'https://portal.azure.com/#create/Microsoft.Template/uri/' + encodeURIComponent(this.data.template);
|
|
||||||
},
|
|
||||||
|
|
||||||
outboundDeployClick() {
|
|
||||||
this.trackEvent('/sample/deploy/agree');
|
|
||||||
fetch('https://www.serverlesslibrary.net/api/Library'
|
|
||||||
, {
|
|
||||||
method: 'PUT',
|
|
||||||
body:'"' + this.data.template + '"',
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/json"
|
|
||||||
},
|
|
||||||
})
|
|
||||||
.then(response => response.body)
|
|
||||||
.catch((err)=>console.error(err.message));
|
|
||||||
this.closeModal();
|
|
||||||
},
|
|
||||||
|
|
||||||
trackEvent(eventName) {
|
|
||||||
if (typeof appInsights !== 'undefined') {
|
|
||||||
const eventData = this.getDataToLog();
|
|
||||||
appInsights.trackEvent(eventName, eventData);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
getDataToLog() {
|
|
||||||
return {
|
|
||||||
template: this.data.template
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.modal-mask {
|
|
||||||
position: fixed;
|
|
||||||
z-index: 9998;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: rgba(0, 0, 0, .5);
|
|
||||||
display: table;
|
|
||||||
transition: opacity .3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-wrapper {
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-container {
|
|
||||||
width: 1000px;
|
|
||||||
margin: 0px auto;
|
|
||||||
padding: 10px 15px 5px 10px;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 2px;
|
|
||||||
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
|
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
|
|
||||||
-webkit-transition: all .3s ease;
|
|
||||||
transition: all .3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header h3 {
|
|
||||||
margin-top: 0;
|
|
||||||
color: #42b983;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-body {
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-default-button {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* The following styles are auto-applied to elements with
|
|
||||||
* transition="modal" when their visibility is toggled
|
|
||||||
* by Vue.js.
|
|
||||||
*
|
|
||||||
* You can easily play with the modal transition by editing
|
|
||||||
* these styles.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.modal-enter {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-leave-active {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-enter .modal-container,
|
|
||||||
.modal-leave-active .modal-container {
|
|
||||||
-webkit-transform: scale(1.1);
|
|
||||||
transform: scale(1.1);
|
|
||||||
}
|
|
||||||
.modal-backdrop {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 22%;
|
|
||||||
right: 22%;
|
|
||||||
background-color: #252525;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.modal {
|
|
||||||
padding-left: 24px;
|
|
||||||
padding-right: 20px;
|
|
||||||
padding-top: 15px;
|
|
||||||
background: #FFFFFF;
|
|
||||||
overflow-x: auto;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.modal-header, .modal-footer {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.modal-header {
|
|
||||||
color: rgb(0, 0, 0);
|
|
||||||
justify-content: space-between;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.modal-footer {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
margin-top: 12px;
|
|
||||||
justify-content: flex-start;
|
|
||||||
}
|
|
||||||
.modal-body {
|
|
||||||
position: relative;
|
|
||||||
margin-top:6px;
|
|
||||||
}
|
|
||||||
.modal-body-content {
|
|
||||||
text-align:left;
|
|
||||||
color: #626161;
|
|
||||||
font-size: 12px;
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-close {
|
|
||||||
border: none;
|
|
||||||
font-size: 16px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #000;
|
|
||||||
background: transparent;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.btn-cancel, .btn-agree {
|
|
||||||
border: 1px solid #0E53F4;
|
|
||||||
opacity: 1;
|
|
||||||
width: 125px;
|
|
||||||
height: 30px;
|
|
||||||
margin-right: 12px;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
.btn-cancel {
|
|
||||||
color: #0E53F4;
|
|
||||||
background:#FFFFFF;
|
|
||||||
}
|
|
||||||
.btn-agree {
|
|
||||||
color: white;
|
|
||||||
background:#0E53F4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fullwidth-anchor {
|
|
||||||
width:100%;
|
|
||||||
height: 100%;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.modal-enter {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.modal-leave-active {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.modal-enter .modal-container, .modal-leave-active .modal-container {
|
|
||||||
-webkit-transform: scale(1.1);
|
|
||||||
transform: scale(1.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
import Vue from 'vue'
|
|
||||||
import App from './App.vue'
|
|
||||||
import Home from './Home.vue'
|
|
||||||
import VueRouter from 'vue-router'
|
|
||||||
Vue.use(VueRouter)
|
|
||||||
const router = new VueRouter({
|
|
||||||
mode: 'history',
|
|
||||||
routes: [
|
|
||||||
{
|
|
||||||
path: '*',
|
|
||||||
component: App,
|
|
||||||
props: (route) => ({
|
|
||||||
language: route.query.language,
|
|
||||||
type: route.query.type,
|
|
||||||
filtertext: route.query.filtertext
|
|
||||||
})
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
Vue.config.productionTip = false
|
|
||||||
|
|
||||||
new Vue({
|
|
||||||
router,
|
|
||||||
render: h => h(Home)
|
|
||||||
}).$mount('#app')
|
|
||||||
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
Загрузка…
Ссылка в новой задаче